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

much sexier colors

Browse source
This commit is contained in:
muerwre 2019-07-30 04:27:19 +07:00
parent a514661007
commit 435c789699
3 changed files with 16 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,6 +1,6 @@
.tag {
height: $tag_height;
background: #333333;
background: $tag_bg;
display: flex;
flex-direction: row;
align-items: center;

2
src/containers/examples/ImageExample/index.tsx
View file

@ -14,7 +14,7 @@ import { NodeNoComments } from "~/components/node/NodeNoComments";
interface IProps {}
const ImageExample: FC<IProps> = () => (
<Card className={styles.node}>
<Card className={styles.node} seamless>
<div
className={styles.image_container}
>

25
src/styles/colors.scss
View file

@ -15,13 +15,14 @@ $purple_gradient: linear-gradient(170deg, $red, $dark_blue);
//$color_yellow: yellow;
//$main_bg_color: #161616;
$main_bg_color: #111214;
//main_bg_color: #111214;
$main_bg_color: #2b2c34;
$main_text_color: white;
$content_bg_color: #222222;
$content_bg_secondary: darken($content_bg_color, 3%);
$content_bg: darken($main_bg_color, 4%);
$content_bg_secondary: darken($content_bg, 3%);
$cell_bg: lighten($main_bg_color, 5%);
$cell_bg: lighten($main_bg_color, 0%);
$text_normal: 16px;
$text_small: 14px;
@ -31,18 +32,20 @@ $text_sign: 22px;
$input_bg_color: transparentize(black, 0.8);
$button_bg_color: $red_gradient;
$comment_bg: lighten($main_bg_color, 4%);
$comment_bg: lighten($main_bg_color, 0%);
$panel_bg: transparent;
$node_bg: lighten($main_bg_color, 1%);
$node_bg: $content_bg;
$node_image_bg: lighten($main_bg_color, 4%);
$node_title_background: darken($main_bg_color, 4%);
$node_title_background: darken($main_bg_color, 8%);
$editor_panel_bg: transparentize(white, 0.98);
$editor_bg: lighten($main_bg_color, 4%);
$editor_bg: $content_bg;
$editor_panel_bg: darken($editor_bg, 4%);
$scroll_color: $red_gradient;
$scroll_inactive_opacity: 0.5;
$side_pane_btn_color: lighten($main_bg_color, 5%);
$side_pane_btn_color: lighten($main_bg_color, 0%);
$node_buttons_bg: transparentize(black, 0.8);
$node_buttons_bg: darken($main_bg_color, 6%);
$tag_bg: lighten($main_bg_color, 4%);