muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 04:46: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 { .tag {
height: $tag_height; height: $tag_height;
background: #333333; background: $tag_bg;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;

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

@ -14,7 +14,7 @@ import { NodeNoComments } from "~/components/node/NodeNoComments";
interface IProps {} interface IProps {}
const ImageExample: FC<IProps> = () => ( const ImageExample: FC<IProps> = () => (
<Card className={styles.node}> <Card className={styles.node} seamless>
<div <div
className={styles.image_container} 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; //$color_yellow: yellow;
//$main_bg_color: #161616; //$main_bg_color: #161616;
$main_bg_color: #111214; //main_bg_color: #111214;
$main_bg_color: #2b2c34;
$main_text_color: white; $main_text_color: white;
$content_bg_color: #222222; $content_bg: darken($main_bg_color, 4%);
$content_bg_secondary: darken($content_bg_color, 3%); $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_normal: 16px;
$text_small: 14px; $text_small: 14px;
@ -31,18 +32,20 @@ $text_sign: 22px;
$input_bg_color: transparentize(black, 0.8); $input_bg_color: transparentize(black, 0.8);
$button_bg_color: $red_gradient; $button_bg_color: $red_gradient;
$comment_bg: lighten($main_bg_color, 4%); $comment_bg: lighten($main_bg_color, 0%);
$panel_bg: transparent; $panel_bg: transparent;
$node_bg: lighten($main_bg_color, 1%); $node_bg: $content_bg;
$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, 8%);
$editor_panel_bg: transparentize(white, 0.98); $editor_bg: $content_bg;
$editor_bg: lighten($main_bg_color, 4%); $editor_panel_bg: darken($editor_bg, 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%); $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%);