169 lines
4.9 KiB
SCSS
169 lines
4.9 KiB
SCSS
///
|
|
/// Fusion Backend Theme - Dark Mode Overrides
|
|
/// Color variables come from colors_dark.scss
|
|
///
|
|
|
|
// = Gray Scale (inverted for dark mode)
|
|
// ============================================================================
|
|
|
|
$o-white: #000 !default;
|
|
$o-black: #FFF !default;
|
|
|
|
$o-gray-100: #1B1D26 !default;
|
|
$o-gray-200: #262A36 !default;
|
|
$o-gray-300: #3C3E4B !default;
|
|
$o-gray-400: #5A5E6B !default;
|
|
$o-gray-500: #6B707F !default;
|
|
$o-gray-600: #7E8392 !default;
|
|
$o-gray-700: #B1B3BC !default;
|
|
$o-gray-800: #D1D1D1 !default;
|
|
$o-gray-900: #E4E4E4 !default;
|
|
|
|
// = Webclient
|
|
// ============================================================================
|
|
|
|
$o-webclient-color-scheme: dark !default;
|
|
$o-webclient-background-color: $o-gray-100 !default;
|
|
$o-view-background-color: $o-gray-200 !default;
|
|
|
|
// = Inputs
|
|
// ============================================================================
|
|
|
|
$o-input-border-required: $o-black !default;
|
|
|
|
// = Components
|
|
// ============================================================================
|
|
|
|
$o-component-active-bg: mix($o-action, $o-gray-300, 10%) !default;
|
|
$o-form-lightsecondary: $o-gray-300 !default;
|
|
|
|
// = List-group
|
|
// ============================================================================
|
|
|
|
$o-list-group-active-bg: rgba(saturate(adjust-hue($o-info, 15), 1.8), .5) !default;
|
|
|
|
// = Modal
|
|
// ============================================================================
|
|
|
|
$modal-backdrop-bg: $o-white !default;
|
|
|
|
// = Buttons
|
|
// ============================================================================
|
|
|
|
$o-btns-bs-override: () !default;
|
|
$o-btns-bs-override: map-merge((
|
|
"primary": (
|
|
background: $o-fusion-color-primary,
|
|
border: $o-fusion-color-primary,
|
|
color: $o-black,
|
|
|
|
hover-background: lighten($o-fusion-color-primary, 5%),
|
|
hover-border: lighten($o-fusion-color-primary, 5%),
|
|
hover-color: $o-black,
|
|
|
|
active-background: lighten($o-fusion-color-primary, 10%),
|
|
active-border: lighten($o-fusion-color-primary, 10%),
|
|
active-color: $o-black,
|
|
),
|
|
|
|
"secondary": (
|
|
background: $o-gray-300,
|
|
border: $o-gray-300,
|
|
color: $o-gray-900,
|
|
|
|
hover-background: $o-gray-400,
|
|
hover-border: $o-gray-400,
|
|
hover-color: $o-gray-900,
|
|
|
|
active-background: mix($o-action, $o-gray-100, 15%),
|
|
active-border: lighten($o-action, 10%),
|
|
active-color: $o-black,
|
|
),
|
|
|
|
"light": (
|
|
background: $o-gray-200,
|
|
border: $o-gray-200,
|
|
color: $o-gray-900,
|
|
|
|
hover-background: $o-gray-300,
|
|
hover-border: $o-gray-300,
|
|
hover-color: $o-black,
|
|
|
|
active-background: mix($o-action, $o-gray-100, 15%),
|
|
active-border: darken($o-action, 10%),
|
|
active-color: $o-black,
|
|
),
|
|
|
|
"danger": (
|
|
background: $o-fusion-color-danger,
|
|
border: $o-fusion-color-danger,
|
|
color: $o-black,
|
|
|
|
hover-background: lighten($o-fusion-color-danger, 5%),
|
|
hover-border: lighten($o-fusion-color-danger, 5%),
|
|
hover-color: $o-black,
|
|
|
|
active-background: lighten($o-fusion-color-danger, 10%),
|
|
active-border: lighten($o-fusion-color-danger, 10%),
|
|
active-color: $o-black,
|
|
),
|
|
), $o-btns-bs-override);
|
|
|
|
$o-btns-bs-outline-override: () !default;
|
|
$o-btns-bs-outline-override: map-merge((
|
|
"primary": (
|
|
background: transparent,
|
|
border: map-get($o-theme-text-colors, 'primary'),
|
|
color: map-get($o-theme-text-colors, 'primary'),
|
|
|
|
hover-background: lighten($o-fusion-color-primary, 5%),
|
|
hover-border: lighten($o-fusion-color-primary, 5%),
|
|
hover-color: $o-black,
|
|
|
|
active-background: lighten($o-fusion-color-primary, 10%),
|
|
active-border: lighten($o-fusion-color-primary, 10%),
|
|
active-color: $o-black,
|
|
),
|
|
"secondary": (
|
|
background: transparent,
|
|
border: $o-gray-300,
|
|
color: $o-gray-900,
|
|
|
|
hover-background: $o-gray-300,
|
|
hover-border: $o-gray-300,
|
|
hover-color: $o-black,
|
|
|
|
active-background: mix($o-action, $o-gray-100, 15%),
|
|
active-border: lighten($o-action, 10%),
|
|
active-color: $o-black,
|
|
),
|
|
|
|
"light": (
|
|
background: transparent,
|
|
border: $o-gray-300,
|
|
color: $o-black,
|
|
|
|
hover-background: $o-gray-300,
|
|
hover-border: $o-gray-300,
|
|
hover-color: $o-black,
|
|
|
|
active-background: mix($o-action, $o-gray-100, 15%),
|
|
active-border: lighten($o-action, 10%),
|
|
active-color: $o-black,
|
|
),
|
|
|
|
"danger": (
|
|
background: transparent,
|
|
border: $o-fusion-color-danger,
|
|
color: $o-fusion-color-danger,
|
|
|
|
hover-background: lighten($o-fusion-color-danger, 5%),
|
|
hover-border: lighten($o-fusion-color-danger, 5%),
|
|
hover-color: $o-black,
|
|
|
|
active-background: lighten($o-fusion-color-danger, 10%),
|
|
active-border: lighten($o-fusion-color-danger, 10%),
|
|
active-color: $o-black,
|
|
),
|
|
), $o-btns-bs-outline-override);
|