71 lines
2.2 KiB
Plaintext
71 lines
2.2 KiB
Plaintext
// out: ../css/custom-properties.css
|
|
|
|
body {
|
|
|
|
// SHADOW
|
|
--shadow: 0px 2px 4px rgba(0,0,0,.1);
|
|
--deeper_shadow: 0px 2px 8px rgba(0,0,0,.15);
|
|
// FONTS
|
|
--lato: 'Lato', sans-serif;
|
|
--fjalla: 'Fjalla One', sans-serif;
|
|
|
|
&.light-theme {
|
|
// COLORS
|
|
--top_bar_color: #2E3B4F;
|
|
--body_color: #2E3B4F;
|
|
--footer_color: #2E3B4F;
|
|
--card_color: #2E3B4F;
|
|
--link_color: #4B828E;
|
|
--link_hover_color: darken(#4B828E, 10%);
|
|
--tag_color: #4B828E;
|
|
--tag_hover_color: darken(#4B828E, 10%);
|
|
--search_widget_color: #2E3B4F;
|
|
--read_more_btn_color: #2E3B4F;
|
|
--comment_form_color: #2E3B4F;
|
|
--comment_color: #2E3B4F;
|
|
--post_comment_btn_color: #2E3B4F;
|
|
// BACKGROUNDS
|
|
--top_bar_bg: #FFF;
|
|
--body_bg: #FAFBFB;
|
|
--very_opaque_header_bg: linear-gradient(to top, rgba(250, 251, 251, 1), rgba(250, 251, 251, 0.9));
|
|
--opaque_header_bg: linear-gradient(to top, rgba(250, 251, 251, 1), rgba(250, 251, 251, 0.6));
|
|
--less_opaque_header_bg: linear-gradient(to top, rgba(250, 251, 251, 1), rgba(250, 251, 251, 0.4));
|
|
--footer_bg: #FFF;
|
|
--card_bg: #FFF;
|
|
--search_widget_bg: #f5f4f4;
|
|
--read_more_btn_bg: #F5F5F5;
|
|
--comment_form_bg: #FFF;
|
|
--comment_bg: #FFF;
|
|
--post_comment_btn_bg: #FFF;
|
|
}
|
|
|
|
&.dark-theme {
|
|
// COLORS
|
|
--top_bar_color: #F7F9FE;
|
|
--body_color: #F7F9FE;
|
|
--footer_color: #F7F9FE;
|
|
--card_color: #2E3B4F;
|
|
--link_color: #6db1c0;
|
|
--link_hover_color: darken(#6db1c0, 10%);
|
|
--tag_color: #6db1c0;
|
|
--tag_hover_color: darken(#6db1c0, 10%);
|
|
--search_widget_color: #F7F9FE;
|
|
--read_more_btn_color: #F7F9FE;
|
|
--comment_form_color: #2E3B4F;
|
|
--comment_color: #2E3B4F;
|
|
--post_comment_btn_color: #2E3B4F;
|
|
// BACKGROUNDS
|
|
--top_bar_bg: #232730;
|
|
--body_bg: #1d2027;
|
|
--very_opaque_header_bg: linear-gradient(to top, rgba(29, 32, 39, 1), rgba(29, 32, 39, 0.9));
|
|
--opaque_header_bg: linear-gradient(to top, rgba(29, 32, 39, 1), rgba(29, 32, 39, 0.6));
|
|
--less_opaque_header_bg: linear-gradient(to top, rgba(29, 32, 39, 1), rgba(29, 32, 39, 0.4));
|
|
--footer_bg: #232730;
|
|
--card_bg: #FFF;
|
|
--search_widget_bg: #15181d;
|
|
--read_more_btn_bg: rgb(56, 67, 90);
|
|
--comment_form_bg: #FFF;
|
|
--comment_bg: #FFF;
|
|
--post_comment_btn_bg: #FFF;
|
|
}
|
|
} |