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.
|
2024-03-01 08:45:17 +00:00
|
|
|
// Tip: to add new colors https://quasar.dev/style/color-palette/#adding-your-own-colors
|
2023-08-09 05:23:28 +00:00
|
|
|
$primary: #ec8916;
|
2024-02-26 14:00:14 +00:00
|
|
|
$secondary: $primary;
|
2024-03-14 14:06:06 +00:00
|
|
|
$positive: #c8e484;
|
|
|
|
$negative: #fb5252;
|
|
|
|
$info: #84d0e2;
|
|
|
|
$warning: #f4b974;
|
2023-08-08 08:24:01 +00:00
|
|
|
// Pendiente de cuadrar con la base de datos
|
|
|
|
$success: $positive;
|
|
|
|
$alert: $negative;
|
2024-03-01 08:45:17 +00:00
|
|
|
$white: #fff;
|
2024-04-02 08:46:27 +00:00
|
|
|
$dark: #403c3c;
|
2024-03-01 08:45:17 +00:00
|
|
|
// custom
|
|
|
|
$color-link: #66bfff;
|
2024-03-01 09:33:23 +00:00
|
|
|
$color-spacer-light: #a3a3a31f;
|
|
|
|
$color-spacer: #7979794d;
|
|
|
|
$border-thin-light: 1px solid $color-spacer-light;
|
2024-03-06 08:55:36 +00:00
|
|
|
$primary-light: lighten($primary, 35%);
|
2024-03-01 09:33:23 +00:00
|
|
|
$dark-shadow-color: black;
|
|
|
|
$layout-shadow-dark: 0 0 10px 2px #00000033, 0 0px 10px #0000003d;
|
|
|
|
$spacing-md: 16px;
|
2024-03-01 08:45:17 +00:00
|
|
|
|
2023-08-08 08:24:01 +00:00
|
|
|
.bg-success {
|
|
|
|
background-color: $positive;
|
|
|
|
}
|
2024-03-01 08:45:17 +00:00
|
|
|
|
2023-08-08 08:24:01 +00:00
|
|
|
.bg-notice {
|
|
|
|
background-color: $info;
|
|
|
|
}
|
|
|
|
.text-notice {
|
|
|
|
color: $info;
|
|
|
|
}
|
|
|
|
.bg-alert {
|
|
|
|
background-color: $negative;
|
|
|
|
}
|