mirror of
https://github.com/Elvanos/fantasia-archive.git
synced 2024-05-19 03:32:59 +12:00
72 lines
1.8 KiB
SCSS
72 lines
1.8 KiB
SCSS
/* Quasar SCSS (& Sass) Variables */
|
|
|
|
/* GENERAL COLORS */
|
|
|
|
$primary : #d7ac47;
|
|
$primary-bright: #ffd673;
|
|
$secondary : #f75746;
|
|
$accent : #f5f5f5;
|
|
|
|
$white : #fff;
|
|
$grey : #d4d0c9;
|
|
|
|
$dark : #1b333e;
|
|
$dark-page : #303742;
|
|
|
|
$dark-lighter: #234655;
|
|
|
|
$positive : #35a14e;
|
|
$negative : #c10015;
|
|
$info : lighten(#d7ac47, 35);
|
|
$warning : #f2c037;
|
|
|
|
/* GLOBALS - HTML ELEMENTS */
|
|
$aLinkColor: $primary-bright;
|
|
|
|
/* GLOBALS - GENERAL SELECT */
|
|
$selectTextColor_darkMode: #eedbb0;
|
|
$selectBackgroundColor_darkMode: #bb3b32;
|
|
$selectTextColor_lightMode: #eedbb0;
|
|
$selectBackgroundColor_lightMode: #aa2a21;
|
|
|
|
/* GLOBALS - GENERAL ICONS */
|
|
$iconSize: 21px;
|
|
|
|
/* QUASAR COMPONENT - Q-CARD */
|
|
$qCard-background: $dark;
|
|
$qCard-text: $white;
|
|
$qCard-border-color: $dark;
|
|
$qCard-border-size: 0;
|
|
$qCard-border-radius: 5px;
|
|
$qCard-boxShadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
|
|
|
|
/* QUASAR COMPONENT - Q-CARD - Error page special */
|
|
$qCard-errorPage-background: #f7eeda;
|
|
$qCard-errorPage-text: $dark;
|
|
$qCard-errorPage-border-color: $dark;
|
|
$qCard-errorPage-border-size: 2px;
|
|
$qCard-errorPage-border-radius: 5px;
|
|
|
|
/* QUASAR COMPONENT - NOTIFY */
|
|
$qNotify-bgColor: $dark;
|
|
$qNotify-color: $dark;
|
|
$qNotify-icon-color: $dark;
|
|
|
|
/* COMPONENT - GLOBAL WINDOW BUTTONS */
|
|
$globalWindowButtons_height: 35px;
|
|
$globalWindowButtons_color: $accent;
|
|
$globalWindowButtons_hoverColor: $primary-bright;
|
|
$globalWindowButtons_close_hoverColor: $secondary;
|
|
|
|
/* COMPONENT - APP CONTROL MENUS */
|
|
$appControlMenus_bgColor: $dark-lighter;
|
|
$appControlMenus_color: $accent;
|
|
$appControlMenus_separatorColor: $primary-bright;
|
|
$appControlMenus_singleHover: $primary-bright;
|
|
|
|
/* COMPONENT - MARKDOWN */
|
|
$qMarkdown-color: $grey;
|
|
$qMarkdown-code-textColor: $dark;
|
|
$qMarkdown-code-blackgroundColor: $accent;
|
|
$qMarkdown-code-borderColor: $accent;
|