This commit is contained in:
@@ -25,18 +25,22 @@ $post-input-bg: #ffffff;
|
|||||||
$post: $default;
|
$post: $default;
|
||||||
$post-hover: $default-hover;
|
$post-hover: $default-hover;
|
||||||
$post-bg: $default-bg;
|
$post-bg: $default-bg;
|
||||||
|
$post-bg-light: $default-bg-light;
|
||||||
|
$post-bg-trans: $default-bg-trans;
|
||||||
|
|
||||||
$message: $main;
|
$message: $main;
|
||||||
$message-flashy: $flashy;
|
$message-flashy: $flashy;
|
||||||
$message-hover: color.adjust($message, $lightness: -10%, $space: hsl);
|
$message-hover: color.adjust($message, $lightness: -10%, $space: hsl);
|
||||||
$message-bg: color.adjust($message, $lightness: 60%, $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: hsl(214, 45%, 27%);
|
||||||
$media-flashy: hsl(193, 100%, 50%);
|
$media-flashy: hsl(193, 100%, 50%);
|
||||||
$media-hover: color.adjust($media, $lightness: -10%, $space: hsl);
|
$media-hover: color.adjust($media, $lightness: -10%, $space: hsl);
|
||||||
$media-bg: color.adjust($media, $lightness: 60%, $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 image colors
|
||||||
$over-img: #DDD;
|
$over-img: #DDD;
|
||||||
|
|||||||
@@ -34,7 +34,7 @@ body.lb-disable-scrolling {
|
|||||||
|
|
||||||
.lb-dataContainer {
|
.lb-dataContainer {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
background-color: color.$media-bg-light;
|
background-color: color.$media-bg-trans;
|
||||||
|
|
||||||
.lb-data {
|
.lb-data {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@@ -17,19 +17,19 @@
|
|||||||
|
|
||||||
&.post {
|
&.post {
|
||||||
border-left-color: color.$post;
|
border-left-color: color.$post;
|
||||||
background: color.$post-bg;
|
background: color.$post-bg-light;
|
||||||
color: color.$post;
|
color: color.$post;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.message {
|
&.message {
|
||||||
border-left-color: color.$message;
|
border-left-color: color.$message;
|
||||||
background: color.$message-bg;
|
background: color.$message-bg-light;
|
||||||
color: color.$message;
|
color: color.$message;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.media {
|
&.media {
|
||||||
border-left-color: color.$media;
|
border-left-color: color.$media;
|
||||||
background: color.$media-bg;
|
background: color.$media-bg-light;
|
||||||
color: color.$media;
|
color: color.$media;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -222,7 +222,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.comment {
|
.comment {
|
||||||
background: color.$message-bg-light;
|
background: color.$message-bg-trans;
|
||||||
}
|
}
|
||||||
|
|
||||||
.weather {
|
.weather {
|
||||||
@@ -304,7 +304,7 @@
|
|||||||
|
|
||||||
&.drill {
|
&.drill {
|
||||||
.comment {
|
.comment {
|
||||||
background: color.$media-bg-light;
|
background: color.$media-bg-trans;
|
||||||
}
|
}
|
||||||
|
|
||||||
.drill-icon {
|
.drill-icon {
|
||||||
|
|||||||
Reference in New Issue
Block a user