Split css (#1959)
Divides the css into sub-files and normalizes how colors are defined. Co-authored-by: Joachim <joachim.robert@protonmail.com>
This commit is contained in:
55
bookwyrm/static/css/themes/dark.scss
Normal file
55
bookwyrm/static/css/themes/dark.scss
Normal file
@ -0,0 +1,55 @@
|
||||
@import "../vendor/bulma/sass/utilities/derived-variables.sass";
|
||||
|
||||
/* Colors
|
||||
******************************************************************************/
|
||||
|
||||
/* states */
|
||||
$primary: #016a5b;
|
||||
$info: #1f4666;
|
||||
$success: #246447;
|
||||
$warning: #8b6c15;
|
||||
$danger: #872538;
|
||||
|
||||
/* book cover standins */
|
||||
$no-cover-color: #002549;
|
||||
|
||||
/* background colors */
|
||||
$scheme-main: $grey-darker;
|
||||
$scheme-main-bis: $black-ter;
|
||||
$background-body: $grey-darker;
|
||||
$background-secondary: $grey-dark;
|
||||
$background-tertiary: #555;
|
||||
|
||||
/* highlight colors */
|
||||
$primary-highlight: $primary;
|
||||
$info-highlight: $info;
|
||||
$success-highlight: $success;
|
||||
|
||||
/* borders */
|
||||
$border: $grey;
|
||||
$border-hover: $grey-light;
|
||||
$border-light: $grey;
|
||||
$border-light-hover: $grey-light;
|
||||
|
||||
/* text */
|
||||
$text: $grey-lightest;
|
||||
$text-light: $grey-lighter;
|
||||
$text-strong: $white-ter;
|
||||
|
||||
/* links */
|
||||
$link: $white;
|
||||
$link-background: $background-tertiary;
|
||||
$link-hover: $white-bis;
|
||||
$link-focus: $white-bis;
|
||||
$link-active: $white-bis;
|
||||
|
||||
/* misc */
|
||||
|
||||
/* bulma overrides */
|
||||
$background: $background-secondary;
|
||||
$menu-item-active-background-color: $link-background;
|
||||
|
||||
/* Fonts
|
||||
******************************************************************************/
|
||||
$family-primary: $family-sans-serif;
|
||||
$family-secondary: $family-sans-serif;
|
53
bookwyrm/static/css/themes/light.scss
Normal file
53
bookwyrm/static/css/themes/light.scss
Normal file
@ -0,0 +1,53 @@
|
||||
@import "../vendor/bulma/sass/utilities/derived-variables.sass";
|
||||
|
||||
/* Colors
|
||||
******************************************************************************/
|
||||
|
||||
/* states */
|
||||
$primary: $turquoise;
|
||||
$info: $cyan;
|
||||
$success: $green;
|
||||
$warning: $yellow;
|
||||
$danger: $red;
|
||||
|
||||
/* book cover standins */
|
||||
$no-cover-color: #002549;
|
||||
|
||||
/* background colors */
|
||||
$scheme-main: $white;
|
||||
$scheme-main: $white-bis;
|
||||
$background-body: $white;
|
||||
$background-secondary: $white-ter;
|
||||
$background-tertiary: $white-bis;
|
||||
|
||||
/* highlight colors */
|
||||
$primary-highlight: $primary-light;
|
||||
$info-highlight: $info-light;
|
||||
$success-highlight: $success-light;
|
||||
|
||||
/* borders */
|
||||
$border: $grey-lighter;
|
||||
$border-hover: $grey-light;
|
||||
$border-light: $grey-lightest;
|
||||
$border-light-hover: $grey-light;
|
||||
|
||||
/* text */
|
||||
$text: $grey-dark;
|
||||
$text-light: $grey;
|
||||
$text-strong: $grey-darker;
|
||||
|
||||
/* links */
|
||||
$link: #3273dc;
|
||||
$link-background: $link;
|
||||
$link-hover: $grey-darker;
|
||||
$link-focus: $grey-darker;
|
||||
$link-active: $grey-darker;
|
||||
|
||||
/* bulma overrides */
|
||||
$background: $background-secondary;
|
||||
$menu-item-active-background-color: $link-background;
|
||||
|
||||
/* Fonts
|
||||
******************************************************************************/
|
||||
$family-primary: $family-sans-serif;
|
||||
$family-secondary: $family-sans-serif;
|
Reference in New Issue
Block a user