2022-12-20 11:00:36 +00:00
|
|
|
// Quasar SCSS (& Sass) Variables
|
|
|
|
// --------------------------------------------------
|
|
|
|
// To customize the look and feel of this app, you can override
|
|
|
|
// the Sass/SCSS variables found in Quasar's source Sass/SCSS files.
|
|
|
|
|
|
|
|
// Check documentation for full list of Quasar variables
|
|
|
|
|
|
|
|
// Your own variables (that are declared here) and Quasar's own
|
|
|
|
// ones will be available out of the box in your .vue/.scss/.sass files
|
|
|
|
|
|
|
|
// It's highly recommended to change the default colors
|
|
|
|
// to match your app's branding.
|
|
|
|
// Tip: Use the "Theme Builder" on Quasar's documentation website.
|
|
|
|
|
2022-12-20 11:30:25 +00:00
|
|
|
$primary: #ff9800;
|
2022-12-20 11:00:36 +00:00
|
|
|
$secondary: #26a69a;
|
|
|
|
$accent: #9c27b0;
|
|
|
|
|
|
|
|
$dark: #1d1d1d;
|
|
|
|
|
|
|
|
$positive: #21ba45;
|
|
|
|
$negative: #c10015;
|
|
|
|
$info: #31ccec;
|
|
|
|
$warning: #f2c037;
|
2022-12-20 11:30:25 +00:00
|
|
|
|
2022-12-20 13:01:58 +00:00
|
|
|
$color-spacer-light: rgba(255, 255, 255, 0.12);
|
|
|
|
$color-spacer: rgba(255, 255, 255, 0.3);
|
2022-12-20 11:30:25 +00:00
|
|
|
$border-thin-light: 1px solid $color-spacer-light;
|
|
|
|
|
2022-12-20 13:01:58 +00:00
|
|
|
$dark-shadow-color: #000;
|
|
|
|
$layout-shadow-dark: 0 0 10px 2px rgba(0, 0, 0, 0.2), 0 0px 10px rgba(0, 0, 0, 0.24);
|
|
|
|
|
2022-12-20 11:30:25 +00:00
|
|
|
$spacing-md: 16px;
|