admin/TNCSC_Odoo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix TNCSC light theme, toolbar alignment, and duplicate website menus
Some checks failed
CI / Brand-leak check (push) Has been cancelled
Details
CI / flake8 / pylint-odoo / manifest completeness (push) Has been cancelled
Details
CI / Install all modules with --test-enable (push) Has been cancelled
Details

Browse Source 
Extend the ivory and gold palette to shared backend screens and remove conflicting toolbar layout overrides. Correct sidebar action selection and reserve compact sidebar spacing on smaller screens.

Hide the default website header on the 11 pages with custom TNCSC navigation using upgradeable template overrides that preserve edited page content.

Validation: SCSS compilation, JavaScript syntax, sidebar action selection, XML and manifest checks, brand-leak check, and static browser layout checks at four viewport widths passed. Live Odoo verification remains pending because the local Docker engine is unavailable.
This commit is contained in:
metatroncubeswdev 2026-09-27 08:52:19 -04:00
parent 800a41622f
commit a4d3f57f39
7 changed files with 380 additions and 567 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
addons/tncsc_deployment/__manifest__.py
View File

@ -45,6 +45,7 @@ that applies to the community_* product modules.
'data/events_data.xml', 'data/events_data.xml',
'data/ir_cron.xml', 'data/ir_cron.xml',
'views/website_pages.xml', 'views/website_pages.xml',
'views/website_header_overrides.xml',
'views/event_kanban_views.xml', 'views/event_kanban_views.xml',
'views/community_dashboard_views.xml', 'views/community_dashboard_views.xml',
'views/login_templates.xml', 'views/login_templates.xml',

4
addons/tncsc_deployment/static/src/js/global_sidebar.js
View File

@ -1,6 +1,6 @@
/** @odoo-module **/ /** @odoo-module **/
import { Component, useState, onWillStart, onMounted } from "@odoo/owl"; import { Component, useState, onMounted } from "@odoo/owl";
import { registry } from "@web/core/registry"; import { registry } from "@web/core/registry";
import { useService, useBus } from "@web/core/utils/hooks"; import { useService, useBus } from "@web/core/utils/hooks";
import { routerBus } from "@web/core/browser/router"; import { routerBus } from "@web/core/browser/router";
@ -45,7 +45,7 @@ export class TncscGlobalSidebar extends Component {
if ( if (
actionTag === "tncsc_community_dashboard" || actionTag === "tncsc_community_dashboard" ||
actionPath === "community-dashboard" || actionPath === "community-dashboard" ||
currentUrl.includes("/odoo/community-dashboard") (!action && currentUrl.includes("/odoo/community-dashboard"))
) { ) {
this.state.activeTab = "dashboard"; this.state.activeTab = "dashboard";
} else if ( } else if (

39
addons/tncsc_deployment/static/src/scss/community_dashboard.scss
View File

@ -59,6 +59,7 @@
padding: 10px 14px !important; padding: 10px 14px !important;
border-radius: 12px !important; border-radius: 12px !important;
margin-bottom: 5px !important; margin-bottom: 5px !important;
border: 1px solid transparent;
color: #596579 !important; color: #596579 !important;
font-size: 13px !important; font-size: 13px !important;
font-weight: 500 !important; font-weight: 500 !important;
@ -132,10 +133,46 @@
min-height: 100vh !important; min-height: 100vh !important;
background: #F7F5F0 !important; background: #F7F5F0 !important;
box-sizing: border-box !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 { .o_main_navbar {
background: #080A10 !important; background: #FFFCF7 !important;
border-bottom: 1px solid rgba(216, 156, 67, 0.22) !important; border-bottom: 1px solid rgba(216, 156, 67, 0.22) !important;
} }

425
addons/tncsc_deployment/static/src/scss/event_kanban.scss
View File

@ -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-bg-page: #F7F5F0; // Soft ivory canvas background
$tncsc-card-bg: #111420; // Dark luxury card background $tncsc-card-bg: #FFFFFF; // White card surface
$tncsc-navy-dark: #080A10; // Deepest obsidian $tncsc-navy-dark: #FFFCF7; // Ivory navigation surface
$tncsc-gold: #D89C43; // Signature TNCSC Gold $tncsc-gold: #946015; // Signature TNCSC Gold
$tncsc-gold-bright: #F59E0B; // Bright amber $tncsc-gold-bright: #F59E0B; // Bright amber
$tncsc-gold-hover: #FBBF24; $tncsc-gold-hover: #92400E;
$tncsc-gold-border: rgba(216, 156, 67, 0.25); $tncsc-gold-border: rgba(216, 156, 67, 0.25);
$tncsc-text-white: #FFFFFF; $tncsc-text-white: #243247;
$tncsc-text-muted: #94A3B8; $tncsc-text-muted: #596579;
$tncsc-font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif; $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), body:has(.o_event_kanban_view),
.o_action_manager: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,
*::-webkit-scrollbar-track { *::-webkit-scrollbar-track {
background: #F1F5F9 !important; background: #F4F1EA !important;
} }
&::-webkit-scrollbar-thumb, &::-webkit-scrollbar-thumb,
*::-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) // Navbar and control panel use the shared backend layout and theme.
// ============================================================================
.o_main_navbar {
background-color: #080A10 !important;
border-bottom: 1px solid rgba(216, 156, 67, 0.25) !important;
color: #FFFFFF !important;
.o_menu_brand { // 4. Kanban View Canvas (Light Ivory Theme)
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)
// ============================================================================ // ============================================================================
.o_kanban_view.o_event_kanban_view, .o_kanban_view.o_event_kanban_view,
.o_event_kanban_view .o_kanban_renderer { .o_event_kanban_view .o_kanban_renderer {
background-color: #090B12 !important; background-color: #F7F5F0 !important;
background-image: none !important; background-image: none !important;
padding: 24px 36px 40px 36px !important; padding: 24px 36px 40px 36px !important;
width: 100% !important; width: 100% !important;
@ -488,12 +141,12 @@ body:has(.o_event_kanban_view) {
.o_tncsc_empty_stage_box { .o_tncsc_empty_stage_box {
flex: 1 1 100% !important; flex: 1 1 100% !important;
width: 100% !important; width: 100% !important;
background: #111420 !important; background: #FFFFFF !important;
border: 1.5px dashed rgba(216, 156, 67, 0.3) !important; border: 1.5px dashed rgba(216, 156, 67, 0.3) !important;
border-radius: 16px !important; border-radius: 16px !important;
padding: 48px 24px !important; padding: 48px 24px !important;
text-align: center !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 { .o_tncsc_empty_icon {
opacity: 0.9; opacity: 0.9;
@ -502,21 +155,21 @@ body:has(.o_event_kanban_view) {
.o_tncsc_empty_title { .o_tncsc_empty_title {
font-family: $tncsc-font-serif !important; font-family: $tncsc-font-serif !important;
letter-spacing: 0.5px; letter-spacing: 0.5px;
color: #FFFFFF !important; color: #243247 !important;
} }
.o_tncsc_empty_sub { .o_tncsc_empty_sub {
color: #94A3B8 !important; color: #596579 !important;
} }
} }
.o_tncsc_empty_column_placeholder { .o_tncsc_empty_column_placeholder {
background: #111420 !important; background: #FFFFFF !important;
border: 1.5px dashed rgba(216, 156, 67, 0.25) !important; border: 1.5px dashed rgba(216, 156, 67, 0.25) !important;
border-radius: 12px !important; border-radius: 12px !important;
margin-top: 10px !important; margin-top: 10px !important;
padding: 24px 16px !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; font-weight: 500 !important;
cursor: pointer; cursor: pointer;
transition: all 0.2s ease; transition: all 0.2s ease;
background: #111420; background: #FFFFFF;
border: 1px solid rgba(216, 156, 67, 0.25); border: 1px solid rgba(216, 156, 67, 0.25);
color: #CBD5E1; color: #475569;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 8px rgba(36, 50, 71, 0.06);
.o_dot { .o_dot {
font-size: 11px; font-size: 11px;
margin-right: 2px; margin-right: 2px;
color: #94A3B8; color: #596579;
} }
.o_count { .o_count {
color: #94A3B8; color: #596579;
font-size: 12.5px; font-size: 12.5px;
margin-left: 14px; margin-left: 14px;
font-weight: 600; font-weight: 600;
@ -584,19 +237,19 @@ body:has(.o_event_kanban_view) {
&:hover:not(.active) { &:hover:not(.active) {
background: rgba(216, 156, 67, 0.12) !important; background: rgba(216, 156, 67, 0.12) !important;
border-color: $tncsc-gold !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 { .o_event_kanban_view .o_kanban_record {
background: #111420 !important; background: #FFFFFF !important;
border: 1px solid rgba(216, 156, 67, 0.2) !important; border: 1px solid rgba(216, 156, 67, 0.2) !important;
border-radius: 16px !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; overflow: hidden !important;
padding: 18px 20px 22px 20px !important; padding: 18px 20px 22px 20px !important;
display: flex !important; display: flex !important;
@ -604,13 +257,13 @@ body:has(.o_event_kanban_view) {
min-height: 520px !important; min-height: 520px !important;
width: 100% !important; width: 100% !important;
position: relative !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; transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;
&:hover { &:hover {
transform: translateY(-4px) !important; transform: translateY(-4px) !important;
border-color: $tncsc-gold !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) // 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; z-index: 2 !important;
.o_tncsc_card_date_box { .o_tncsc_card_date_box {
border: 1px solid #D89C43 !important; border: 1px solid #946015 !important;
border-radius: 8px !important; border-radius: 8px !important;
padding: 6px 14px !important; padding: 6px 14px !important;
text-align: center !important; text-align: center !important;
background: rgba(16, 12, 8, 0.9) !important; background: #FFF0D6 !important;
min-width: 68px !important; min-width: 68px !important;
.o_day { .o_day {
font-size: 24px !important; font-size: 24px !important;
font-weight: 800 !important; font-weight: 800 !important;
color: #FFFFFF !important; color: #243247 !important;
line-height: 1 !important; line-height: 1 !important;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !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 { .o_tncsc_card_time_col {
color: #CBD5E1 !important; color: #475569 !important;
font-size: 12px !important; font-size: 12px !important;
font-weight: 500 !important; font-weight: 500 !important;
line-height: 1.4 !important; line-height: 1.4 !important;
@ -737,7 +390,7 @@ body:has(.o_event_kanban_view) {
align-items: center !important; align-items: center !important;
justify-content: center !important; justify-content: center !important;
margin: 16px auto 16px auto !important; margin: 16px auto 16px auto !important;
background: #1C1814 !important; background: #FFF0D6 !important;
color: $tncsc-gold !important; color: $tncsc-gold !important;
position: relative !important; position: relative !important;
z-index: 2 !important; z-index: 2 !important;
@ -748,7 +401,7 @@ body:has(.o_event_kanban_view) {
font-family: $tncsc-font-serif !important; font-family: $tncsc-font-serif !important;
font-size: 18.5px !important; font-size: 18.5px !important;
font-weight: 700 !important; font-weight: 700 !important;
color: #FFFFFF !important; color: #243247 !important;
line-height: 1.35 !important; line-height: 1.35 !important;
margin-bottom: 8px !important; margin-bottom: 8px !important;
position: relative !important; position: relative !important;
@ -758,7 +411,7 @@ body:has(.o_event_kanban_view) {
// Subtitle / Tagline // Subtitle / Tagline
.o_tncsc_card_subtitle { .o_tncsc_card_subtitle {
font-size: 12.5px !important; font-size: 12.5px !important;
color: #94A3B8 !important; color: #596579 !important;
margin-bottom: 12px !important; margin-bottom: 12px !important;
line-height: 1.4 !important; line-height: 1.4 !important;
position: relative !important; position: relative !important;
@ -816,9 +469,9 @@ body:has(.o_event_kanban_view) {
} }
&.btn-outline-gold { &.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; border: 1.5px solid $tncsc-gold !important;
color: #FFFFFF !important; color: #243247 !important;
font-weight: 600 !important; font-weight: 600 !important;
&:hover { &:hover {

26
addons/tncsc_deployment/static/src/scss/primary_variables.scss
View File

@ -1,24 +1,24 @@
// ============================================================================ // ============================================================================
// TNCSC Primary SCSS Variables Override // TNCSC Primary SCSS Variables Override
// Overrides default Odoo Community & Enterprise purple (#71639e / #714B67) // 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-community-color: #946015 !default;
$o-enterprise-color: #D89C43 !default; $o-enterprise-color: #946015 !default;
$o-enterprise-action-color: #D89C43 !default; $o-enterprise-action-color: #946015 !default;
$o-brand-odoo: #D89C43 !default; $o-brand-odoo: #946015 !default;
$o-brand-primary: #D89C43 !default; $o-brand-primary: #946015 !default;
$o-action: #D89C43 !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-border-bottom: 1px solid rgba(216, 156, 67, 0.25) !default;
$o-navbar-entry-color: #94A3B8 !default; $o-navbar-entry-color: #596579 !default;
$o-navbar-entry-color--hover: #FFFFFF !default; $o-navbar-entry-color--hover: #243247 !default;
$o-navbar-entry-color--active: #D89C43 !default; $o-navbar-entry-color--active: #946015 !default;
$o-navbar-entry-bg--hover: rgba(216, 156, 67, 0.12) !default; $o-navbar-entry-bg--hover: rgba(216, 156, 67, 0.12) !default;
$o-navbar-entry-bg--active: #231C14 !default; $o-navbar-entry-bg--active: #FFF0D6 !default;
$o-navbar-brand-color: #FFFFFF !default; $o-navbar-brand-color: #243247 !default;
$o-navbar-badge-bg: #F59E0B !default; $o-navbar-badge-bg: #F59E0B !default;
$o-navbar-badge-color: #000000 !default; $o-navbar-badge-color: #000000 !default;

344
addons/tncsc_deployment/static/src/scss/tncsc_backend_theme.scss
View File

@ -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, // Applied across ALL Community Modules (Membership, School, Classifieds,
// Benefits, Events, Contacts, Invoicing, Settings, Discuss, Reports, etc.) // Benefits, Events, Contacts, Invoicing, Settings, Discuss, Reports, etc.)
// Matching the Executive Community Dashboard Design Language // Matching the Executive Community Dashboard Design Language
// ============================================================================ // ============================================================================
$tncsc-obsidian-dark: #090B12; // Deepest obsidian canvas background $tncsc-obsidian-dark: #F7F5F0; // Soft ivory canvas background
$tncsc-obsidian-subtle: #0D101A; // Subtle dark container / navbar $tncsc-obsidian-subtle: #F4F1EA; // Muted ivory container
$tncsc-card-bg: #111420; // High-end glassmorphic card background $tncsc-card-bg: #FFFFFF; // White card surface
$tncsc-card-border: rgba(216, 156, 67, 0.2); // Signature gold hairline border $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-bright: #F59E0B; // Bright amber accent
$tncsc-gold-hover: #FBBF24; $tncsc-gold-hover: #92400E;
$tncsc-gold-gradient: linear-gradient(135deg, #F59E0B 0%, #B45309 100%); $tncsc-gold-gradient: linear-gradient(135deg, #F59E0B 0%, #B45309 100%);
$tncsc-text-white: #FFFFFF; $tncsc-text-white: #243247;
$tncsc-text-muted: #94A3B8; $tncsc-text-muted: #596579;
$tncsc-text-dim: #71788E; $tncsc-text-dim: #596579;
$tncsc-font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif; $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, :root,
body, body,
.o_web_client { .o_web_client {
--o-brand-odoo: #D89C43 !important; --o-brand-odoo: #946015 !important;
--o-brand-primary: #D89C43 !important; --o-brand-primary: #946015 !important;
--o-community-color: #D89C43 !important; --o-community-color: #946015 !important;
--o-enterprise-color: #D89C43 !important; --o-enterprise-color: #946015 !important;
--primary: #D89C43 !important; --primary: #946015 !important;
--bs-primary: #D89C43 !important; --bs-primary: #946015 !important;
--bs-primary-rgb: 216, 156, 67 !important; --bs-primary-rgb: 216, 156, 67 !important;
--bs-link-color: #F59E0B !important; --bs-link-color: #87530D !important;
--bs-link-hover-color: #FBBF24 !important; --bs-link-hover-color: #92400E !important;
--o-action: #D89C43 !important; --o-action: #946015 !important;
--o-navbar-background: #080A10 !important; --o-navbar-background: #FFFCF7 !important;
--NavBar-backgroundColor: #080A10 !important; --NavBar-backgroundColor: #FFFCF7 !important;
--NavBar-entry-backgroundColor: transparent !important; --NavBar-entry-backgroundColor: transparent !important;
--NavBar-entry-backgroundColor--hover: rgba(216, 156, 67, 0.12) !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--focus: rgba(216, 156, 67, 0.12) !important;
--NavBar-entry-backgroundColor--active: #231C14 !important; --NavBar-entry-backgroundColor--active: #FFF0D6 !important;
--NavBar-entry-color: #94A3B8 !important; --NavBar-entry-color: #596579 !important;
--NavBar-entry-color--hover: #FFFFFF !important; --NavBar-entry-color--hover: #243247 !important;
--NavBar-entry-color--active: #D89C43 !important; --NavBar-entry-color--active: #946015 !important;
--NavBar-brand-color: #FFFFFF !important; --NavBar-brand-color: #243247 !important;
--NavBar-badge-bg: #F59E0B !important; --NavBar-badge-bg: #F59E0B !important;
--NavBar-badge-color: #000000 !important; --NavBar-badge-color: #000000 !important;
} }
// ============================================================================ // ============================================================================
// 1. Overall Page Canvas & Dark Luxury Scrollbars // 1. Overall Page Canvas & Light Scrollbars
// ============================================================================ // ============================================================================
body, body,
.o_web_client, .o_web_client,
@ -57,7 +57,7 @@ body,
.o_content, .o_content,
.o_view_controller { .o_view_controller {
background-color: $tncsc-obsidian-dark !important; 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; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
} }
@ -66,7 +66,7 @@ body,
height: 7px !important; height: 7px !important;
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
background: #090B12 !important; background: #F7F5F0 !important;
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background: rgba(216, 156, 67, 0.3) !important; 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_main_navbar {
--o-navbar-background: #080A10 !important; --o-navbar-background: #FFFCF7 !important;
--NavBar-backgroundColor: #080A10 !important; --NavBar-backgroundColor: #FFFCF7 !important;
--NavBar-entry-backgroundColor: transparent !important; --NavBar-entry-backgroundColor: transparent !important;
--NavBar-entry-backgroundColor--hover: rgba(216, 156, 67, 0.12) !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--focus: rgba(216, 156, 67, 0.12) !important;
--NavBar-entry-backgroundColor--active: #231C14 !important; --NavBar-entry-backgroundColor--active: #FFF0D6 !important;
--NavBar-entry-color: #94A3B8 !important; --NavBar-entry-color: #596579 !important;
--NavBar-entry-color--hover: #FFFFFF !important; --NavBar-entry-color--hover: #243247 !important;
--NavBar-entry-color--active: #D89C43 !important; --NavBar-entry-color--active: #946015 !important;
--NavBar-brand-color: #FFFFFF !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; border-bottom: 1px solid rgba(216, 156, 67, 0.25) !important;
color: #FFFFFF !important; color: #243247 !important;
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.5) !important; box-shadow: 0 4px 18px rgba(36, 50, 71, 0.1) !important;
// 9-dots waffle apps launcher icon (replaces default purple waffle) // 9-dots waffle apps launcher icon (replaces default purple waffle)
.o_navbar_apps_menu { .o_navbar_apps_menu {
button, button,
.dropdown-toggle { .dropdown-toggle {
background: transparent !important; background: transparent !important;
color: #D89C43 !important; color: #946015 !important;
border: none !important; border: none !important;
padding: 8px 12px !important; padding: 8px 12px !important;
border-radius: 8px !important; border-radius: 8px !important;
transition: all 0.2s ease !important; transition: all 0.2s ease !important;
i, .oi, .oi-apps { i, .oi, .oi-apps {
color: #D89C43 !important; color: #946015 !important;
filter: drop-shadow(0 0 5px rgba(216, 156, 67, 0.5)) !important; filter: drop-shadow(0 0 5px rgba(216, 156, 67, 0.5)) !important;
} }
&:hover { &:hover {
color: #FBBF24 !important; color: #92400E !important;
background: rgba(216, 156, 67, 0.15) !important; background: rgba(216, 156, 67, 0.15) !important;
i, .oi, .oi-apps { i, .oi, .oi-apps {
color: #FBBF24 !important; color: #92400E !important;
} }
} }
} }
@ -125,7 +125,7 @@ body,
// App brand title ("Settings", "Events", etc.) // App brand title ("Settings", "Events", etc.)
.o_menu_brand { .o_menu_brand {
color: #FFFFFF !important; color: #243247 !important;
font-family: $tncsc-font-serif !important; font-family: $tncsc-font-serif !important;
font-weight: 700 !important; font-weight: 700 !important;
letter-spacing: 0.5px !important; letter-spacing: 0.5px !important;
@ -143,7 +143,7 @@ body,
button, button,
.dropdown { .dropdown {
background: transparent !important; background: transparent !important;
color: #94A3B8 !important; color: #596579 !important;
font-weight: 500 !important; font-weight: 500 !important;
padding: 10px 14px !important; padding: 10px 14px !important;
border: none !important; border: none !important;
@ -152,15 +152,15 @@ body,
&:hover, &:hover,
&:focus { &:focus {
color: #D89C43 !important; color: #946015 !important;
background: rgba(216, 156, 67, 0.08) !important; background: rgba(216, 156, 67, 0.08) !important;
} }
&.active, &.active,
&.show, &.show,
&:active { &:active {
color: #FFFFFF !important; color: #243247 !important;
background: #231C14 !important; background: #FFF0D6 !important;
border-bottom: 2.5px solid $tncsc-gold !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), .o-dropdown--menu:has(.o_app),
.dropdown-menu:has(.o_app), .dropdown-menu:has(.o_app),
div:has(> .o_app.dropdown-item), div:has(> .o_app.dropdown-item),
.o_navbar_apps_menu .dropdown-menu { .o_navbar_apps_menu .dropdown-menu {
background: #111420 !important; background: #FFFFFF !important;
border: 1px solid rgba(216, 156, 67, 0.35) !important; border: 1px solid rgba(216, 156, 67, 0.35) !important;
border-radius: 18px !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; padding: 14px !important;
min-width: 300px !important; min-width: 300px !important;
max-height: 82vh !important; max-height: 82vh !important;
@ -216,7 +216,7 @@ div:has(> .o_app.dropdown-item),
color: $tncsc-gold !important; color: $tncsc-gold !important;
text-transform: uppercase !important; text-transform: uppercase !important;
padding: 6px 14px 12px 14px !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; margin-bottom: 10px !important;
} }
@ -226,7 +226,7 @@ div:has(> .o_app.dropdown-item),
padding: 10px 18px !important; padding: 10px 18px !important;
font-size: 14px !important; font-size: 14px !important;
font-weight: 600 !important; font-weight: 600 !important;
color: #F8FAFC !important; color: #243247 !important;
border-left: 3.5px solid transparent !important; border-left: 3.5px solid transparent !important;
transition: all 0.18s ease !important; transition: all 0.18s ease !important;
margin-bottom: 3px !important; margin-bottom: 3px !important;
@ -244,8 +244,8 @@ div:has(> .o_app.dropdown-item),
&.active, &.active,
&.focus { &.focus {
background: #231C14 !important; background: #FFF0D6 !important;
color: #E5A93C !important; color: #87530D !important;
font-weight: 700 !important; font-weight: 700 !important;
border-left-color: $tncsc-gold !important; border-left-color: $tncsc-gold !important;
} }
@ -259,12 +259,12 @@ div:has(> .o_app.dropdown-item),
.o_menu_systray .dropdown-menu, .o_menu_systray .dropdown-menu,
.o-dropdown--menu.dropdown-menu, .o-dropdown--menu.dropdown-menu,
.dropdown-menu { .dropdown-menu {
background: #111420 !important; background: #FFFFFF !important;
border: 1px solid rgba(216, 156, 67, 0.25) !important; border: 1px solid rgba(216, 156, 67, 0.25) !important;
border-radius: 14px !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; padding: 8px !important;
color: #F8FAFC !important; color: #243247 !important;
.dropdown-header { .dropdown-header {
font-size: 11px !important; font-size: 11px !important;
@ -280,50 +280,45 @@ div:has(> .o_app.dropdown-item),
padding: 8px 14px !important; padding: 8px 14px !important;
font-size: 13.5px !important; font-size: 13.5px !important;
font-weight: 500 !important; font-weight: 500 !important;
color: #CBD5E1 !important; color: #475569 !important;
transition: all 0.15s ease !important; transition: all 0.15s ease !important;
&:hover, &:hover,
&:focus { &:focus {
background: rgba(216, 156, 67, 0.15) !important; background: rgba(216, 156, 67, 0.15) !important;
color: #FFFFFF !important; color: #243247 !important;
} }
&.active { &.active {
background: #231C14 !important; background: #FFF0D6 !important;
color: #E5A93C !important; color: #87530D !important;
font-weight: 600 !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 { .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; border-bottom: 1px solid rgba(216, 156, 67, 0.2) !important;
padding: 16px 32px 14px 32px !important; padding: 16px 24px !important;
display: flex !important; box-shadow: 0 2px 10px rgba(36, 50, 71, 0.06) !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;
.breadcrumb-item { .breadcrumb-item {
font-family: $tncsc-font-serif !important; font-family: $tncsc-font-serif !important;
font-size: 18px !important; font-size: 14px !important;
font-weight: 700 !important; font-weight: 700 !important;
color: #FFFFFF !important; color: #243247 !important;
&.active { &.active {
color: $tncsc-gold !important; color: $tncsc-gold !important;
} }
a { a {
color: #94A3B8 !important; color: #596579 !important;
text-decoration: none !important; text-decoration: none !important;
&:hover { &:hover {
color: $tncsc-gold !important; 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 // Search View Box
.o_searchview { .o_searchview {
background-color: #111420 !important; background-color: #FFFFFF !important;
border: 1px solid rgba(216, 156, 67, 0.25) !important; border: 1px solid rgba(216, 156, 67, 0.25) !important;
border-radius: 9999px !important; border-radius: 9999px !important;
color: #FFFFFF !important; color: #243247 !important;
padding: 3px 14px !important; padding: 3px 14px !important;
&:focus-within { &:focus-within {
@ -347,13 +374,13 @@ div:has(> .o_app.dropdown-item),
.o_searchview_input { .o_searchview_input {
background: transparent !important; background: transparent !important;
color: #FFFFFF !important; color: #243247 !important;
} }
.o_searchview_facet { .o_searchview_facet {
background: #1E2333 !important; background: #F4F1EA !important;
border: 1px solid rgba(216, 156, 67, 0.5) !important; border: 1px solid rgba(216, 156, 67, 0.5) !important;
color: #F8FAFC !important; color: #243247 !important;
border-radius: 9999px !important; border-radius: 9999px !important;
.o_searchview_facet_label { .o_searchview_facet_label {
@ -366,7 +393,7 @@ 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, .btn-primary,
.o_form_button_save, .o_form_button_save,
@ -393,9 +420,9 @@ div:has(> .o_app.dropdown-item),
.btn-outline-secondary, .btn-outline-secondary,
.o_form_button_cancel, .o_form_button_cancel,
.btn.btn-secondary { .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; border: 1px solid rgba(216, 156, 67, 0.35) !important;
color: #FFFFFF !important; color: #243247 !important;
font-size: 13px !important; font-size: 13px !important;
font-weight: 500 !important; font-weight: 500 !important;
padding: 6px 16px !important; padding: 6px 16px !important;
@ -405,15 +432,15 @@ div:has(> .o_app.dropdown-item),
&:hover { &:hover {
background: rgba(216, 156, 67, 0.15) !important; background: rgba(216, 156, 67, 0.15) !important;
border-color: $tncsc-gold !important; border-color: $tncsc-gold !important;
color: #FFFFFF !important; color: #243247 !important;
} }
} }
// View Switcher Buttons // View Switcher Buttons
.o_cp_switch_buttons .btn { .o_cp_switch_buttons .btn {
background: #111420 !important; background: #FFFFFF !important;
border: 1px solid rgba(216, 156, 67, 0.25) !important; border: 1px solid rgba(216, 156, 67, 0.25) !important;
color: #94A3B8 !important; color: #596579 !important;
&:hover { &:hover {
color: $tncsc-gold !important; color: $tncsc-gold !important;
@ -438,64 +465,67 @@ div:has(> .o_app.dropdown-item),
.o_list_table, .o_list_table,
.o_list_view .o_list_table, .o_list_view .o_list_table,
.table.o_list_table { .table.o_list_table {
--bs-table-bg: #111420 !important; --bs-table-bg: #FFFFFF !important;
--bs-table-color: #F8FAFC !important; --bs-table-color: #243247 !important;
--bs-table-striped-bg: #131622 !important; --bs-table-striped-bg: #FAF9F6 !important;
--bs-table-striped-color: #F8FAFC !important; --bs-table-striped-color: #243247 !important;
--bs-table-hover-bg: rgba(216, 156, 67, 0.12) !important; --bs-table-hover-bg: rgba(216, 156, 67, 0.12) !important;
--bs-table-hover-color: #FFFFFF !important; --bs-table-hover-color: #243247 !important;
--bs-table-border-color: rgba(255, 255, 255, 0.08) !important; --bs-table-border-color: rgba(36, 50, 71, 0.08) !important;
background-color: #111420 !important; background-color: #FFFFFF !important;
color: #F8FAFC !important; color: #243247 !important;
border: 1px solid rgba(216, 156, 67, 0.22) !important; border: 1px solid rgba(216, 156, 67, 0.22) !important;
border-radius: 16px !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-collapse: separate !important;
border-spacing: 0 !important; border-spacing: 0 !important;
overflow: hidden !important; overflow: hidden !important;
width: 100% !important; width: 100% !important;
thead, thead tr, thead th { thead, thead tr, thead th {
background-color: #0D101A !important; background-color: #F4F1EA !important;
color: #D89C43 !important; color: #946015 !important;
font-size: 11.5px !important; font-size: 11.5px !important;
font-weight: 700 !important; font-weight: 700 !important;
letter-spacing: 0.8px !important; letter-spacing: 0.8px !important;
text-transform: uppercase !important; text-transform: uppercase !important;
border-bottom: 1px solid rgba(216, 156, 67, 0.2) !important; border-bottom: 1px solid rgba(216, 156, 67, 0.2) !important;
padding: 13px 16px !important;
vertical-align: middle !important; vertical-align: middle !important;
* { * {
color: #D89C43 !important; color: #946015 !important;
} }
} }
thead th {
padding: 12px 16px !important;
}
tbody, tbody tr { tbody, tbody tr {
background-color: #111420 !important; background-color: #FFFFFF !important;
} }
tbody tr > td, tbody tr > td,
tbody tr > th, tbody tr > th,
.o_data_row > td, .o_data_row > td,
.o_data_cell { .o_data_cell {
background-color: #111420 !important; background-color: #FFFFFF !important;
color: #F8FAFC !important; color: #243247 !important;
padding: 12px 16px !important; padding: 12px 16px !important;
font-size: 13.5px !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) > td,
tbody tr:nth-of-type(even) > th { tbody tr:nth-of-type(even) > th {
background-color: #131622 !important; background-color: #FAF9F6 !important;
} }
tbody tr:hover > td, tbody tr:hover > td,
tbody tr:hover > th, tbody tr:hover > th,
.o_data_row:hover > td { .o_data_row:hover > td {
background-color: rgba(216, 156, 67, 0.12) !important; background-color: rgba(216, 156, 67, 0.12) !important;
color: #FFFFFF !important; color: #243247 !important;
} }
&.o_data_row_selected, &.o_data_row_selected,
@ -504,26 +534,24 @@ div:has(> .o_app.dropdown-item),
} }
tbody td, tbody td,
tbody td *, .o_data_cell {
.o_data_cell, color: #243247 !important;
.o_data_cell * {
color: #F8FAFC !important;
} }
tbody td a, tbody td a,
.o_data_cell a { .o_data_cell a {
color: #F59E0B !important; color: #87530D !important;
font-weight: 600 !important; font-weight: 600 !important;
text-decoration: none !important; text-decoration: none !important;
&:hover { &:hover {
color: #FBBF24 !important; color: #92400E !important;
text-decoration: underline !important; text-decoration: underline !important;
} }
} }
.text-muted { .text-muted {
color: #94A3B8 !important; color: #596579 !important;
} }
input[type="checkbox"] { input[type="checkbox"] {
@ -537,16 +565,16 @@ div:has(> .o_app.dropdown-item),
// Empty View / Nocontent helper state // Empty View / Nocontent helper state
.o_view_nocontent { .o_view_nocontent {
background: transparent !important; background: transparent !important;
color: #94A3B8 !important; color: #596579 !important;
.o_nocontent_help, .o_nocontent_help,
p { p {
color: #94A3B8 !important; color: #596579 !important;
font-size: 14px !important; font-size: 14px !important;
} }
h4, b, strong { h4, b, strong {
color: #FFFFFF !important; color: #243247 !important;
font-family: $tncsc-font-serif !important; font-family: $tncsc-font-serif !important;
} }
@ -563,8 +591,8 @@ div:has(> .o_app.dropdown-item),
padding: 16px 24px !important; padding: 16px 24px !important;
.o_kanban_group { .o_kanban_group {
background: #0B0E17 !important; background: #FFFCF7 !important;
border: 1px solid rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(36, 50, 71, 0.05) !important;
border-radius: 16px !important; border-radius: 16px !important;
padding: 12px !important; padding: 12px !important;
@ -576,11 +604,11 @@ div:has(> .o_app.dropdown-item),
} }
.o_kanban_record { .o_kanban_record {
background: #111420 !important; background: #FFFFFF !important;
border: 1px solid rgba(216, 156, 67, 0.2) !important; border: 1px solid rgba(216, 156, 67, 0.2) !important;
border-radius: 14px !important; border-radius: 14px !important;
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35) !important; box-shadow: 0 4px 18px rgba(36, 50, 71, 0.07) !important;
color: #FFFFFF !important; color: #243247 !important;
margin-bottom: 12px !important; margin-bottom: 12px !important;
padding: 16px !important; padding: 16px !important;
transition: all 0.22s ease !important; transition: all 0.22s ease !important;
@ -588,12 +616,12 @@ div:has(> .o_app.dropdown-item),
&:hover { &:hover {
transform: translateY(-3px) !important; transform: translateY(-3px) !important;
border-color: $tncsc-gold !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 { strong, .o_kanban_record_title {
font-family: $tncsc-font-serif !important; font-family: $tncsc-font-serif !important;
color: #FFFFFF !important; color: #243247 !important;
font-size: 15.5px !important; font-size: 15.5px !important;
font-weight: 700 !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 { .o_form_sheet_bg {
background: #090B12 !important; background: #F7F5F0 !important;
padding: 24px !important; padding: 24px !important;
} }
.o_form_sheet { .o_form_sheet {
background: #111420 !important; background: #FFFFFF !important;
border: 1px solid rgba(216, 156, 67, 0.25) !important; border: 1px solid rgba(216, 156, 67, 0.25) !important;
border-top: 3px solid $tncsc-gold !important; border-top: 3px solid $tncsc-gold !important;
border-radius: 18px !important; border-radius: 18px !important;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important; box-shadow: 0 8px 32px rgba(36, 50, 71, 0.1) !important;
color: #FFFFFF !important; color: #243247 !important;
max-width: 1200px !important; max-width: 1200px !important;
padding: 28px 32px !important; padding: 28px 32px !important;
h1, .oe_title h1 { h1, .oe_title h1 {
font-family: $tncsc-font-serif !important; font-family: $tncsc-font-serif !important;
color: #FFFFFF !important; color: #243247 !important;
font-weight: 700 !important; font-weight: 700 !important;
} }
} }
// Form Statusbar // Form Statusbar
.o_form_statusbar { .o_form_statusbar {
background: #0D101A !important; background: #F4F1EA !important;
border: 1px solid rgba(216, 156, 67, 0.2) !important; border: 1px solid rgba(216, 156, 67, 0.2) !important;
border-radius: 12px !important; border-radius: 12px !important;
padding: 6px 14px !important; padding: 6px 14px !important;
@ -643,9 +671,9 @@ div:has(> .o_app.dropdown-item),
// Smart Buttons // Smart Buttons
.oe_button_box .btn { .oe_button_box .btn {
background: #0D101A !important; background: #F4F1EA !important;
border: 1px solid rgba(216, 156, 67, 0.2) !important; border: 1px solid rgba(216, 156, 67, 0.2) !important;
color: #FFFFFF !important; color: #243247 !important;
border-radius: 10px !important; border-radius: 10px !important;
margin-right: 6px !important; margin-right: 6px !important;
@ -655,7 +683,7 @@ div:has(> .o_app.dropdown-item),
font-size: 16px !important; font-size: 16px !important;
} }
.o_stat_text { .o_stat_text {
color: #94A3B8 !important; color: #596579 !important;
font-size: 11px !important; font-size: 11px !important;
} }
@ -668,7 +696,7 @@ div:has(> .o_app.dropdown-item),
// Form Labels & Inputs // Form Labels & Inputs
.o_inner_group { .o_inner_group {
.o_form_label { .o_form_label {
color: #94A3B8 !important; color: #596579 !important;
font-weight: 600 !important; font-weight: 600 !important;
font-size: 12.5px !important; font-size: 12.5px !important;
} }
@ -677,9 +705,9 @@ div:has(> .o_app.dropdown-item),
.o_field_widget input, .o_field_widget input,
.o_field_widget select, .o_field_widget select,
.o_field_widget textarea { .o_field_widget textarea {
background: #0A0C14 !important; background: #FFFFFF !important;
border: 1px solid rgba(216, 156, 67, 0.25) !important; border: 1px solid rgba(216, 156, 67, 0.25) !important;
color: #FFFFFF !important; color: #243247 !important;
border-radius: 8px !important; border-radius: 8px !important;
padding: 6px 12px !important; padding: 6px 12px !important;
@ -691,10 +719,10 @@ div:has(> .o_app.dropdown-item),
// Notebook Tabs // Notebook Tabs
.nav-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 { .nav-link {
color: #94A3B8 !important; color: #596579 !important;
font-weight: 500 !important; font-weight: 500 !important;
border: none !important; border: none !important;
border-bottom: 2.5px solid transparent !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 { .o-mail-Chatter {
background: #090B12 !important; background: #F7F5F0 !important;
border-left: 1px solid rgba(216, 156, 67, 0.18) !important; border-left: 1px solid rgba(216, 156, 67, 0.18) !important;
.o-mail-Message { .o-mail-Message {
background: #111420 !important; background: #FFFFFF !important;
border: 1px solid rgba(255, 255, 255, 0.06) !important; border: 1px solid rgba(36, 50, 71, 0.06) !important;
border-radius: 12px !important; border-radius: 12px !important;
color: #F1F5F9 !important; color: #243247 !important;
margin-bottom: 12px !important; margin-bottom: 12px !important;
padding: 14px !important; padding: 14px !important;
} }
.o-mail-Composer { .o-mail-Composer {
background: #0D101A !important; background: #F4F1EA !important;
border: 1px solid rgba(216, 156, 67, 0.25) !important; border: 1px solid rgba(216, 156, 67, 0.25) !important;
border-radius: 12px !important; border-radius: 12px !important;
} }
@ -740,20 +768,20 @@ div:has(> .o_app.dropdown-item),
// 9. Modals & Dialogs // 9. Modals & Dialogs
// ============================================================================ // ============================================================================
.modal-content { .modal-content {
background: #111420 !important; background: #FFFFFF !important;
border: 1px solid rgba(216, 156, 67, 0.35) !important; border: 1px solid rgba(216, 156, 67, 0.35) !important;
border-radius: 18px !important; border-radius: 18px !important;
color: #FFFFFF !important; color: #243247 !important;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.7) !important; box-shadow: 0 10px 40px rgba(36, 50, 71, 0.14) !important;
.modal-header { .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; font-family: $tncsc-font-serif !important;
color: $tncsc-gold !important; color: $tncsc-gold !important;
} }
.modal-footer { .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 // Links across the application
a:not(.btn):not(.o_nav_item):not(.dropdown-item) { a:not(.btn):not(.o_nav_item):not(.dropdown-item) {
color: #F59E0B; color: #87530D;
&:hover { &:hover {
color: #FBBF24; color: #92400E;
} }
} }
// Form view URL links // Form view URL links
.o_form_uri { .o_form_uri {
color: #F59E0B !important; color: #87530D !important;
&:hover { &: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 { .o_field_tags .badge {
background: rgba(216, 156, 67, 0.2) !important; background: rgba(216, 156, 67, 0.2) !important;
border: 1px solid rgba(216, 156, 67, 0.45) !important; border: 1px solid rgba(216, 156, 67, 0.45) !important;
color: #F8FAFC !important; color: #243247 !important;
border-radius: 9999px !important; border-radius: 9999px !important;
.o_delete { .o_delete {
color: $tncsc-gold !important; color: $tncsc-gold !important;
&:hover { &:hover {
color: #FFFFFF !important; color: #243247 !important;
} }
} }
} }
@ -852,17 +880,17 @@ a:not(.btn):not(.o_nav_item):not(.dropdown-item) {
.dropdown-item:active, .dropdown-item:active,
.ui-autocomplete .ui-menu-item.ui-state-focus, .ui-autocomplete .ui-menu-item.ui-state-focus,
.ui-autocomplete .ui-menu-item > a.ui-state-active { .ui-autocomplete .ui-menu-item > a.ui-state-active {
background-color: #231C14 !important; background-color: #FFF0D6 !important;
color: #E5A93C !important; color: #87530D !important;
font-weight: 600 !important; font-weight: 600 !important;
} }
// Notification counters & systray // Notification counters & systray
.o_menu_systray { .o_menu_systray {
.dropdown-toggle { .dropdown-toggle {
color: #94A3B8 !important; color: #596579 !important;
&:hover { &:hover {
color: #FFFFFF !important; color: #243247 !important;
} }
} }
} }

94
addons/tncsc_deployment/views/website_header_overrides.xml Normal file
View File

@ -0,0 +1,94 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<!-- These pages provide their own TNCSC header and navigation.
Keep overrides outside the noupdate page seeds so upgrades apply
the fix without replacing administrator-edited page content. -->
<template id="view_page_home_custom_header_only"
inherit_id="tncsc_deployment.view_page_home"
name="Use TNCSC navigation without the default website header">
<xpath expr="//t[@t-call='website.layout']" position="inside">
<t t-set="no_header" t-value="True"/>
</xpath>
</template>
<template id="view_page_about_custom_header_only"
inherit_id="tncsc_deployment.view_page_about"
name="Use TNCSC navigation without the default website header">
<xpath expr="//t[@t-call='website.layout']" position="inside">
<t t-set="no_header" t-value="True"/>
</xpath>
</template>
<template id="view_page_tamil_nadu_custom_header_only"
inherit_id="tncsc_deployment.view_page_tamil_nadu"
name="Use TNCSC navigation without the default website header">
<xpath expr="//t[@t-call='website.layout']" position="inside">
<t t-set="no_header" t-value="True"/>
</xpath>
</template>
<template id="view_page_board_custom_header_only"
inherit_id="tncsc_deployment.view_page_board"
name="Use TNCSC navigation without the default website header">
<xpath expr="//t[@t-call='website.layout']" position="inside">
<t t-set="no_header" t-value="True"/>
</xpath>
</template>
<template id="view_page_membership_custom_header_only"
inherit_id="tncsc_deployment.view_page_membership"
name="Use TNCSC navigation without the default website header">
<xpath expr="//t[@t-call='website.layout']" position="inside">
<t t-set="no_header" t-value="True"/>
</xpath>
</template>
<template id="view_page_membership_benefits_custom_header_only"
inherit_id="tncsc_deployment.view_page_membership_benefits"
name="Use TNCSC navigation without the default website header">
<xpath expr="//t[@t-call='website.layout']" position="inside">
<t t-set="no_header" t-value="True"/>
</xpath>
</template>
<template id="view_page_membership_registration_custom_header_only"
inherit_id="tncsc_deployment.view_page_membership_registration"
name="Use TNCSC navigation without the default website header">
<xpath expr="//t[@t-call='website.layout']" position="inside">
<t t-set="no_header" t-value="True"/>
</xpath>
</template>
<template id="view_page_events_custom_header_only"
inherit_id="tncsc_deployment.view_page_events"
name="Use TNCSC navigation without the default website header">
<xpath expr="//t[@t-call='website.layout']" position="inside">
<t t-set="no_header" t-value="True"/>
</xpath>
</template>
<template id="view_page_product_summer_picnic_custom_header_only"
inherit_id="tncsc_deployment.view_page_product_summer_picnic"
name="Use TNCSC navigation without the default website header">
<xpath expr="//t[@t-call='website.layout']" position="inside">
<t t-set="no_header" t-value="True"/>
</xpath>
</template>
<template id="view_page_tamil_school_custom_header_only"
inherit_id="tncsc_deployment.view_page_tamil_school"
name="Use TNCSC navigation without the default website header">
<xpath expr="//t[@t-call='website.layout']" position="inside">
<t t-set="no_header" t-value="True"/>
</xpath>
</template>
<template id="view_page_contact_custom_header_only"
inherit_id="tncsc_deployment.view_page_contact"
name="Use TNCSC navigation without the default website header">
<xpath expr="//t[@t-call='website.layout']" position="inside">
<t t-set="no_header" t-value="True"/>
</xpath>
</template>
</odoo>