survey-sdgs/public/assets/scss/variables/_variables-blue.scss

34 lines
947 B
SCSS
Executable File

[data-bs-theme="light"][data-color-theme="Blue_Theme"],
[data-bs-theme="dark"][data-color-theme="Blue_Theme"] {
$primary: #5d87ff;
$light-primary: rgba($primary, 0.1);
$secondary: #49beff;
$light-secondary: rgba($secondary, 0.1);
&:root {
--bs-primary: #{$primary};
--bs-primary-rgb: 93, 135, 255;
--bs-light-primary: #{$light-primary};
--bs-primary-bg-subtle: #{$light-primary};
--bs-secondary: #{$secondary};
--bs-secondary-rgb: 73, 190, 255;
--bs-light-secondary: #{$light-secondary};
--bs-secondary-bg-subtle: #{$light-secondary};
.btn-primary {
--bs-btn-bg: #{$primary};
--bs-btn-border-color: #{$primary};
--bs-btn-hover-bg: #4f73d9;
--bs-btn-hover-border-color: #4f73d9;
}
.btn-secondary {
--bs-btn-bg: #{$secondary};
--bs-btn-border-color: #{$secondary};
--bs-btn-hover-bg: #3ea2d9;
--bs-btn-hover-border-color: #3a98cc;
}
}
}