diff --git a/addons/tncsc_deployment/__manifest__.py b/addons/tncsc_deployment/__manifest__.py index cd19e9b..1d5128f 100644 --- a/addons/tncsc_deployment/__manifest__.py +++ b/addons/tncsc_deployment/__manifest__.py @@ -45,6 +45,7 @@ that applies to the community_* product modules. 'data/events_data.xml', 'data/ir_cron.xml', 'views/website_pages.xml', + 'views/website_header_overrides.xml', 'views/event_kanban_views.xml', 'views/community_dashboard_views.xml', 'views/login_templates.xml', diff --git a/addons/tncsc_deployment/static/src/js/global_sidebar.js b/addons/tncsc_deployment/static/src/js/global_sidebar.js index a96ad49..58a5715 100644 --- a/addons/tncsc_deployment/static/src/js/global_sidebar.js +++ b/addons/tncsc_deployment/static/src/js/global_sidebar.js @@ -1,6 +1,6 @@ /** @odoo-module **/ -import { Component, useState, onWillStart, onMounted } from "@odoo/owl"; +import { Component, useState, onMounted } from "@odoo/owl"; import { registry } from "@web/core/registry"; import { useService, useBus } from "@web/core/utils/hooks"; import { routerBus } from "@web/core/browser/router"; @@ -45,7 +45,7 @@ export class TncscGlobalSidebar extends Component { if ( actionTag === "tncsc_community_dashboard" || actionPath === "community-dashboard" || - currentUrl.includes("/odoo/community-dashboard") + (!action && currentUrl.includes("/odoo/community-dashboard")) ) { this.state.activeTab = "dashboard"; } else if ( diff --git a/addons/tncsc_deployment/static/src/scss/community_dashboard.scss b/addons/tncsc_deployment/static/src/scss/community_dashboard.scss index e213721..1673784 100644 --- a/addons/tncsc_deployment/static/src/scss/community_dashboard.scss +++ b/addons/tncsc_deployment/static/src/scss/community_dashboard.scss @@ -59,6 +59,7 @@ padding: 10px 14px !important; border-radius: 12px !important; margin-bottom: 5px !important; + border: 1px solid transparent; color: #596579 !important; font-size: 13px !important; font-weight: 500 !important; @@ -132,10 +133,46 @@ min-height: 100vh !important; background: #F7F5F0 !important; box-sizing: border-box !important; + min-width: 0; +} + +// Reserve the same space for the sidebar and content at every viewport width. +@media (max-width: 991.98px) { + .o_tncsc_global_sidebar { + width: 72px !important; + min-width: 72px !important; + max-width: 72px !important; + padding: 16px 8px !important; + + .o_brand_text_line1, + .o_brand_text_line2, + .o_brand_text_line3, + .o_sidebar_bottom { + display: none !important; + } + + .o_sidebar_nav .o_nav_item { + justify-content: center; + padding: 12px 8px !important; + + .o_nav_label { + position: absolute; + width: 1px; + height: 1px; + overflow: hidden; + clip-path: inset(50%); + white-space: nowrap; + } + } + } + + .o_web_client { + padding-left: 72px !important; + } } .o_main_navbar { - background: #080A10 !important; + background: #FFFCF7 !important; border-bottom: 1px solid rgba(216, 156, 67, 0.22) !important; } diff --git a/addons/tncsc_deployment/static/src/scss/event_kanban.scss b/addons/tncsc_deployment/static/src/scss/event_kanban.scss index f3381c9..cc3797c 100644 --- a/addons/tncsc_deployment/static/src/scss/event_kanban.scss +++ b/addons/tncsc_deployment/static/src/scss/event_kanban.scss @@ -1,19 +1,19 @@ // ============================================================================ -// TNCSC Tamil Luxury Brand Palette & Theme Tokens (Royal Obsidian Dark Mode) +// TNCSC Tamil Luxury Brand Palette & Theme Tokens (Light Ivory Theme) // ============================================================================ -$tncsc-bg-page: #090B12; // Royal obsidian canvas background -$tncsc-card-bg: #111420; // Dark luxury card background -$tncsc-navy-dark: #080A10; // Deepest obsidian -$tncsc-gold: #D89C43; // Signature TNCSC Gold +$tncsc-bg-page: #F7F5F0; // Soft ivory canvas background +$tncsc-card-bg: #FFFFFF; // White card surface +$tncsc-navy-dark: #FFFCF7; // Ivory navigation surface +$tncsc-gold: #946015; // Signature TNCSC Gold $tncsc-gold-bright: #F59E0B; // Bright amber -$tncsc-gold-hover: #FBBF24; +$tncsc-gold-hover: #92400E; $tncsc-gold-border: rgba(216, 156, 67, 0.25); -$tncsc-text-white: #FFFFFF; -$tncsc-text-muted: #94A3B8; +$tncsc-text-white: #243247; +$tncsc-text-muted: #596579; $tncsc-font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif; // ============================================================================ -// 1. Overall Dark Mode Page Background & Layout +// 1. Overall Light Page Background & Layout // ============================================================================ body:has(.o_event_kanban_view), .o_action_manager:has(.o_event_kanban_view), @@ -30,7 +30,7 @@ body:has(.o_event_kanban_view) { } &::-webkit-scrollbar-track, *::-webkit-scrollbar-track { - background: #F1F5F9 !important; + background: #F4F1EA !important; } &::-webkit-scrollbar-thumb, *::-webkit-scrollbar-thumb { @@ -66,360 +66,13 @@ body:has(.o_event_kanban_view) { } // ============================================================================ -// 2. Top Main Navbar (Deep Navy with Gold Accents matching Website Header) -// ============================================================================ -.o_main_navbar { - background-color: #080A10 !important; - border-bottom: 1px solid rgba(216, 156, 67, 0.25) !important; - color: #FFFFFF !important; +// Navbar and control panel use the shared backend layout and theme. - .o_menu_brand { - color: #FFFFFF !important; - font-weight: 600 !important; - letter-spacing: 0.2px; - } - - .o_nav_entry, - .o_menu_sections > a, - .o_menu_sections .dropdown-toggle { - color: #B8B2E6 !important; - font-weight: 500 !important; - padding-top: 10px !important; - padding-bottom: 10px !important; - border-bottom: 2.5px solid transparent !important; - transition: all 0.2s ease !important; - - &:hover { - color: #FFFFFF !important; - background: transparent !important; - } - - &.active, - &:focus { - color: #FFFFFF !important; - background: transparent !important; - border-bottom: 2.5px solid $tncsc-gold !important; - } - } - - .o_navbar_apps_menu .dropdown-toggle { - color: #B8B2E6 !important; - &:hover { color: #FFFFFF !important; } - } - - .o_user_avatar { - border-radius: 50% !important; - border: 1.5px solid $tncsc-gold !important; - } - - .o_notification_counter { - background-color: $tncsc-gold !important; - color: #120735 !important; - font-weight: 800 !important; - } -} - -// ============================================================================ -// 3. Control Panel Header (Royal Obsidian Dark & Gold) -// ============================================================================ -.o_view_controller:has(.o_event_kanban_view), -body:has(.o_event_kanban_view) { - .o_control_panel { - background-color: #0B0E17 !important; - border-bottom: 1px solid rgba(216, 156, 67, 0.22) !important; - padding: 16px 36px 14px 36px !important; - display: flex !important; - flex-direction: row !important; - align-items: center !important; - justify-content: space-between !important; - flex-wrap: nowrap !important; - width: 100% !important; - gap: 20px !important; - box-shadow: 0 4px 18px rgba(0, 0, 0, 0.4) !important; - - .o_control_panel_main { - display: flex !important; - align-items: center !important; - justify-content: space-between !important; - flex-wrap: nowrap !important; - flex-grow: 1 !important; - width: 100% !important; - gap: 20px !important; - } - - .o_control_panel_breadcrumbs { - display: contents !important; - } - - // 1. Left Title Block: Golden Lotus + Brand Overline + Serif Title + Subtitle - .o_breadcrumb { - order: 1 !important; - display: flex !important; - align-items: center !important; - gap: 16px !important; - margin: 0 !important; - padding: 0 !important; - min-width: 360px !important; - flex-shrink: 0 !important; - overflow: visible !important; - white-space: nowrap !important; - - // Golden Lotus Emblem - &::before { - content: '' !important; - display: inline-block !important; - width: 48px !important; - height: 42px !important; - min-width: 48px !important; - background: url('/tncsc_deployment/static/src/img/gold_lotus_logo.png') no-repeat center / contain !important; - mask: none !important; - -webkit-mask: none !important; - flex-shrink: 0 !important; - } - - .o_last_breadcrumb_item, - .breadcrumb-item.active { - font-family: $tncsc-font-serif !important; - font-size: 32px !important; - font-weight: 700 !important; - color: #FFFFFF !important; - position: relative !important; - display: flex !important; - flex-direction: column !important; - align-items: flex-start !important; - line-height: 1.15 !important; - overflow: visible !important; - white-space: nowrap !important; - text-overflow: clip !important; - - // TAMIL NADU CULTURAL SOCIETY OF CANADA overline - &::before { - content: 'TAMIL NADU CULTURAL SOCIETY OF CANADA' !important; - display: block !important; - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; - font-size: 10.5px !important; - font-weight: 700 !important; - letter-spacing: 2px !important; - color: $tncsc-gold !important; - text-transform: uppercase !important; - margin-bottom: 5px !important; - white-space: nowrap !important; - } - - > span { - font-family: $tncsc-font-serif !important; - font-size: 32px !important; - font-weight: 700 !important; - color: #FFFFFF !important; - white-space: nowrap !important; - } - - // Subtitle - &::after { - content: 'Create, manage and track your events' !important; - display: block !important; - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; - font-size: 12.5px !important; - font-weight: 400 !important; - color: #94A3B8 !important; - margin-top: 4px !important; - letter-spacing: 0 !important; - white-space: nowrap !important; - } - } - } - - .o_control_panel_breadcrumbs_actions { - display: none !important; - } - - // 2. Centered Unified Light Pill Search Bar - .o_control_panel_actions, - .o_cp_searchview { - order: 2 !important; - flex-grow: 1 !important; - max-width: 480px !important; - margin: 0 auto !important; - - .o_searchview { - border-top-left-radius: 9999px !important; - border-bottom-left-radius: 9999px !important; - border: 1px solid rgba(216, 156, 67, 0.35) !important; - border-right: none !important; - background: #111420 !important; - padding: 6px 18px !important; - box-shadow: none !important; - display: flex !important; - align-items: center !important; - position: relative !important; - - // Gold magnifying glass icon - &::before { - content: '' !important; - display: inline-block !important; - width: 15px !important; - height: 15px !important; - min-width: 15px !important; - margin-right: 10px !important; - background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D89C43' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain !important; - } - - // Custom placeholder: "Search events..." - &::after { - content: 'Search events...'; - position: absolute; - left: 44px; - color: #94A3B8; - font-size: 13.5px; - pointer-events: none; - } - - &:focus-within::after, - &:has(.o_searchview_input:not(:placeholder-shown))::after, - &:has(.o_searchview_facet)::after { - display: none !important; - } - - .o_searchview_input { - font-size: 13.5px !important; - color: #FFFFFF !important; - background: transparent !important; - border: none !important; - - &::placeholder { - color: transparent !important; - } - } - - .o_searchview_icon { - display: none !important; - } - - .o_searchview_facet { - background: #1E2333 !important; - border: 1px solid rgba(216, 156, 67, 0.5) !important; - border-radius: 9999px !important; - color: #F8FAFC !important; - - .o_searchview_facet_label { - background: rgba(216, 156, 67, 0.25) !important; - color: $tncsc-gold !important; - border-top-left-radius: 9999px !important; - border-bottom-left-radius: 9999px !important; - } - } - } - - .o_searchview_dropdown_toggler { - border-top-right-radius: 9999px !important; - border-bottom-right-radius: 9999px !important; - border: 1px solid rgba(216, 156, 67, 0.35) !important; - border-left: none !important; - background: #111420 !important; - color: $tncsc-gold !important; - padding-right: 16px !important; - } - - &:focus-within { - .o_searchview, - .o_searchview_dropdown_toggler { - border-color: #D89C43 !important; - background: #161926 !important; - } - } - } - - // 3. Right: + New Pill Button (Website Gold) - .o_control_panel_main_buttons, - .o_cp_buttons { - order: 3 !important; - margin-left: auto !important; - - button, - button.o-kanban-button-new, - button.btn-primary { - background: $tncsc-gold !important; - color: #FFFFFF !important; - border-radius: 9999px !important; - border: none !important; - padding: 8px 24px !important; - font-weight: 700 !important; - font-size: 14px !important; - box-shadow: 0 4px 14px rgba(216, 156, 67, 0.3) !important; - display: inline-flex !important; - align-items: center !important; - gap: 6px !important; - transition: all 0.2s ease !important; - white-space: nowrap !important; - - &::before { - content: '+'; - color: #FFFFFF; - font-weight: 800; - font-size: 18px; - line-height: 1; - } - - &:hover { - background: $tncsc-gold-hover !important; - transform: translateY(-1px); - box-shadow: 0 6px 18px rgba(216, 156, 67, 0.45) !important; - } - } - } - - // 4. View Switchers: Warm Gold for Active Kanban - .o_control_panel_navigation, - .o_cp_navigation { - order: 4 !important; - display: flex !important; - align-items: center !important; - gap: 12px !important; - margin-left: 12px !important; - flex-shrink: 0 !important; - - .o_search_options { - display: none !important; - } - - .o_cp_switch_buttons { - border-radius: 8px !important; - border: 1px solid rgba(216, 156, 67, 0.25) !important; - padding: 3px !important; - background: #111420 !important; - display: inline-flex !important; - gap: 3px !important; - - button { - border-radius: 6px !important; - border: none !important; - color: #94A3B8 !important; - padding: 6px 10px !important; - background: transparent !important; - transition: all 0.15s ease !important; - - &.active, - &.o_kanban.active { - background: linear-gradient(135deg, #F59E0B, #B45309) !important; - color: #000000 !important; - } - - &:hover:not(.active) { - background-color: rgba(216, 156, 67, 0.12) !important; - color: #FFFFFF !important; - } - } - } - } - } -} - -// ============================================================================ -// 4. Kanban View Canvas (Royal Obsidian Dark Mode) +// 4. Kanban View Canvas (Light Ivory Theme) // ============================================================================ .o_kanban_view.o_event_kanban_view, .o_event_kanban_view .o_kanban_renderer { - background-color: #090B12 !important; + background-color: #F7F5F0 !important; background-image: none !important; padding: 24px 36px 40px 36px !important; width: 100% !important; @@ -488,12 +141,12 @@ body:has(.o_event_kanban_view) { .o_tncsc_empty_stage_box { flex: 1 1 100% !important; width: 100% !important; - background: #111420 !important; + background: #FFFFFF !important; border: 1.5px dashed rgba(216, 156, 67, 0.3) !important; border-radius: 16px !important; padding: 48px 24px !important; text-align: center !important; - box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important; + box-shadow: 0 4px 16px rgba(36, 50, 71, 0.06) !important; .o_tncsc_empty_icon { opacity: 0.9; @@ -502,21 +155,21 @@ body:has(.o_event_kanban_view) { .o_tncsc_empty_title { font-family: $tncsc-font-serif !important; letter-spacing: 0.5px; - color: #FFFFFF !important; + color: #243247 !important; } .o_tncsc_empty_sub { - color: #94A3B8 !important; + color: #596579 !important; } } .o_tncsc_empty_column_placeholder { - background: #111420 !important; + background: #FFFFFF !important; border: 1.5px dashed rgba(216, 156, 67, 0.25) !important; border-radius: 12px !important; margin-top: 10px !important; padding: 24px 16px !important; - color: #94A3B8 !important; + color: #596579 !important; } } @@ -547,19 +200,19 @@ body:has(.o_event_kanban_view) { font-weight: 500 !important; cursor: pointer; transition: all 0.2s ease; - background: #111420; + background: #FFFFFF; border: 1px solid rgba(216, 156, 67, 0.25); - color: #CBD5E1; - box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); + color: #475569; + box-shadow: 0 2px 8px rgba(36, 50, 71, 0.06); .o_dot { font-size: 11px; margin-right: 2px; - color: #94A3B8; + color: #596579; } .o_count { - color: #94A3B8; + color: #596579; font-size: 12.5px; margin-left: 14px; font-weight: 600; @@ -584,19 +237,19 @@ body:has(.o_event_kanban_view) { &:hover:not(.active) { background: rgba(216, 156, 67, 0.12) !important; border-color: $tncsc-gold !important; - color: #FFFFFF !important; + color: #243247 !important; } } } // ============================================================================ -// 6. Tamil Cultural Royal Obsidian Event Card +// 6. Tamil Cultural Event Card // ============================================================================ .o_event_kanban_view .o_kanban_record { - background: #111420 !important; + background: #FFFFFF !important; border: 1px solid rgba(216, 156, 67, 0.2) !important; border-radius: 16px !important; - box-shadow: 0 4px 18px rgba(0, 0, 0, 0.4) !important; + box-shadow: 0 4px 18px rgba(36, 50, 71, 0.08) !important; overflow: hidden !important; padding: 18px 20px 22px 20px !important; display: flex !important; @@ -604,13 +257,13 @@ body:has(.o_event_kanban_view) { min-height: 520px !important; width: 100% !important; position: relative !important; - color: #FFFFFF !important; + color: #243247 !important; transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important; &:hover { transform: translateY(-4px) !important; border-color: $tncsc-gold !important; - box-shadow: 0 12px 28px rgba(0, 0, 0, 0.6), 0 0 16px rgba(216, 156, 67, 0.2) !important; + box-shadow: 0 12px 28px rgba(36, 50, 71, 0.12), 0 0 16px rgba(216, 156, 67, 0.2) !important; } // Bottom-Right Corner Artwork (Hidden in White Mode to avoid dark image box) @@ -693,17 +346,17 @@ body:has(.o_event_kanban_view) { z-index: 2 !important; .o_tncsc_card_date_box { - border: 1px solid #D89C43 !important; + border: 1px solid #946015 !important; border-radius: 8px !important; padding: 6px 14px !important; text-align: center !important; - background: rgba(16, 12, 8, 0.9) !important; + background: #FFF0D6 !important; min-width: 68px !important; .o_day { font-size: 24px !important; font-weight: 800 !important; - color: #FFFFFF !important; + color: #243247 !important; line-height: 1 !important; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; } @@ -719,7 +372,7 @@ body:has(.o_event_kanban_view) { } .o_tncsc_card_time_col { - color: #CBD5E1 !important; + color: #475569 !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.4 !important; @@ -737,7 +390,7 @@ body:has(.o_event_kanban_view) { align-items: center !important; justify-content: center !important; margin: 16px auto 16px auto !important; - background: #1C1814 !important; + background: #FFF0D6 !important; color: $tncsc-gold !important; position: relative !important; z-index: 2 !important; @@ -748,7 +401,7 @@ body:has(.o_event_kanban_view) { font-family: $tncsc-font-serif !important; font-size: 18.5px !important; font-weight: 700 !important; - color: #FFFFFF !important; + color: #243247 !important; line-height: 1.35 !important; margin-bottom: 8px !important; position: relative !important; @@ -758,7 +411,7 @@ body:has(.o_event_kanban_view) { // Subtitle / Tagline .o_tncsc_card_subtitle { font-size: 12.5px !important; - color: #94A3B8 !important; + color: #596579 !important; margin-bottom: 12px !important; line-height: 1.4 !important; position: relative !important; @@ -816,9 +469,9 @@ body:has(.o_event_kanban_view) { } &.btn-outline-gold { - background: rgba(255, 255, 255, 0.05) !important; + background: rgba(36, 50, 71, 0.05) !important; border: 1.5px solid $tncsc-gold !important; - color: #FFFFFF !important; + color: #243247 !important; font-weight: 600 !important; &:hover { diff --git a/addons/tncsc_deployment/static/src/scss/primary_variables.scss b/addons/tncsc_deployment/static/src/scss/primary_variables.scss index c82bee7..2ff1f41 100644 --- a/addons/tncsc_deployment/static/src/scss/primary_variables.scss +++ b/addons/tncsc_deployment/static/src/scss/primary_variables.scss @@ -1,24 +1,24 @@ // ============================================================================ // TNCSC Primary SCSS Variables Override // Overrides default Odoo Community & Enterprise purple (#71639e / #714B67) -// with TNCSC Signature Royal Gold (#D89C43) and Obsidian (#090B12 / #080A10) +// with TNCSC Signature Royal Gold (#946015) and Ivory (#F7F5F0 / #FFFCF7) // ============================================================================ -$o-community-color: #D89C43 !default; -$o-enterprise-color: #D89C43 !default; -$o-enterprise-action-color: #D89C43 !default; +$o-community-color: #946015 !default; +$o-enterprise-color: #946015 !default; +$o-enterprise-action-color: #946015 !default; -$o-brand-odoo: #D89C43 !default; -$o-brand-primary: #D89C43 !default; -$o-action: #D89C43 !default; +$o-brand-odoo: #946015 !default; +$o-brand-primary: #946015 !default; +$o-action: #946015 !default; -$o-navbar-background: #080A10 !default; +$o-navbar-background: #FFFCF7 !default; $o-navbar-border-bottom: 1px solid rgba(216, 156, 67, 0.25) !default; -$o-navbar-entry-color: #94A3B8 !default; -$o-navbar-entry-color--hover: #FFFFFF !default; -$o-navbar-entry-color--active: #D89C43 !default; +$o-navbar-entry-color: #596579 !default; +$o-navbar-entry-color--hover: #243247 !default; +$o-navbar-entry-color--active: #946015 !default; $o-navbar-entry-bg--hover: rgba(216, 156, 67, 0.12) !default; -$o-navbar-entry-bg--active: #231C14 !default; -$o-navbar-brand-color: #FFFFFF !default; +$o-navbar-entry-bg--active: #FFF0D6 !default; +$o-navbar-brand-color: #243247 !default; $o-navbar-badge-bg: #F59E0B !default; $o-navbar-badge-color: #000000 !default; diff --git a/addons/tncsc_deployment/static/src/scss/tncsc_backend_theme.scss b/addons/tncsc_deployment/static/src/scss/tncsc_backend_theme.scss index 93af9b7..f7bb434 100644 --- a/addons/tncsc_deployment/static/src/scss/tncsc_backend_theme.scss +++ b/addons/tncsc_deployment/static/src/scss/tncsc_backend_theme.scss @@ -1,21 +1,21 @@ // ============================================================================ -// TNCSC Community OS Suite - Royal Obsidian & Gold Luxury Theme +// TNCSC Community OS Suite - Light Ivory & Gold Theme // Applied across ALL Community Modules (Membership, School, Classifieds, // Benefits, Events, Contacts, Invoicing, Settings, Discuss, Reports, etc.) // Matching the Executive Community Dashboard Design Language // ============================================================================ -$tncsc-obsidian-dark: #090B12; // Deepest obsidian canvas background -$tncsc-obsidian-subtle: #0D101A; // Subtle dark container / navbar -$tncsc-card-bg: #111420; // High-end glassmorphic card background +$tncsc-obsidian-dark: #F7F5F0; // Soft ivory canvas background +$tncsc-obsidian-subtle: #F4F1EA; // Muted ivory container +$tncsc-card-bg: #FFFFFF; // White card surface $tncsc-card-border: rgba(216, 156, 67, 0.2); // Signature gold hairline border -$tncsc-gold: #D89C43; // Signature TNCSC Royal Gold +$tncsc-gold: #946015; // Signature TNCSC Royal Gold $tncsc-gold-bright: #F59E0B; // Bright amber accent -$tncsc-gold-hover: #FBBF24; +$tncsc-gold-hover: #92400E; $tncsc-gold-gradient: linear-gradient(135deg, #F59E0B 0%, #B45309 100%); -$tncsc-text-white: #FFFFFF; -$tncsc-text-muted: #94A3B8; -$tncsc-text-dim: #71788E; +$tncsc-text-white: #243247; +$tncsc-text-muted: #596579; +$tncsc-text-dim: #596579; $tncsc-font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif; // ============================================================================ @@ -24,32 +24,32 @@ $tncsc-font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif; :root, body, .o_web_client { - --o-brand-odoo: #D89C43 !important; - --o-brand-primary: #D89C43 !important; - --o-community-color: #D89C43 !important; - --o-enterprise-color: #D89C43 !important; - --primary: #D89C43 !important; - --bs-primary: #D89C43 !important; + --o-brand-odoo: #946015 !important; + --o-brand-primary: #946015 !important; + --o-community-color: #946015 !important; + --o-enterprise-color: #946015 !important; + --primary: #946015 !important; + --bs-primary: #946015 !important; --bs-primary-rgb: 216, 156, 67 !important; - --bs-link-color: #F59E0B !important; - --bs-link-hover-color: #FBBF24 !important; - --o-action: #D89C43 !important; - --o-navbar-background: #080A10 !important; - --NavBar-backgroundColor: #080A10 !important; + --bs-link-color: #87530D !important; + --bs-link-hover-color: #92400E !important; + --o-action: #946015 !important; + --o-navbar-background: #FFFCF7 !important; + --NavBar-backgroundColor: #FFFCF7 !important; --NavBar-entry-backgroundColor: transparent !important; --NavBar-entry-backgroundColor--hover: rgba(216, 156, 67, 0.12) !important; --NavBar-entry-backgroundColor--focus: rgba(216, 156, 67, 0.12) !important; - --NavBar-entry-backgroundColor--active: #231C14 !important; - --NavBar-entry-color: #94A3B8 !important; - --NavBar-entry-color--hover: #FFFFFF !important; - --NavBar-entry-color--active: #D89C43 !important; - --NavBar-brand-color: #FFFFFF !important; + --NavBar-entry-backgroundColor--active: #FFF0D6 !important; + --NavBar-entry-color: #596579 !important; + --NavBar-entry-color--hover: #243247 !important; + --NavBar-entry-color--active: #946015 !important; + --NavBar-brand-color: #243247 !important; --NavBar-badge-bg: #F59E0B !important; --NavBar-badge-color: #000000 !important; } // ============================================================================ -// 1. Overall Page Canvas & Dark Luxury Scrollbars +// 1. Overall Page Canvas & Light Scrollbars // ============================================================================ body, .o_web_client, @@ -57,7 +57,7 @@ body, .o_content, .o_view_controller { background-color: $tncsc-obsidian-dark !important; - color: #F8FAFC !important; + color: #243247 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; } @@ -66,7 +66,7 @@ body, height: 7px !important; } ::-webkit-scrollbar-track { - background: #090B12 !important; + background: #F7F5F0 !important; } ::-webkit-scrollbar-thumb { background: rgba(216, 156, 67, 0.3) !important; @@ -77,47 +77,47 @@ body, } // ============================================================================ -// 2. Top Main Navbar (Deep Obsidian & Gold Accents - NO PURPLE ANYWHERE) +// 2. Top Main Navbar (Ivory & Gold Accents) // ============================================================================ .o_main_navbar { - --o-navbar-background: #080A10 !important; - --NavBar-backgroundColor: #080A10 !important; + --o-navbar-background: #FFFCF7 !important; + --NavBar-backgroundColor: #FFFCF7 !important; --NavBar-entry-backgroundColor: transparent !important; --NavBar-entry-backgroundColor--hover: rgba(216, 156, 67, 0.12) !important; --NavBar-entry-backgroundColor--focus: rgba(216, 156, 67, 0.12) !important; - --NavBar-entry-backgroundColor--active: #231C14 !important; - --NavBar-entry-color: #94A3B8 !important; - --NavBar-entry-color--hover: #FFFFFF !important; - --NavBar-entry-color--active: #D89C43 !important; - --NavBar-brand-color: #FFFFFF !important; + --NavBar-entry-backgroundColor--active: #FFF0D6 !important; + --NavBar-entry-color: #596579 !important; + --NavBar-entry-color--hover: #243247 !important; + --NavBar-entry-color--active: #946015 !important; + --NavBar-brand-color: #243247 !important; - background-color: #080A10 !important; + background-color: #FFFCF7 !important; border-bottom: 1px solid rgba(216, 156, 67, 0.25) !important; - color: #FFFFFF !important; - box-shadow: 0 4px 18px rgba(0, 0, 0, 0.5) !important; + color: #243247 !important; + box-shadow: 0 4px 18px rgba(36, 50, 71, 0.1) !important; // 9-dots waffle apps launcher icon (replaces default purple waffle) .o_navbar_apps_menu { button, .dropdown-toggle { background: transparent !important; - color: #D89C43 !important; + color: #946015 !important; border: none !important; padding: 8px 12px !important; border-radius: 8px !important; transition: all 0.2s ease !important; i, .oi, .oi-apps { - color: #D89C43 !important; + color: #946015 !important; filter: drop-shadow(0 0 5px rgba(216, 156, 67, 0.5)) !important; } - &:hover { - color: #FBBF24 !important; + &:hover { + color: #92400E !important; background: rgba(216, 156, 67, 0.15) !important; i, .oi, .oi-apps { - color: #FBBF24 !important; + color: #92400E !important; } } } @@ -125,7 +125,7 @@ body, // App brand title ("Settings", "Events", etc.) .o_menu_brand { - color: #FFFFFF !important; + color: #243247 !important; font-family: $tncsc-font-serif !important; font-weight: 700 !important; letter-spacing: 0.5px !important; @@ -137,13 +137,13 @@ body, .o_menu_sections { background: transparent !important; - .o_nav_entry, + .o_nav_entry, .dropdown-toggle, > a, button, .dropdown { background: transparent !important; - color: #94A3B8 !important; + color: #596579 !important; font-weight: 500 !important; padding: 10px 14px !important; border: none !important; @@ -152,15 +152,15 @@ body, &:hover, &:focus { - color: #D89C43 !important; + color: #946015 !important; background: rgba(216, 156, 67, 0.08) !important; } &.active, &.show, &:active { - color: #FFFFFF !important; - background: #231C14 !important; + color: #243247 !important; + background: #FFF0D6 !important; border-bottom: 2.5px solid $tncsc-gold !important; } } @@ -191,16 +191,16 @@ body, } // ---------------------------------------------------------------------------- -// 2B. Grand Apps Launcher Dropdown (Dark Obsidian & Gold) +// 2B. Grand Apps Launcher Dropdown (Ivory & Gold) // ---------------------------------------------------------------------------- .o-dropdown--menu:has(.o_app), .dropdown-menu:has(.o_app), div:has(> .o_app.dropdown-item), .o_navbar_apps_menu .dropdown-menu { - background: #111420 !important; + background: #FFFFFF !important; border: 1px solid rgba(216, 156, 67, 0.35) !important; border-radius: 18px !important; - box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7), 0 0 20px rgba(216, 156, 67, 0.15) !important; + box-shadow: 0 24px 60px rgba(36, 50, 71, 0.14), 0 0 20px rgba(216, 156, 67, 0.15) !important; padding: 14px !important; min-width: 300px !important; max-height: 82vh !important; @@ -216,7 +216,7 @@ div:has(> .o_app.dropdown-item), color: $tncsc-gold !important; text-transform: uppercase !important; padding: 6px 14px 12px 14px !important; - border-bottom: 1.5px solid rgba(255, 255, 255, 0.08) !important; + border-bottom: 1.5px solid rgba(36, 50, 71, 0.08) !important; margin-bottom: 10px !important; } @@ -226,7 +226,7 @@ div:has(> .o_app.dropdown-item), padding: 10px 18px !important; font-size: 14px !important; font-weight: 600 !important; - color: #F8FAFC !important; + color: #243247 !important; border-left: 3.5px solid transparent !important; transition: all 0.18s ease !important; margin-bottom: 3px !important; @@ -244,8 +244,8 @@ div:has(> .o_app.dropdown-item), &.active, &.focus { - background: #231C14 !important; - color: #E5A93C !important; + background: #FFF0D6 !important; + color: #87530D !important; font-weight: 700 !important; border-left-color: $tncsc-gold !important; } @@ -259,12 +259,12 @@ div:has(> .o_app.dropdown-item), .o_menu_systray .dropdown-menu, .o-dropdown--menu.dropdown-menu, .dropdown-menu { - background: #111420 !important; + background: #FFFFFF !important; border: 1px solid rgba(216, 156, 67, 0.25) !important; border-radius: 14px !important; - box-shadow: 0 16px 36px rgba(0, 0, 0, 0.6) !important; + box-shadow: 0 16px 36px rgba(36, 50, 71, 0.12) !important; padding: 8px !important; - color: #F8FAFC !important; + color: #243247 !important; .dropdown-header { font-size: 11px !important; @@ -280,50 +280,45 @@ div:has(> .o_app.dropdown-item), padding: 8px 14px !important; font-size: 13.5px !important; font-weight: 500 !important; - color: #CBD5E1 !important; + color: #475569 !important; transition: all 0.15s ease !important; &:hover, &:focus { background: rgba(216, 156, 67, 0.15) !important; - color: #FFFFFF !important; + color: #243247 !important; } &.active { - background: #231C14 !important; - color: #E5A93C !important; + background: #FFF0D6 !important; + color: #87530D !important; font-weight: 600 !important; } } } // ============================================================================ -// 3. Control Panel Across ALL Pages (Obsidian Dark & Gold) +// 3. Control Panel Across ALL Pages (Ivory & Gold) // ============================================================================ .o_control_panel { - background-color: #0B0E17 !important; + // Odoo owns the responsive rows and the order of action/search/navigation. + background-color: #FFFCF7 !important; border-bottom: 1px solid rgba(216, 156, 67, 0.2) !important; - padding: 16px 32px 14px 32px !important; - display: flex !important; - flex-direction: row !important; - align-items: center !important; - justify-content: space-between !important; - width: 100% !important; - gap: 20px !important; - box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important; + padding: 16px 24px !important; + box-shadow: 0 2px 10px rgba(36, 50, 71, 0.06) !important; .breadcrumb-item { font-family: $tncsc-font-serif !important; - font-size: 18px !important; + font-size: 14px !important; font-weight: 700 !important; - color: #FFFFFF !important; + color: #243247 !important; &.active { color: $tncsc-gold !important; } a { - color: #94A3B8 !important; + color: #596579 !important; text-decoration: none !important; &:hover { color: $tncsc-gold !important; @@ -332,12 +327,44 @@ div:has(> .o_app.dropdown-item), } } +// Keep breadcrumb text and search controls aligned without fixed column widths. +.o_control_panel_main, +.o_control_panel_breadcrumbs, +.o_control_panel_actions { + min-width: 0; +} + +.o_control_panel .o_control_panel_main { + align-items: center !important; +} + +.o_control_panel .breadcrumb { + background: transparent; + margin-bottom: 0; +} + +.o_control_panel .o_searchview { + border-radius: 10px 0 0 10px !important; + min-height: 36px; +} + +.o_control_panel .o_searchview_dropdown_toggler.btn { + border-radius: 0 10px 10px 0 !important; + min-height: 36px; +} + +.o_control_panel .o_cp_switch_buttons .btn { + padding: 6px 10px !important; + border-radius: 6px !important; + min-height: 36px; +} + // Search View Box .o_searchview { - background-color: #111420 !important; + background-color: #FFFFFF !important; border: 1px solid rgba(216, 156, 67, 0.25) !important; border-radius: 9999px !important; - color: #FFFFFF !important; + color: #243247 !important; padding: 3px 14px !important; &:focus-within { @@ -347,13 +374,13 @@ div:has(> .o_app.dropdown-item), .o_searchview_input { background: transparent !important; - color: #FFFFFF !important; + color: #243247 !important; } .o_searchview_facet { - background: #1E2333 !important; + background: #F4F1EA !important; border: 1px solid rgba(216, 156, 67, 0.5) !important; - color: #F8FAFC !important; + color: #243247 !important; border-radius: 9999px !important; .o_searchview_facet_label { @@ -366,10 +393,10 @@ div:has(> .o_app.dropdown-item), } // ============================================================================ -// 4. Action Buttons Across ALL Pages (Gold Gradient Primary, Dark Pill Secondary) +// 4. Action Buttons Across ALL Pages (Gold Gradient Primary, Light Pill Secondary) // ============================================================================ -.btn-primary, -.o_form_button_save, +.btn-primary, +.o_form_button_save, .o-kanban-button-new, .btn.btn-primary { background: linear-gradient(135deg, #F59E0B 0%, #B45309 100%) !important; @@ -389,13 +416,13 @@ div:has(> .o_app.dropdown-item), } } -.btn-secondary, -.btn-outline-secondary, +.btn-secondary, +.btn-outline-secondary, .o_form_button_cancel, .btn.btn-secondary { - background: rgba(255, 255, 255, 0.05) !important; + background: rgba(36, 50, 71, 0.05) !important; border: 1px solid rgba(216, 156, 67, 0.35) !important; - color: #FFFFFF !important; + color: #243247 !important; font-size: 13px !important; font-weight: 500 !important; padding: 6px 16px !important; @@ -405,15 +432,15 @@ div:has(> .o_app.dropdown-item), &:hover { background: rgba(216, 156, 67, 0.15) !important; border-color: $tncsc-gold !important; - color: #FFFFFF !important; + color: #243247 !important; } } // View Switcher Buttons .o_cp_switch_buttons .btn { - background: #111420 !important; + background: #FFFFFF !important; border: 1px solid rgba(216, 156, 67, 0.25) !important; - color: #94A3B8 !important; + color: #596579 !important; &:hover { color: $tncsc-gold !important; @@ -438,64 +465,67 @@ div:has(> .o_app.dropdown-item), .o_list_table, .o_list_view .o_list_table, .table.o_list_table { - --bs-table-bg: #111420 !important; - --bs-table-color: #F8FAFC !important; - --bs-table-striped-bg: #131622 !important; - --bs-table-striped-color: #F8FAFC !important; + --bs-table-bg: #FFFFFF !important; + --bs-table-color: #243247 !important; + --bs-table-striped-bg: #FAF9F6 !important; + --bs-table-striped-color: #243247 !important; --bs-table-hover-bg: rgba(216, 156, 67, 0.12) !important; - --bs-table-hover-color: #FFFFFF !important; - --bs-table-border-color: rgba(255, 255, 255, 0.08) !important; - background-color: #111420 !important; - color: #F8FAFC !important; + --bs-table-hover-color: #243247 !important; + --bs-table-border-color: rgba(36, 50, 71, 0.08) !important; + background-color: #FFFFFF !important; + color: #243247 !important; border: 1px solid rgba(216, 156, 67, 0.22) !important; border-radius: 16px !important; - box-shadow: 0 4px 24px rgba(0, 0, 0, 0.45) !important; + box-shadow: 0 4px 24px rgba(36, 50, 71, 0.09) !important; border-collapse: separate !important; border-spacing: 0 !important; overflow: hidden !important; width: 100% !important; thead, thead tr, thead th { - background-color: #0D101A !important; - color: #D89C43 !important; + background-color: #F4F1EA !important; + color: #946015 !important; font-size: 11.5px !important; font-weight: 700 !important; letter-spacing: 0.8px !important; text-transform: uppercase !important; border-bottom: 1px solid rgba(216, 156, 67, 0.2) !important; - padding: 13px 16px !important; vertical-align: middle !important; * { - color: #D89C43 !important; + color: #946015 !important; } } + thead th { + padding: 12px 16px !important; + } + tbody, tbody tr { - background-color: #111420 !important; + background-color: #FFFFFF !important; } tbody tr > td, tbody tr > th, .o_data_row > td, .o_data_cell { - background-color: #111420 !important; - color: #F8FAFC !important; + background-color: #FFFFFF !important; + color: #243247 !important; padding: 12px 16px !important; font-size: 13.5px !important; - border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important; + border-bottom: 1px solid rgba(36, 50, 71, 0.04) !important; } tbody tr:nth-of-type(even) > td, tbody tr:nth-of-type(even) > th { - background-color: #131622 !important; + background-color: #FAF9F6 !important; } tbody tr:hover > td, tbody tr:hover > th, .o_data_row:hover > td { background-color: rgba(216, 156, 67, 0.12) !important; - color: #FFFFFF !important; + color: #243247 !important; } &.o_data_row_selected, @@ -504,26 +534,24 @@ div:has(> .o_app.dropdown-item), } tbody td, - tbody td *, - .o_data_cell, - .o_data_cell * { - color: #F8FAFC !important; + .o_data_cell { + color: #243247 !important; } tbody td a, .o_data_cell a { - color: #F59E0B !important; + color: #87530D !important; font-weight: 600 !important; text-decoration: none !important; &:hover { - color: #FBBF24 !important; + color: #92400E !important; text-decoration: underline !important; } } .text-muted { - color: #94A3B8 !important; + color: #596579 !important; } input[type="checkbox"] { @@ -537,16 +565,16 @@ div:has(> .o_app.dropdown-item), // Empty View / Nocontent helper state .o_view_nocontent { background: transparent !important; - color: #94A3B8 !important; + color: #596579 !important; .o_nocontent_help, p { - color: #94A3B8 !important; + color: #596579 !important; font-size: 14px !important; } h4, b, strong { - color: #FFFFFF !important; + color: #243247 !important; font-family: $tncsc-font-serif !important; } @@ -563,8 +591,8 @@ div:has(> .o_app.dropdown-item), padding: 16px 24px !important; .o_kanban_group { - background: #0B0E17 !important; - border: 1px solid rgba(255, 255, 255, 0.05) !important; + background: #FFFCF7 !important; + border: 1px solid rgba(36, 50, 71, 0.05) !important; border-radius: 16px !important; padding: 12px !important; @@ -576,11 +604,11 @@ div:has(> .o_app.dropdown-item), } .o_kanban_record { - background: #111420 !important; + background: #FFFFFF !important; border: 1px solid rgba(216, 156, 67, 0.2) !important; border-radius: 14px !important; - box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35) !important; - color: #FFFFFF !important; + box-shadow: 0 4px 18px rgba(36, 50, 71, 0.07) !important; + color: #243247 !important; margin-bottom: 12px !important; padding: 16px !important; transition: all 0.22s ease !important; @@ -588,12 +616,12 @@ div:has(> .o_app.dropdown-item), &:hover { transform: translateY(-3px) !important; border-color: $tncsc-gold !important; - box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5), 0 0 15px rgba(216, 156, 67, 0.2) !important; + box-shadow: 0 8px 24px rgba(36, 50, 71, 0.1), 0 0 15px rgba(216, 156, 67, 0.2) !important; } strong, .o_kanban_record_title { font-family: $tncsc-font-serif !important; - color: #FFFFFF !important; + color: #243247 !important; font-size: 15.5px !important; font-weight: 700 !important; } @@ -601,33 +629,33 @@ div:has(> .o_app.dropdown-item), } // ============================================================================ -// 7. Form Views (Obsidian Sheet & Gold Pipelines) +// 7. Form Views (White Sheet & Gold Accents) // ============================================================================ .o_form_sheet_bg { - background: #090B12 !important; + background: #F7F5F0 !important; padding: 24px !important; } .o_form_sheet { - background: #111420 !important; + background: #FFFFFF !important; border: 1px solid rgba(216, 156, 67, 0.25) !important; border-top: 3px solid $tncsc-gold !important; border-radius: 18px !important; - box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important; - color: #FFFFFF !important; + box-shadow: 0 8px 32px rgba(36, 50, 71, 0.1) !important; + color: #243247 !important; max-width: 1200px !important; padding: 28px 32px !important; h1, .oe_title h1 { font-family: $tncsc-font-serif !important; - color: #FFFFFF !important; + color: #243247 !important; font-weight: 700 !important; } } // Form Statusbar .o_form_statusbar { - background: #0D101A !important; + background: #F4F1EA !important; border: 1px solid rgba(216, 156, 67, 0.2) !important; border-radius: 12px !important; padding: 6px 14px !important; @@ -643,9 +671,9 @@ div:has(> .o_app.dropdown-item), // Smart Buttons .oe_button_box .btn { - background: #0D101A !important; + background: #F4F1EA !important; border: 1px solid rgba(216, 156, 67, 0.2) !important; - color: #FFFFFF !important; + color: #243247 !important; border-radius: 10px !important; margin-right: 6px !important; @@ -655,7 +683,7 @@ div:has(> .o_app.dropdown-item), font-size: 16px !important; } .o_stat_text { - color: #94A3B8 !important; + color: #596579 !important; font-size: 11px !important; } @@ -668,7 +696,7 @@ div:has(> .o_app.dropdown-item), // Form Labels & Inputs .o_inner_group { .o_form_label { - color: #94A3B8 !important; + color: #596579 !important; font-weight: 600 !important; font-size: 12.5px !important; } @@ -677,9 +705,9 @@ div:has(> .o_app.dropdown-item), .o_field_widget input, .o_field_widget select, .o_field_widget textarea { - background: #0A0C14 !important; + background: #FFFFFF !important; border: 1px solid rgba(216, 156, 67, 0.25) !important; - color: #FFFFFF !important; + color: #243247 !important; border-radius: 8px !important; padding: 6px 12px !important; @@ -691,10 +719,10 @@ div:has(> .o_app.dropdown-item), // Notebook Tabs .nav-tabs { - border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; + border-bottom: 1px solid rgba(36, 50, 71, 0.1) !important; .nav-link { - color: #94A3B8 !important; + color: #596579 !important; font-weight: 500 !important; border: none !important; border-bottom: 2.5px solid transparent !important; @@ -713,24 +741,24 @@ div:has(> .o_app.dropdown-item), } // ============================================================================ -// 8. Chatter Container (Obsidian Dark Feed) +// 8. Chatter Container (Light Feed) // ============================================================================ -.o_ChatterContainer, +.o_ChatterContainer, .o-mail-Chatter { - background: #090B12 !important; + background: #F7F5F0 !important; border-left: 1px solid rgba(216, 156, 67, 0.18) !important; .o-mail-Message { - background: #111420 !important; - border: 1px solid rgba(255, 255, 255, 0.06) !important; + background: #FFFFFF !important; + border: 1px solid rgba(36, 50, 71, 0.06) !important; border-radius: 12px !important; - color: #F1F5F9 !important; + color: #243247 !important; margin-bottom: 12px !important; padding: 14px !important; } .o-mail-Composer { - background: #0D101A !important; + background: #F4F1EA !important; border: 1px solid rgba(216, 156, 67, 0.25) !important; border-radius: 12px !important; } @@ -740,20 +768,20 @@ div:has(> .o_app.dropdown-item), // 9. Modals & Dialogs // ============================================================================ .modal-content { - background: #111420 !important; + background: #FFFFFF !important; border: 1px solid rgba(216, 156, 67, 0.35) !important; border-radius: 18px !important; - color: #FFFFFF !important; - box-shadow: 0 10px 40px rgba(0, 0, 0, 0.7) !important; + color: #243247 !important; + box-shadow: 0 10px 40px rgba(36, 50, 71, 0.14) !important; .modal-header { - border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; + border-bottom: 1px solid rgba(36, 50, 71, 0.08) !important; font-family: $tncsc-font-serif !important; color: $tncsc-gold !important; } .modal-footer { - border-top: 1px solid rgba(255, 255, 255, 0.08) !important; + border-top: 1px solid rgba(36, 50, 71, 0.08) !important; } } @@ -763,17 +791,17 @@ div:has(> .o_app.dropdown-item), // Links across the application a:not(.btn):not(.o_nav_item):not(.dropdown-item) { - color: #F59E0B; + color: #87530D; &:hover { - color: #FBBF24; + color: #92400E; } } // Form view URL links .o_form_uri { - color: #F59E0B !important; + color: #87530D !important; &:hover { - color: #FBBF24 !important; + color: #92400E !important; } } @@ -830,13 +858,13 @@ a:not(.btn):not(.o_nav_item):not(.dropdown-item) { .o_field_tags .badge { background: rgba(216, 156, 67, 0.2) !important; border: 1px solid rgba(216, 156, 67, 0.45) !important; - color: #F8FAFC !important; + color: #243247 !important; border-radius: 9999px !important; .o_delete { color: $tncsc-gold !important; &:hover { - color: #FFFFFF !important; + color: #243247 !important; } } } @@ -852,17 +880,17 @@ a:not(.btn):not(.o_nav_item):not(.dropdown-item) { .dropdown-item:active, .ui-autocomplete .ui-menu-item.ui-state-focus, .ui-autocomplete .ui-menu-item > a.ui-state-active { - background-color: #231C14 !important; - color: #E5A93C !important; + background-color: #FFF0D6 !important; + color: #87530D !important; font-weight: 600 !important; } // Notification counters & systray .o_menu_systray { .dropdown-toggle { - color: #94A3B8 !important; + color: #596579 !important; &:hover { - color: #FFFFFF !important; + color: #243247 !important; } } } diff --git a/addons/tncsc_deployment/views/website_header_overrides.xml b/addons/tncsc_deployment/views/website_header_overrides.xml new file mode 100644 index 0000000..befa8b8 --- /dev/null +++ b/addons/tncsc_deployment/views/website_header_overrides.xml @@ -0,0 +1,94 @@ + + + + + + + + + + + + + + + + + + + + + + + + + +