diff --git a/src/styles/_color.scss b/src/styles/_color.scss index 47fbdae..1703fd6 100644 --- a/src/styles/_color.scss +++ b/src/styles/_color.scss @@ -25,18 +25,22 @@ $post-input-bg: #ffffff; $post: $default; $post-hover: $default-hover; $post-bg: $default-bg; +$post-bg-light: $default-bg-light; +$post-bg-trans: $default-bg-trans; $message: $main; $message-flashy: $flashy; $message-hover: color.adjust($message, $lightness: -10%, $space: hsl); $message-bg: color.adjust($message, $lightness: 60%, $space: hsl); -$message-bg-light: color.adjust($message, $lightness: 70%, $alpha: -0.3, $space: hsl); +$message-bg-light: color.adjust($message, $lightness: 65%, $space: hsl); +$message-bg-trans: color.adjust($message, $lightness: 70%, $alpha: -0.3, $space: hsl); $media: hsl(214, 45%, 27%); $media-flashy: hsl(193, 100%, 50%); $media-hover: color.adjust($media, $lightness: -10%, $space: hsl); $media-bg: color.adjust($media, $lightness: 60%, $space: hsl); -$media-bg-light: color.adjust($media, $lightness: 70%, $alpha: -0.3, $space: hsl); +$media-bg-light: color.adjust($media, $lightness: 65%, $space: hsl); +$media-bg-trans: color.adjust($media, $lightness: 70%, $alpha: -0.3, $space: hsl); //Over image colors $over-img: #DDD; diff --git a/src/styles/_lightbox.scss b/src/styles/_lightbox.scss index 5499e7e..0cee803 100644 --- a/src/styles/_lightbox.scss +++ b/src/styles/_lightbox.scss @@ -34,7 +34,7 @@ body.lb-disable-scrolling { .lb-dataContainer { overflow: hidden; - background-color: color.$media-bg-light; + background-color: color.$media-bg-trans; .lb-data { display: flex; diff --git a/src/styles/_page.project.panel.feed.scss b/src/styles/_page.project.panel.feed.scss index 0cc1a37..81bd8fa 100644 --- a/src/styles/_page.project.panel.feed.scss +++ b/src/styles/_page.project.panel.feed.scss @@ -17,19 +17,19 @@ &.post { border-left-color: color.$post; - background: color.$post-bg; + background: color.$post-bg-light; color: color.$post; } &.message { border-left-color: color.$message; - background: color.$message-bg; + background: color.$message-bg-light; color: color.$message; } &.media { border-left-color: color.$media; - background: color.$media-bg; + background: color.$media-bg-light; color: color.$media; } @@ -222,7 +222,7 @@ } .comment { - background: color.$message-bg-light; + background: color.$message-bg-trans; } .weather { @@ -304,7 +304,7 @@ &.drill { .comment { - background: color.$media-bg-light; + background: color.$media-bg-trans; } .drill-icon {