diff --git a/src/components/bars/PlayerBar/styles.scss b/src/components/bars/PlayerBar/styles.scss index 937b2b83..389cbc42 100644 --- a/src/components/bars/PlayerBar/styles.scss +++ b/src/components/bars/PlayerBar/styles.scss @@ -8,7 +8,7 @@ .wrap { display: flex; border-radius: $radius $radius 0 0; - background: $green_gradient; + background: $main_gradient; align-items: center; box-shadow: rgba(0, 0, 0, 0.5) 0 2px 5px, inset rgba(255, 255, 255, 0.3) 1px 1px, inset rgba(0, 0, 0, 0.3) 0 -1px; diff --git a/src/components/node/NodePanelInner/styles.scss b/src/components/node/NodePanelInner/styles.scss index 830ee740..054e0829 100644 --- a/src/components/node/NodePanelInner/styles.scss +++ b/src/components/node/NodePanelInner/styles.scss @@ -94,7 +94,7 @@ right: 4px; width: 24px; height: 52px; - background: $green_gradient; + background: $main_gradient; box-shadow: transparentize(black, 0.8) 4px 2px; border-radius: 2px; } diff --git a/src/sprites/noise.png b/src/sprites/noise.png new file mode 100644 index 00000000..b8542435 Binary files /dev/null and b/src/sprites/noise.png differ diff --git a/src/sprites/noise_top.png b/src/sprites/noise_top.png new file mode 100644 index 00000000..d620eede Binary files /dev/null and b/src/sprites/noise_top.png differ diff --git a/src/styles/colors.scss b/src/styles/colors.scss index be1dfce9..99ba2c95 100644 --- a/src/styles/colors.scss +++ b/src/styles/colors.scss @@ -15,10 +15,13 @@ $green_gradient: linear-gradient(170deg, adjust_hue($wisegreen, 15deg) 0%, $wise $purple_gradient: linear-gradient(170deg, $red, $dark_blue); $cyan_gradient: linear-gradient(260deg, #3c75ff -50%, #7b2653 150%); -$main_bg_color: #2c2b2b; +$main_gradient: $green_gradient; + +// $main_bg_color: darken(#2c2b2b, 4%); +$main_bg_color: darken(#2c2d2d, 6%); $main_text_color: white; -$content_bg: darken($main_bg_color, 6%); +$content_bg: darken($main_bg_color, 0%); $content_bg_secondary: darken($content_bg, 2%); $cell_bg: lighten($main_bg_color, 0%); @@ -34,7 +37,7 @@ $button_bg_color: $red_gradient; $comment_bg: lighten($content_bg, 2%); $panel_bg: transparent; -$node_bg: darken($content_bg, 4%); +$node_bg: darken($content_bg, 2%); $node_image_bg: darken($main_bg_color, 7%); $node_title_background: darken($main_bg_color, 8%); diff --git a/src/styles/global.scss b/src/styles/global.scss index 76ede1f3..9733167f 100644 --- a/src/styles/global.scss +++ b/src/styles/global.scss @@ -7,7 +7,8 @@ html { body { background: darken($main_bg_color, 12%); min-height: 100vh; - background: url('http://vault48.org/pixmaps/texture.jpg'); + // background: url('http://vault48.org/pixmaps/texture.jpg'); + background: url('../../src/sprites/noise.png') $main_bg_color; color: $main_text_color; font: $font_16_regular; -webkit-font-smoothing: antialiased; @@ -18,12 +19,14 @@ body { &::before { content: ''; position: absolute; - height: 400px; + height: 600px; width: 100%; top: 0; left: 0; z-index: -1; - background: url('http://vault48.org/pixmaps/texture_alt.jpg'); + // background: url('http://vault48.org/pixmaps/texture_alt.jpg'); + background: url('../../src/sprites/noise_top.png') 0% 0%; + background-size: 600px 600px; pointer-events: none; } }