diff --git a/src/components/input/Button/styles.scss b/src/components/input/Button/styles.scss index 19eaeb6a..91a0af24 100644 --- a/src/components/input/Button/styles.scss +++ b/src/components/input/Button/styles.scss @@ -108,6 +108,7 @@ &:global(.disabled), &:global(.grey) { background: transparentize(white, 0.9); + color: white; // background: lighten(white, 0.5); // filter: grayscale(100%); } diff --git a/src/components/node/CommentContent/styles.scss b/src/components/node/CommentContent/styles.scss index a2462771..3b5141cc 100644 --- a/src/components/node/CommentContent/styles.scss +++ b/src/components/node/CommentContent/styles.scss @@ -1,8 +1,9 @@ @import 'flexbin/flexbin.scss'; .block { + @include outer_shadow(); min-height: $comment_height; - box-shadow: inset rgba(255, 255, 255, 0.05) 1px 1px, inset rgba(0, 0, 0, 0.1) -1px -1px; + // box-shadow: inset rgba(255, 255, 255, 0.05) 1px 1px, inset rgba(0, 0, 0, 0.1) -1px -1px; display: flex; align-items: flex-start; justify-content: flex-start; diff --git a/src/components/node/NodePanelInner/styles.scss b/src/components/node/NodePanelInner/styles.scss index 054e0829..cdbbcfd0 100644 --- a/src/components/node/NodePanelInner/styles.scss +++ b/src/components/node/NodePanelInner/styles.scss @@ -27,6 +27,7 @@ padding: $gap; background: $node_bg; height: 72px; + @include outer_shadow(); } .title { diff --git a/src/styles/colors.scss b/src/styles/colors.scss index bffd8115..9c79d31a 100644 --- a/src/styles/colors.scss +++ b/src/styles/colors.scss @@ -26,7 +26,7 @@ $purple_gradient_alt: linear-gradient(90deg, #442294, #ff4545); $main_gradient: $green_gradient; // $main_bg_color: darken(#2c2b2b, 4%); -$main_bg_color: darken(#2c2d2d, 6%); +$main_bg_color: darken(#332f2d, 6%); $main_text_color: white; $content_bg: darken($main_bg_color, 0%); diff --git a/src/styles/variables.scss b/src/styles/variables.scss index 3803c192..66e8f78a 100644 --- a/src/styles/variables.scss +++ b/src/styles/variables.scss @@ -68,7 +68,7 @@ $input_shadow_error: inset $red 0 0 0 1px; $input_shadow_filled: $input_shadow; @mixin outer_shadow() { - box-shadow: inset transparentize(white, 0.95) 1px 1px, transparentize(black, 0.8) -1px -1px; + box-shadow: inset transparentize(white, 0.95) 0 1px, transparentize(black, 0.8) -1px -1px; } @mixin inner_shadow() {