muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-24 20:36:40 +07:00
Code Packages Activity Actions

made all colors go blue

Browse source
This commit is contained in:
muerwre 2019-07-29 19:20:34 +07:00
parent 6547f3bed0
commit a514661007
4 changed files with 9 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/main/SidePane/styles.scss
View file

@ -49,7 +49,7 @@
height: 54px; height: 54px;
box-shadow: inset transparentize(black, 0.9) 0 -1px, inset transparentize(white, 0.95) 0 1px; box-shadow: inset transparentize(black, 0.9) 0 -1px, inset transparentize(white, 0.95) 0 1px;
border-radius: $panel_radius; border-radius: $panel_radius;
background: #191919; background: $side_pane_btn_color;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;

3
src/components/node/NodePanel/styles.scss
View file

@ -1,5 +1,5 @@
.wrap { .wrap {
background: #090909; background: $node_title_background;
padding: $gap; padding: $gap;
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
@ -40,7 +40,6 @@
height: 54px; height: 54px;
border-radius: $radius $radius 0 0; border-radius: $radius $radius 0 0;
background: linear-gradient(176deg, #f42a00, #5c1085); background: linear-gradient(176deg, #f42a00, #5c1085);
background: #222222;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
right: 10px; right: 10px;

2
src/containers/examples/ImageExample/styles.scss
View file

@ -38,7 +38,7 @@
} }
.buttons { .buttons {
background: #161616; background: $node_buttons_bg;
flex: 1; flex: 1;
border-radius: $panel_radius; border-radius: $panel_radius;
box-shadow: $comment_shadow; box-shadow: $comment_shadow;

8
src/styles/colors.scss
View file

@ -15,7 +15,7 @@ $purple_gradient: linear-gradient(170deg, $red, $dark_blue);
//$color_yellow: yellow; //$color_yellow: yellow;
//$main_bg_color: #161616; //$main_bg_color: #161616;
$main_bg_color: #131112; $main_bg_color: #111214;
$main_text_color: white; $main_text_color: white;
$content_bg_color: #222222; $content_bg_color: #222222;
@ -33,7 +33,7 @@ $button_bg_color: $red_gradient;
$comment_bg: lighten($main_bg_color, 4%); $comment_bg: lighten($main_bg_color, 4%);
$panel_bg: transparent; $panel_bg: transparent;
$node_bg: $main_bg_color; $node_bg: lighten($main_bg_color, 1%);
$node_image_bg: lighten($main_bg_color, 4%); $node_image_bg: lighten($main_bg_color, 4%);
$node_title_background: darken($main_bg_color, 4%); $node_title_background: darken($main_bg_color, 4%);
@ -42,3 +42,7 @@ $editor_bg: lighten($main_bg_color, 4%);
$scroll_color: $red_gradient; $scroll_color: $red_gradient;
$scroll_inactive_opacity: 0.5; $scroll_inactive_opacity: 0.5;
$side_pane_btn_color: lighten($main_bg_color, 5%);
$node_buttons_bg: transparentize(black, 0.8);