mirror of
https://github.com/bookwyrm-social/bookwyrm.git
synced 2024-05-31 22:58:18 +00:00
cfa659748c
Adds a sass file based on the v10.0.0 Shepherd CSS. Original Shepherd styles are kept where appropriate, otherwise this is intended to inherit whatever styles are being used through the Bulma and Bookwyrm SASS, so that it uses appropriate colours in both light and dark modes.
98 lines
2.4 KiB
SCSS
98 lines
2.4 KiB
SCSS
@import "../vendor/bulma/sass/utilities/initial-variables.sass";
|
|
|
|
/* Colors
|
|
******************************************************************************/
|
|
|
|
/* states */
|
|
$primary: #005e50;
|
|
$primary-light: #1d2b28;
|
|
$info: #1f4666;
|
|
$success: #246447;
|
|
$success-light: #0d2f1e;
|
|
$warning: #8b6c15;
|
|
$warning-light: #372e13;
|
|
$danger: #872538;
|
|
$danger-light: #481922;
|
|
$light: #393939;
|
|
$red: #ffa1b4;
|
|
|
|
/* book cover standins */
|
|
$no-cover-color: #002549;
|
|
|
|
/* background colors */
|
|
$scheme-main: rgb(24, 27, 28);
|
|
$scheme-invert: #fff;
|
|
$scheme-main-bis: rgb(28, 30, 32);
|
|
$scheme-main-ter: rgb(32, 34, 36);
|
|
$background-body: rgb(24, 27, 28);
|
|
$background-secondary: rgb(28, 30, 32);
|
|
$background-tertiary: rgb(32, 34, 36);
|
|
$modal-background-background-color: rgba($black, 0.8);
|
|
$scrollbar-track: $background-secondary;
|
|
$scrollbar-thumb: $light;
|
|
|
|
/* highlight colors */
|
|
$primary-highlight: $primary;
|
|
$info-highlight: $info;
|
|
$success-highlight: $success;
|
|
|
|
/* borders */
|
|
$border: #2b3031;
|
|
$border-light: #444;
|
|
$border-hover: #51595d;
|
|
|
|
/* text */
|
|
$text: $grey-lightest;
|
|
$text-light: $grey-lighter;
|
|
$text-strong: $white-ter;
|
|
|
|
/* links */
|
|
$link: #2e7eb9;
|
|
$link-background: $background-tertiary;
|
|
$link-hover: $white-bis;
|
|
$link-hover-border: #51595d;
|
|
$link-focus: $white-bis;
|
|
$link-active: $white-bis;
|
|
$link-light: #0d1c26;
|
|
|
|
/* bulma overrides */
|
|
$background: $background-secondary;
|
|
$menu-item-active-background-color: $link-background;
|
|
$navbar-dropdown-item-hover-color: $white;
|
|
|
|
/* These element's colors are hardcoded, probably a bug in bulma? */
|
|
@media screen and (min-width: 769px) {
|
|
.navbar-dropdown {
|
|
box-shadow: 0 8px 8px rgba($black, 0.2) !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 768px) {
|
|
.navbar-menu {
|
|
box-shadow: 0 8px 8px rgba($black, 0.2) !important;
|
|
}
|
|
}
|
|
|
|
/* misc */
|
|
$shadow: 0 0.5em 1em -0.125em rgba($black, 0.2), 0 0px 0 1px rgba($black, 0.02);
|
|
$card-header-shadow: 0 0.125em 0.25em rgba($black, 0.1);
|
|
$invisible-overlay-background-color: rgba($black, 0.66);
|
|
$progress-value-background-color: $border-light;
|
|
|
|
/* Fonts
|
|
******************************************************************************/
|
|
$family-primary: $family-sans-serif;
|
|
$family-secondary: $family-sans-serif;
|
|
|
|
.has-text-muted {
|
|
color: $grey-lighter !important;
|
|
}
|
|
|
|
.has-text-more-muted {
|
|
color: $grey-light !important;
|
|
}
|
|
|
|
@import "../bookwyrm.scss";
|
|
@import "../vendor/icons.css";
|
|
@import "../vendor/shepherd.scss";
|