Initial commit

Fusion Backend Theme/fusion_backend_theme/static/src/scss/primary_variables.dark.scss

@@ -0,0 +1,168 @@
+///
+/// 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);