diff --git a/src/components/node/NodePanel/styles.scss b/src/components/node/NodePanel/styles.scss index a4904727..bd755630 100644 --- a/src/components/node/NodePanel/styles.scss +++ b/src/components/node/NodePanel/styles.scss @@ -1,6 +1,6 @@ .wrap { // background: $node_title_background; - background: $content_bg; + background: $node_bg; padding: $gap; box-sizing: border-box; display: flex; diff --git a/src/containers/examples/ImageExample/styles.scss b/src/containers/examples/ImageExample/styles.scss index d69d0a32..453385d7 100644 --- a/src/containers/examples/ImageExample/styles.scss +++ b/src/containers/examples/ImageExample/styles.scss @@ -28,7 +28,7 @@ display: flex; align-items: flex-start; justify-content: flex-start; - padding-left: $gap; + padding-left: $gap / 2; @include tablet { padding-left: 0; diff --git a/src/styles/colors.scss b/src/styles/colors.scss index 6deb9ad5..448230e5 100644 --- a/src/styles/colors.scss +++ b/src/styles/colors.scss @@ -32,7 +32,7 @@ $button_bg_color: $red_gradient; $comment_bg: lighten($main_bg_color, 0%); $panel_bg: transparent; -$node_bg: $content_bg; +$node_bg: darken($content_bg, 4%); $node_image_bg: lighten($main_bg_color, 4%); $node_title_background: darken($main_bg_color, 8%); diff --git a/src/styles/variables.scss b/src/styles/variables.scss index b9c9ed7d..50eff640 100644 --- a/src/styles/variables.scss +++ b/src/styles/variables.scss @@ -56,7 +56,7 @@ $shadow_depth_1: transparentize(black, 0.8) 0 1px, inset transparentize(white, 0 $shadow_depth_2: transparentize(black, 0.8) 0 2px, inset transparentize(white, 0.98) 0 1px; $comment_shadow: $shadow_depth_2; -$node_shadow: transparentize(black, 0.8) 1px 2px; +$node_shadow: transparentize(black, 0.8) 0 2px, transparentize(black, 0.8) 0 2px 4px; $tag_height: 22px;