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

removed unused colors

Browse source
This commit is contained in:
Fedor Katurov 2022-08-12 16:32:36 +07:00
parent 5d34090238
commit ba1823ee8a
16 changed files with 47 additions and 256 deletions
Download patch file Download diff file Expand all files Collapse all files

59
src/styles/_colors.scss
View file

@ -1,4 +1,4 @@
// color 0, 0, 68 is pretty cool, btw
// palette
$red: #ff3344;
$yellow: #ffd60f;
$dark_blue: #592071;
@ -6,65 +6,34 @@ $blue: #582cd0;
$green: #00d2b9;
$olive: #8bc12a;
$orange: #ff7549;
$grass: #41800d;
$wisegreen: #007962;
$lightgreen: lighten(adjust_hue($wisegreen, -30deg), 10%);
$soft_blue: #3c75ff;
// main definitions
$primary: $red;
$secondary: $wisegreen;
// gradients
$red_gradient: linear-gradient(165deg, $orange -50%, $red 150%);
$yellow_gradient: linear-gradient(165deg, $yellow -50%, $red 150%);
$blue_gradient: linear-gradient(170deg, $blue, $dark_blue);
$green_gradient: linear-gradient(
170deg,
$lightgreen -50%,
$wisegreen 150%
);
$purple_gradient: linear-gradient(170deg, $red, $dark_blue);
$green_gradient: linear-gradient(170deg, $lightgreen -50%, $wisegreen 150%);
$cyan_gradient: linear-gradient(260deg, $soft_blue -50%, #7b2653 150%);
$red_gradient_alt: linear-gradient(170deg, #ff4545, #d2004c);
$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%);
$lab_post_bg: lighten($content_bg, 4%);
$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;
$button_bg_color: $red_gradient;
$inset_bg: linear-gradient(135deg, darken($content_bg, 2%), $content_bg);
$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%);
$text_color: white;
$scroll_color: $red_gradient;
$scroll_inactive_opacity: 0.5;
$side_pane_btn_color: lighten($main_bg_color, 0%);
// --color-base
$content_bg: #23201f;
$node_buttons_bg: darken($main_bg_color, 6%);
// --color-base-light
$comment_bg: lighten($content_bg, 2%);
$tag_bg: lighten($content_bg, 2%);
$menu_bg: lighten($content_bg, 2%);
$tag_bg: lighten($main_bg_color, 4%);
$menu_bg: lighten($main_bg_color, 4%);
// --color-base-dark
$node_bg: darken($content_bg, 2%);
$inset_bg: linear-gradient(135deg, darken($content_bg, 2%), $content_bg);