2021-04-26 00:31:51 -07:00
|
|
|
// Light Mode Theme Variables and Overrides.
|
|
|
|
|
2021-04-25 20:11:46 -07:00
|
|
|
@import './theme-base.scss';
|
2021-03-13 02:31:46 -07:00
|
|
|
|
2022-01-04 20:51:10 -05:00
|
|
|
// Theme colors (BS5 classes)
|
|
|
|
$primary: #337ab7;
|
|
|
|
$secondary: $gray-600;
|
|
|
|
$success: $green-500;
|
|
|
|
$info: #54d6f0;
|
|
|
|
$warning: $yellow-500;
|
|
|
|
$danger: $red-500;
|
|
|
|
$light: $gray-200;
|
|
|
|
$dark: $gray-800;
|
2021-08-03 10:03:22 -07:00
|
|
|
|
2022-01-04 20:51:10 -05:00
|
|
|
$theme-colors: (
|
|
|
|
// BS5 theme colors
|
|
|
|
'primary': $primary,
|
|
|
|
'secondary': $secondary,
|
|
|
|
'success': $success,
|
|
|
|
'info': $info,
|
|
|
|
'warning': $warning,
|
|
|
|
'danger': $danger,
|
|
|
|
'light': $light,
|
|
|
|
'dark': $dark,
|
|
|
|
// General-purpose palette
|
|
|
|
'blue': $blue-500,
|
|
|
|
'indigo': $indigo-500,
|
|
|
|
'purple': $purple-500,
|
|
|
|
'pink': $pink-500,
|
|
|
|
'red': $red-500,
|
|
|
|
'orange': $orange-500,
|
|
|
|
'yellow': $yellow-500,
|
|
|
|
'green': $green-500,
|
|
|
|
'teal': $teal-500,
|
|
|
|
'cyan': $cyan-500,
|
|
|
|
'gray': $gray-500,
|
|
|
|
'black': $black,
|
2022-08-09 17:32:20 -04:00
|
|
|
'white': $white
|
2022-01-04 20:51:10 -05:00
|
|
|
);
|
2021-04-25 20:11:46 -07:00
|
|
|
|
2021-07-24 18:11:01 -07:00
|
|
|
$light: $gray-200;
|
2021-04-25 20:11:46 -07:00
|
|
|
|
2022-01-04 20:42:44 -05:00
|
|
|
$navbar-light-color: $gray-100;
|
|
|
|
|
2021-03-13 02:31:46 -07:00
|
|
|
$card-cap-color: $gray-800;
|
|
|
|
|
2021-04-26 00:31:51 -07:00
|
|
|
$accordion-bg: transparent;
|
|
|
|
$accordion-button-bg: $accordion-bg;
|
2021-07-17 12:51:40 -07:00
|
|
|
$accordion-body-active-bg: $gray-100;
|
2021-05-25 17:57:37 -07:00
|
|
|
$accordion-border-color: $border-color;
|
2021-05-07 14:27:32 -07:00
|
|
|
$accordion-button-active-bg: $blue-100;
|
|
|
|
$accordion-button-active-color: $gray-800;
|
2021-04-26 00:31:51 -07:00
|
|
|
|
2021-03-13 02:31:46 -07:00
|
|
|
$breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E");
|
2021-05-07 09:16:05 -07:00
|
|
|
|
|
|
|
$code-color: $gray-900;
|
2021-05-07 13:25:01 -07:00
|
|
|
|
|
|
|
$list-group-color: $gray-700;
|
|
|
|
$list-group-disabled-color: $gray-500;
|
2021-07-13 09:14:57 -07:00
|
|
|
|
|
|
|
$table-flush-header-bg: $gray-100;
|
2021-07-21 09:24:43 -04:00
|
|
|
|
2021-09-16 14:41:01 -04:00
|
|
|
$input-placeholder-color: $gray-500;
|
2021-07-24 18:11:01 -07:00
|
|
|
$form-select-disabled-color: $gray-600;
|
|
|
|
|
2021-07-21 09:24:43 -04:00
|
|
|
// Tabbed content
|
|
|
|
$tab-content-bg: $gray-100;
|