muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

fixed textures

Browse source
This commit is contained in:
Fedor Katurov 2019-10-21 19:42:11 +07:00
parent 88333e36b7
commit d22c1f64d0
6 changed files with 14 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/bars/PlayerBar/styles.scss
View file

@ -8,7 +8,7 @@
.wrap { .wrap {
display: flex; display: flex;
border-radius: $radius $radius 0 0; border-radius: $radius $radius 0 0;
background: $green_gradient; background: $main_gradient;
align-items: center; align-items: center;
box-shadow: rgba(0, 0, 0, 0.5) 0 2px 5px, inset rgba(255, 255, 255, 0.3) 1px 1px, 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; inset rgba(0, 0, 0, 0.3) 0 -1px;

2
src/components/node/NodePanelInner/styles.scss
View file

@ -94,7 +94,7 @@
right: 4px; right: 4px;
width: 24px; width: 24px;
height: 52px; height: 52px;
background: $green_gradient; background: $main_gradient;
box-shadow: transparentize(black, 0.8) 4px 2px; box-shadow: transparentize(black, 0.8) 4px 2px;
border-radius: 2px; border-radius: 2px;
} }

BIN
src/sprites/noise.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 176 KiB

BIN
src/sprites/noise_top.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 168 KiB

9
src/styles/colors.scss
View file

@ -15,10 +15,13 @@ $green_gradient: linear-gradient(170deg, adjust_hue($wisegreen, 15deg) 0%, $wise
$purple_gradient: linear-gradient(170deg, $red, $dark_blue); $purple_gradient: linear-gradient(170deg, $red, $dark_blue);
$cyan_gradient: linear-gradient(260deg, #3c75ff -50%, #7b2653 150%); $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; $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%); $content_bg_secondary: darken($content_bg, 2%);
$cell_bg: lighten($main_bg_color, 0%); $cell_bg: lighten($main_bg_color, 0%);
@ -34,7 +37,7 @@ $button_bg_color: $red_gradient;
$comment_bg: lighten($content_bg, 2%); $comment_bg: lighten($content_bg, 2%);
$panel_bg: transparent; $panel_bg: transparent;
$node_bg: darken($content_bg, 4%); $node_bg: darken($content_bg, 2%);
$node_image_bg: darken($main_bg_color, 7%); $node_image_bg: darken($main_bg_color, 7%);
$node_title_background: darken($main_bg_color, 8%); $node_title_background: darken($main_bg_color, 8%);

9
src/styles/global.scss
View file

@ -7,7 +7,8 @@ html {
body { body {
background: darken($main_bg_color, 12%); background: darken($main_bg_color, 12%);
min-height: 100vh; 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; color: $main_text_color;
font: $font_16_regular; font: $font_16_regular;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
@ -18,12 +19,14 @@ body {
&::before { &::before {
content: ''; content: '';
position: absolute; position: absolute;
height: 400px; height: 600px;
width: 100%; width: 100%;
top: 0; top: 0;
left: 0; left: 0;
z-index: -1; 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; pointer-events: none;
} }
} }