changes

Work in Progress/fusion_backend_theme/static/src/scss/colors.scss

@@ -0,0 +1 @@
+// Color Assets (placeholder for custom overrides)

Work in Progress/fusion_backend_theme/static/src/scss/colors_dark.scss

@@ -0,0 +1,43 @@
+// Customizable Colors (Dark Mode)
+
+$o_fusion_color_brand: #1e3040;
+$o_fusion_color_primary: #5D8DA8;
+
+$o_fusion_color_success: #1DC959;
+$o_fusion_color_info: #6AB5FB;
+$o_fusion_color_warning: #FBB56A;
+$o_fusion_color_danger: #b83232;
+
+$o_fusion_color_appsmenu_text: #E4E4E4;
+$o_fusion_color_sidebar_text: #E4E4E4;
+$o_fusion_color_sidebar_active: #5D8DA8;
+$o_fusion_color_sidebar_background: #3C3E4B;
+
+// Map to Odoo variables
+
+$o-community-color: $o_fusion_color_brand;
+$o-enterprise-color: $o_fusion_color_brand;
+$o-enterprise-action-color: $o_fusion_color_primary;
+
+$o-brand-odoo: $o_fusion_color_brand;
+$o-brand-primary: $o_fusion_color_primary;
+
+$o-success: $o_fusion_color_success;
+$o-info: $o_fusion_color_info;
+$o-warning: $o_fusion_color_warning;
+$o-danger: $o_fusion_color_danger;
+$o-action: $o_fusion_color_primary !default;
+$light: $o-gray-300 !default;
+$dark: $o-gray-700 !default;
+
+$o-main-link-color: $o-action !default;
+$o-main-favorite-color: #ffd532 !default;
+$o-main-code-color: #c58bc8 !default;
+
+$o-theme-text-colors: (
+    "primary": lighten($o_fusion_color_primary, 15%),
+    "success": $o_fusion_color_success,
+    "info": $o_fusion_color_info,
+    "warning": $o_fusion_color_warning,
+    "danger": #ff5757,
+) !default;

Work in Progress/fusion_backend_theme/static/src/scss/colors_light.scss

@@ -0,0 +1,36 @@
+// Customizable Colors (Light Mode)
+
+$o_fusion_color_brand: #243742;
+$o_fusion_color_primary: #5D8DA8;
+
+$o_fusion_color_success: #28A745;
+$o_fusion_color_info: #17A2B8;
+$o_fusion_color_warning: #FFAC00;
+$o_fusion_color_danger: #DC3545;
+
+$o_fusion_color_appsmenu_text: #F8F9FA;
+$o_fusion_color_sidebar_text: #DEE2E6;
+$o_fusion_color_sidebar_active: #5D8DA8;
+$o_fusion_color_sidebar_background: #111827;
+
+// Map to Odoo variables
+
+$o-community-color: $o_fusion_color_brand;
+$o-enterprise-color: $o_fusion_color_brand;
+$o-enterprise-action-color: $o_fusion_color_primary;
+
+$o-brand-odoo: $o_fusion_color_brand;
+$o-brand-primary: $o_fusion_color_primary;
+
+$o-success: $o_fusion_color_success;
+$o-info: $o_fusion_color_info;
+$o-warning: $o_fusion_color_warning;
+$o-danger: $o_fusion_color_danger;
+
+$o-theme-text-colors: (
+    "primary": $o_fusion_color_brand,
+    "success": $o-success,
+    "info": $o-info,
+    "warning": $o-warning,
+    "danger": $o-danger,
+) !default;

Work in Progress/fusion_backend_theme/static/src/scss/helpers.scss

@@ -0,0 +1,7 @@
+@mixin o-fusion-disable-scrollbar {
+	scrollbar-width: none;
+	-ms-overflow-style: none;
+    &::-webkit-scrollbar {
+	  display: none;
+	}
+}

Work in Progress/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);

Work in Progress/fusion_backend_theme/static/src/scss/primary_variables.scss

@@ -0,0 +1,101 @@
+///
+/// Fusion Backend Theme - Primary Variables
+/// Colors are defined in colors_light.scss / colors_dark.scss
+///
+
+// = Gray Scale
+// ============================================================================
+
+$o-white: #FFF !default;
+$o-black: #000 !default;
+
+$o-gray-100: #F9FAFB !default;
+$o-gray-200: #e7e9ed !default;
+$o-gray-300: #d8dadd !default;
+$o-gray-400: #9a9ca5 !default;
+$o-gray-500: #7c7f89 !default;
+$o-gray-600: #5f636f !default;
+$o-gray-700: #374151 !default;
+$o-gray-800: #1F2937 !default;
+$o-gray-900: #111827 !default;
+
+// = Derived from color variables
+// ============================================================================
+
+$o-action: $o-fusion-color-primary !default;
+$o-main-link-color: $o-fusion-color-primary !default;
+
+// = Sidebar Dimensions
+// ============================================================================
+
+$o-fusion-sidebar-large-width: 146px !default;
+$o-fusion-sidebar-small-width: 46px !default;
+
+// = Navbar
+// ============================================================================
+
+$o-navbar-badge-bg: $o-brand-primary;
+
+// = Components
+// ============================================================================
+
+$o-component-active-color: $o-black !default;
+$o-component-active-bg: mix($o-action, $o-white, 10%) !default;
+$o-component-active-border: $o-action !default;
+
+$o-form-lightsecondary: $o-gray-200 !default;
+
+// = Inputs
+// ============================================================================
+
+$o-input-border-required: $o-black !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-white,
+
+        hover-background: darken($o-fusion-color-primary, 10%),
+        hover-border: darken($o-fusion-color-primary, 10%),
+        hover-color: $o-white,
+
+        active-background: mix($o-fusion-color-primary, $o-white, 10%),
+        active-border: $o-fusion-color-primary,
+        active-color: $o-fusion-color-primary,
+    ),
+    "secondary": (
+        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: $o-component-active-bg,
+        active-border: $o-component-active-border,
+        active-color: $o-component-active-color,
+    ),
+), $o-btns-bs-override);
+
+$o-btns-bs-outline-override: () !default;
+$o-btns-bs-outline-override: map-merge((
+    "secondary": (
+        background: transparent,
+        border: $o-gray-300,
+        color: $o-gray-900,
+
+        hover-background: $o-gray-200,
+        hover-border: $o-gray-300,
+        hover-color: $o-black,
+
+        active-background: mix($o-fusion-color-primary, $o-white, 10%),
+        active-border: $o-fusion-color-primary,
+        active-color: $o-component-active-color,
+    ),
+), $o-btns-bs-outline-override);