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 global styles

Browse source
This commit is contained in:
Fedor Katurov 2020-11-20 19:46:41 +07:00
parent 8f9c61e1f6
commit f354b4aacc
6 changed files with 113 additions and 205 deletions
Download patch file Download diff file Expand all files Collapse all files

67
src/styles/_colors.scss Normal file
View file

@ -0,0 +1,67 @@
// color 0, 0, 68 is pretty cool, btw
// $red: #ff3344;
$red: #ff3344;
$yellow: #ffd60f;
$dark_blue: #3c75ff;
$blue: #3ca1ff;
$green: #00d2b9;
//$green: #00503c;
$olive: #8bc12a;
$orange: #ff7549;
$grass: #41800d;
$wisegreen: #007962;
// $wisegreen: #006868;
$primary: $red;
$secondary: $wisegreen;
$red_gradient: linear-gradient(165deg, $orange -50%, $red 150%);
$blue_gradient: linear-gradient(170deg, $green, $dark_blue);
$green_gradient: linear-gradient(
170deg,
lighten(adjust_hue($wisegreen, 15deg), 10%) 0%,
$wisegreen 100%
);
$purple_gradient: linear-gradient(170deg, $red, $dark_blue);
$cyan_gradient: linear-gradient(260deg, #3c75ff -50%, #7b2653 150%);
$red_gradient_alt: linear-gradient(270deg, #d2004c, #ff4545);
$purple_gradient_alt: linear-gradient(90deg, #442294, #ff4545);
$main_gradient: $green_gradient;
// $main_bg_color: darken(#2c2b2b, 4%);
$main_bg_color: darken(#332f2d, 6%);
$main_text_color: white;
$content_bg: darken($main_bg_color, 0%);
$content_bg_secondary: darken($content_bg, 2%);
$cell_bg: lighten($main_bg_color, 0%);
$card_bg: lighten($main_bg_color, 0%);
$text_normal: 16px;
$text_small: 14px;
$text_big: 20px;
$text_sign: 22px;
$input_bg_color: darken($content_bg, 2%);
$button_bg_color: $red_gradient;
$comment_bg: lighten($content_bg, 2%);
$panel_bg: transparent;
$node_bg: darken($content_bg, 2%);
$node_image_bg: darken($main_bg_color, 4%);
$node_title_background: darken($main_bg_color, 8%);
$editor_bg: $content_bg;
$editor_panel_bg: darken($editor_bg, 4%);
$cell_shade: lighten($content_bg, 10%);
$scroll_color: $red_gradient;
$scroll_inactive_opacity: 0.5;
$side_pane_btn_color: lighten($main_bg_color, 0%);
$node_buttons_bg: darken($main_bg_color, 6%);
$tag_bg: lighten($main_bg_color, 4%);