mirror of
https://github.com/bookwyrm-social/bookwyrm.git
synced 2024-04-29 15:19:16 +00:00
108 lines
2.5 KiB
SCSS
108 lines
2.5 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;
|
|
$black: #000;
|
|
$white-ter: hsl(0, 0%, 90%);
|
|
|
|
/* 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 */
|
|
$body-background-color: rgb(17, 18, 18);
|
|
$background: $background-secondary;
|
|
$menu-item-active-background-color: $link-background;
|
|
$navbar-dropdown-item-hover-color: $white;
|
|
$info-light: $background-body;
|
|
$info-dark: #72b6ee;
|
|
|
|
/* 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 0.5em -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;
|
|
}
|
|
|
|
|
|
#qrcode svg {
|
|
background-color: #a6a6a6;
|
|
}
|
|
|
|
@import "../bookwyrm.scss";
|
|
@import "../vendor/icons.css";
|
|
@import "../vendor/shepherd.scss";
|