diff --git a/addons/dine360_dashboard/static/src/css/home_menu.css b/addons/dine360_dashboard/static/src/css/home_menu.css index 156c31d..ea4e56c 100644 --- a/addons/dine360_dashboard/static/src/css/home_menu.css +++ b/addons/dine360_dashboard/static/src/css/home_menu.css @@ -1,6 +1,11 @@ -/* Main background with premium gradient */ +/* Main background */ +body.o_home_dashboard, +#wrapwrap.o_home_dashboard, .o_home_menu_background { - background: linear-gradient(135deg, #8fe0d6 0%, #ffecb5 100%) !important; + background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), + url('/dine360_dashboard/static/src/img/dashboard_bg.png') no-repeat center center !important; + background-size: cover !important; + background-attachment: fixed !important; min-height: 100vh !important; padding: 0 !important; margin: 0 !important; @@ -8,6 +13,10 @@ position: relative !important; } +#wrapwrap.o_home_dashboard #wrap { + background: transparent !important; +} + .o_apps { display: flex !important; flex-wrap: wrap !important; @@ -48,10 +57,10 @@ .o_app:hover .o_app_icon_container { transform: translateY(-10px) rotate(2deg) !important; background: #ffffff !important; - border: 1px solid #fecd4f !important; + border: 1px solid #d6111e !important; box-shadow: - 0 20px 25px -5px rgba(254, 205, 79, 0.2), - 0 10px 10px -5px rgba(43, 177, 165, 0.1) !important; + 0 20px 25px -5px rgba(214, 17, 30, 0.2), + 0 10px 10px -5px rgba(23, 20, 34, 0.1) !important; } .o_app_icon_container::before { @@ -78,7 +87,7 @@ } .o_app_name { - color: #2d3748 !important; + color: #ffffff !important; font-size: 14px !important; font-weight: 500 !important; text-align: center !important; @@ -87,7 +96,7 @@ } .o_app:hover .o_app_name { - color: #2bb1a5 !important; + color: #d6111e !important; font-weight: 700 !important; } @@ -128,7 +137,7 @@ } .o_top_item:hover { - color: #2bb1a5 !important; + color: #d6111e !important; transform: translateY(-3px); } @@ -141,10 +150,7 @@ .o_ai_icon { font-weight: 800; - background: linear-gradient(135deg, #fecd4f, #2bb1a5) !important; - -webkit-background-clip: text !important; - background-clip: text !important; - -webkit-text-fill-color: transparent !important; + color: #d6111e !important; } .badge_dot { @@ -153,7 +159,7 @@ right: 8px; width: 8px; height: 8px; - background: #fecd4f !important; + background: #d6111e !important; border-radius: 50% !important; border: 2px solid white !important; } @@ -162,7 +168,7 @@ width: 35px !important; height: 35px !important; border-radius: 12px !important; - background: linear-gradient(135deg, #fecd4f, #2bb1a5) !important; + background: #d6111e !important; color: white !important; font-weight: bold !important; } \ No newline at end of file diff --git a/addons/dine360_dashboard/static/src/css/login_style.css b/addons/dine360_dashboard/static/src/css/login_style.css index 649bcc1..bb4db61 100644 --- a/addons/dine360_dashboard/static/src/css/login_style.css +++ b/addons/dine360_dashboard/static/src/css/login_style.css @@ -4,8 +4,9 @@ height: 100vh !important; width: 100vw !important; overflow: hidden; - background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), - url('/dine360_dashboard/static/src/img/login_bg.png') no-repeat center center !important; + background: url('/dine360_dashboard/static/src/img/dashboard_bg.png') !important; + background-repeat: no-repeat !important; + background-position: center center !important; background-size: cover !important; } @@ -75,10 +76,7 @@ font-size: 2rem !important; font-weight: 800 !important; margin-bottom: 10px; - background: -webkit-linear-gradient(#2bb1a5, #fecd4f); - background-clip: text; - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; + color: #d6111e !important; } /* Logo */ @@ -96,8 +94,8 @@ /* Form Inputs */ .form-control:focus { - border-color: #2bb1a5 !important; - box-shadow: 0 0 0 3px rgba(43, 177, 165, 0.2) !important; + border-color: #d6111e !important; + box-shadow: 0 0 0 3px rgba(214, 17, 30, 0.2) !important; background: rgba(255, 255, 255, 0.1) !important; } @@ -122,7 +120,7 @@ /* Login Button with Gradient */ .oe_login_buttons .btn-primary { - background: linear-gradient(135deg, #2bb1a5 0%, #fecd4f 100%) !important; + background: #d6111e !important; border: none !important; border-radius: 12px !important; padding: 14px !important; @@ -131,12 +129,12 @@ color: white !important; width: 100% !important; transition: all 0.3s ease !important; - box-shadow: 0 4px 15px rgba(43, 177, 165, 0.3) !important; + box-shadow: 0 4px 15px rgba(214, 17, 30, 0.3) !important; } .oe_login_buttons .btn-primary:hover { transform: translateY(-2px); - box-shadow: 0 8px 20px rgba(43, 177, 165, 0.4) !important; + box-shadow: 0 8px 20px rgba(214, 17, 30, 0.4) !important; } @@ -216,19 +214,16 @@ body.o_custom_login_body .o_login_main_wrapper { } .o_login_footer_custom a { - color: #2bb1a5; + color: #d6111e; text-decoration: none; font-weight: 600; } .o_login_footer_custom a:hover { - color: #fecd4f; + color: #171422; } - - - /* website login screen */ .oe_website_login_container { display: flex !important; @@ -237,10 +232,8 @@ body.o_custom_login_body .o_login_main_wrapper { height: 100vh !important; /* width: 100vw !important; */ overflow: hidden !important; - background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), - url('/dine360_dashboard/static/src/img/login_bg.png') no-repeat center center !important; + background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/dine360_dashboard/static/src/img/dashboard_bg.png') no-repeat center center !important; background-size: cover !important; - color: white !important; } .oe_website_login_container .oe_login_form, @@ -256,4 +249,4 @@ body.o_custom_login_body .o_login_main_wrapper { border: 1px solid rgba(255, 255, 255, 0.1) !important; z-index: 2; max-width: 400px; -} +} \ No newline at end of file diff --git a/addons/dine360_dashboard/static/src/css/pos_style.css b/addons/dine360_dashboard/static/src/css/pos_style.css index 2ee0dd6..9978aca 100644 --- a/addons/dine360_dashboard/static/src/css/pos_style.css +++ b/addons/dine360_dashboard/static/src/css/pos_style.css @@ -3,16 +3,16 @@ ======================================== */ :root { - --pos-primary: #111827; - /* Slate Dark */ - --pos-secondary: #0a8a49; - /* Success Green */ + --pos-primary: #171422; + /* Secondary Dark */ + --pos-secondary: #d6111e; + /* Main Red (Dine360 Red) */ --pos-accent-orange: #e66421; /* Biryani Orange */ --pos-accent-gold: #cc9900; /* Tandoor Gold */ - --pos-accent-red: #d93025; - /* Curry Red */ + --pos-accent-red: #d6111e; + /* Main Red */ --pos-bg-main: #f8fafc; /* Ultra light gray */ --pos-card-dark: #1a1d23; @@ -61,8 +61,8 @@ /* 2. Header & Branding */ .pos .pos-topheader { - background: #111 !important; - border-bottom: 2px solid #111 !important; + background: #171422 !important; + border-bottom: 2px solid #d6111e !important; color: #fff !important; height: 85px !important; display: flex !important; @@ -145,7 +145,7 @@ } .pos .category-button.active { - background: #111827 !important; + background: #d6111e !important; color: #ffffff !important; } @@ -173,7 +173,7 @@ } .pos .product { - background: #259a8f !important; + background: #171422 !important; border-radius: var(--border-radius-lg) !important; width: 210px !important; height: 230px !important; @@ -274,7 +274,7 @@ display: flex !important; align-items: center !important; justify-content: center !important; - box-shadow: 0 12px 25px rgba(10, 138, 73, 0.3) !important; + box-shadow: 0 12px 25px rgba(214, 17, 30, 0.3) !important; border: none !important; } diff --git a/addons/dine360_dashboard/static/src/css/shop_style.css b/addons/dine360_dashboard/static/src/css/shop_style.css index 9295b20..3201141 100644 --- a/addons/dine360_dashboard/static/src/css/shop_style.css +++ b/addons/dine360_dashboard/static/src/css/shop_style.css @@ -4,7 +4,7 @@ /* Ensure Shop Page Layout with Sidebar */ #wrapwrap.oe_website_sale { - background: var(--bg-gradient-main, linear-gradient(135deg, #8fe0d6 0%, #ffecb5 100%)) !important; + background: #ffffff !important; } /* Main Shop Container - Two Column Layout */ @@ -76,7 +76,7 @@ .oe_website_sale #products_grid_before h5, .oe_website_sale #products_grid_before .h5, .oe_website_sale #products_grid_before h6 { - color: var(--secondary-color, #2bb1a5) !important; + color: var(--secondary-color, #d6111e) !important; font-weight: 700 !important; font-size: 1.1rem !important; margin-bottom: 15px !important; @@ -113,7 +113,7 @@ .oe_website_sale #products_grid_before li:hover, .oe_website_sale #products_grid_before .list-group-item:hover { - background: var(--gradient-primary, linear-gradient(135deg, #2bb1a5 0%, #fecd4f 100%)) !important; + background: #d6111e !important; transform: translateX(5px); } @@ -125,8 +125,8 @@ /* Active Category */ .oe_website_sale #products_grid_before li.active, .oe_website_sale #products_grid_before .list-group-item.active { - background: var(--gradient-primary, linear-gradient(135deg, #2bb1a5 0%, #fecd4f 100%)) !important; - box-shadow: 0 4px 12px rgba(43, 177, 165, 0.3) !important; + background: #d6111e !important; + box-shadow: 0 4px 12px rgba(214, 17, 30, 0.3) !important; } .oe_website_sale #products_grid_before li.active a, @@ -148,9 +148,9 @@ .oe_website_sale #products_grid_before .form-control:focus, .oe_website_sale #products_grid_before input:focus { - border-color: var(--secondary-color, #2bb1a5) !important; + border-color: var(--secondary-color, #d6111e) !important; background: #ffffff !important; - box-shadow: 0 0 0 3px rgba(43, 177, 165, 0.15) !important; + box-shadow: 0 0 0 3px rgba(214, 17, 30, 0.15) !important; outline: none; } @@ -164,15 +164,15 @@ } .oe_website_sale #products_grid_before .btn-primary { - background: var(--gradient-primary, linear-gradient(135deg, #2bb1a5 0%, #fecd4f 100%)) !important; + background: #d6111e !important; border: none !important; color: #ffffff !important; - box-shadow: 0 4px 12px rgba(43, 177, 165, 0.3) !important; + box-shadow: 0 4px 12px rgba(214, 17, 30, 0.3) !important; } .oe_website_sale #products_grid_before .btn-primary:hover { transform: translateY(-2px); - box-shadow: 0 8px 15px rgba(43, 177, 165, 0.4) !important; + box-shadow: 0 8px 15px rgba(214, 17, 30, 0.4) !important; } /* Attribute Filters (Color, Size, etc.) */ @@ -189,9 +189,9 @@ .oe_website_sale #products_grid_before .css_attribute_color:hover, .oe_website_sale #products_grid_before .css_attribute_color.active { - border-color: var(--secondary-color, #2bb1a5); + border-color: var(--secondary-color, #d6111e); transform: scale(1.1); - box-shadow: 0 2px 8px rgba(43, 177, 165, 0.3); + box-shadow: 0 2px 8px rgba(214, 17, 30, 0.3); } /* Price Range Filter */ @@ -201,18 +201,18 @@ .oe_website_sale #products_grid_before .o_wsale_price_filter input[type="range"] { width: 100%; - accent-color: var(--secondary-color, #2bb1a5); + accent-color: var(--secondary-color, #d6111e); } /* Collapse/Expand Buttons */ .oe_website_sale #products_grid_before .btn-link { - color: var(--secondary-color, #2bb1a5) !important; + color: var(--secondary-color, #d6111e) !important; text-decoration: none !important; font-weight: 600 !important; } .oe_website_sale #products_grid_before .btn-link:hover { - color: var(--primary-color, #fecd4f) !important; + color: var(--primary-color, #171422) !important; } /* Mobile Responsive */ @@ -285,6 +285,6 @@ .oe_website_sale .o_wsale_clear_filters .btn:hover { background: #ffffff !important; - border-color: var(--secondary-color, #2bb1a5) !important; - color: var(--secondary-color, #2bb1a5) !important; + border-color: var(--secondary-color, #d6111e) !important; + color: var(--secondary-color, #d6111e) !important; } \ No newline at end of file diff --git a/addons/dine360_dashboard/static/src/css/theme_variables.css b/addons/dine360_dashboard/static/src/css/theme_variables.css index eb51eed..09f2b66 100644 --- a/addons/dine360_dashboard/static/src/css/theme_variables.css +++ b/addons/dine360_dashboard/static/src/css/theme_variables.css @@ -6,38 +6,38 @@ :root { /* Primary Brand Colors */ - --primary-color: #ec0000; - --primary-dark: #c80000; - --primary-light: #ff3b3b; - --primary-lighter: #ff7a7a; + --primary-color: #d6111e; + --primary-dark: #b50e19; + --primary-light: #e54d57; + --primary-lighter: #f08a91; /* Secondary/Accent Color */ - --secondary-color: #000000; + --secondary-color: #171422; --secondary-dark: #000000; - --secondary-light: #1a1a1a; + --secondary-light: #2d293d; - /* Gradient Combinations */ - --gradient-primary: linear-gradient(135deg, #000000 0%, #ec0000 100%); - --gradient-primary-hover: linear-gradient(135deg, #1a1a1a 0%, #c80000 100%); + /* Gradient Combinations Removed - Using Solid Colors */ + --gradient-primary: #d6111e; + --gradient-primary-hover: #b50e19; /* Home Page Background */ --bg-gradient-main: #ffffff; /* UI Element Colors */ - --btn-primary-bg: #ec0000; - --link-color: #000000; - --link-hover: #c80000; + --btn-primary-bg: #d6111e; + --link-color: #171422; + --link-hover: #b50e19; /* Status Colors */ - --success-color: #000000; - --warning-color: #ec0000; - --danger-color: #ec0000; - --info-color: #1a1a1a; + --success-color: #171422; + --warning-color: #d6111e; + --danger-color: #d6111e; + --info-color: #2d293d; /* Shadows */ - --shadow-primary: 0 4px 15px rgba(236, 0, 0, 0.2); - --shadow-primary-hover: 0 8px 20px rgba(236, 0, 0, 0.3); - --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.08); + --shadow-primary: 0 4px 15px rgba(214, 17, 30, 0.2); + --shadow-primary-hover: 0 8px 20px rgba(214, 17, 30, 0.3); + --shadow-card: 0 10px 30px rgba(23, 20, 34, 0.08); } /* ::selection - Text Selection Color */ @@ -97,15 +97,14 @@ body, .o_main_navbar .o_menu_sections .o_nav_entry, .o_main_navbar .o_menu_systray .o_nav_entry { - color: #2bb1a5 !important; + color: var(--primary-color) !important; font-size: 14px !important; font-weight: 600 !important; } .o_main_navbar .o_menu_sections .o_nav_entry:hover, .o_main_navbar .o_menu_systray .o_nav_entry:hover { - background: #2bb1a5 !important; - /* Subtle Yellow Hover */ + background: var(--primary-color) !important; } /* Control Panel (Search, Filter Bar) */ @@ -172,8 +171,8 @@ body, } .o_list_view .o_list_table tbody tr.o_data_row:hover { - background-color: rgba(43, 177, 165, 0.05) !important; - /* Light Teal Hover */ + background-color: rgba(214, 17, 30, 0.05) !important; + /* Light Red Hover */ transform: scale(1.002); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02); } @@ -226,7 +225,7 @@ body, padding: 8px 20px !important; font-weight: 600 !important; letter-spacing: 0.3px; - box-shadow: 0 4px 12px rgba(254, 205, 79, 0.3) !important; + box-shadow: 0 4px 12px rgba(214, 17, 30, 0.3) !important; color: #fff !important; } @@ -235,7 +234,7 @@ body, .o_form_button_create:hover { background: var(--gradient-primary-hover) !important; transform: translateY(-2px); - box-shadow: 0 8px 15px rgba(254, 205, 79, 0.4) !important; + box-shadow: 0 8px 15px rgba(214, 17, 30, 0.4) !important; } /* Secondary Buttons */ @@ -263,7 +262,7 @@ body, .o_form_view .o_input:focus { border-color: var(--secondary-color) !important; background-color: #fff !important; - box-shadow: 0 0 0 3px rgba(43, 177, 165, 0.15) !important; + box-shadow: 0 0 0 3px rgba(214, 17, 30, 0.15) !important; } /* --------------------------------------------------------- @@ -281,7 +280,7 @@ body, padding: 8px 20px !important; font-weight: 600 !important; letter-spacing: 0.3px; - box-shadow: 0 4px 12px rgba(254, 205, 79, 0.3) !important; + box-shadow: 0 4px 12px rgba(214, 17, 30, 0.3) !important; } .btn-primary:hover, @@ -290,7 +289,7 @@ body, .o_button_import:hover { background: var(--gradient-primary-hover) !important; transform: translateY(-2px); - box-shadow: 0 8px 15px rgba(254, 205, 79, 0.4) !important; + box-shadow: 0 8px 15px rgba(214, 17, 30, 0.4) !important; } /* --------------------------------------------------------- @@ -301,7 +300,7 @@ body, .o_main_navbar .o_menu_sections .dropdown-item, .o_main_navbar .o_menu_sections .o_nav_entry { background: transparent !important; - color: #2bb1a5 !important; + color: var(--primary-color) !important; font-weight: 600 !important; border-radius: 8px !important; margin: 0 4px !important; @@ -340,7 +339,7 @@ body, .o_dashboard_view .o_group_selector li.selected { background: var(--gradient-primary) !important; color: #fff !important; - box-shadow: 0 4px 10px rgba(254, 205, 79, 0.3) !important; + box-shadow: 0 4px 10px rgba(214, 17, 30, 0.3) !important; } /* Dashboard KPI Cards (Invoiced, Average Invoice, DSO) */ @@ -357,7 +356,7 @@ body, .o_dashboard_view .o_group .o_aggregate:hover { transform: translateY(-5px) !important; - box-shadow: 0 10px 25px rgba(43, 177, 165, 0.15) !important; + box-shadow: 0 10px 25px rgba(214, 17, 30, 0.15) !important; border-color: var(--secondary-color) !important; } @@ -434,7 +433,7 @@ a:hover, .o_input:focus, .o_searchview_input:focus { border-color: var(--secondary-color) !important; - box-shadow: 0 0 0 0.2rem rgba(43, 177, 165, 0.25) !important; + box-shadow: 0 0 0 0.2rem rgba(214, 17, 30, 0.25) !important; } /* Loading Bar */ @@ -522,7 +521,7 @@ a:hover, .o_main_navbar .o_menu_apps .o_app_drawer:hover i { color: var(--primary-dark) !important; transform: scale(1.1); - text-shadow: 0 2px 10px rgba(254, 205, 79, 0.5); + text-shadow: 0 2px 10px rgba(214, 17, 30, 0.5); } /* Dropdown Items */ @@ -541,7 +540,7 @@ a:hover, .dropdown-item:focus { background: var(--gradient-primary) !important; color: #fff !important; - box-shadow: 0 4px 10px rgba(254, 205, 79, 0.2); + box-shadow: 0 4px 10px rgba(214, 17, 30, 0.2); } /* Dropdown Header/Divider */ @@ -576,6 +575,6 @@ a:hover, .list-group-item.active { z-index: 2; color: #fff; - background-color: #259a8f; - border-color: #259a8f; -} + background-color: #d6111e; + border-color: #d6111e; +} \ No newline at end of file diff --git a/addons/dine360_dashboard/static/src/css/website_style.css b/addons/dine360_dashboard/static/src/css/website_style.css index 0a57c45..32712cd 100644 --- a/addons/dine360_dashboard/static/src/css/website_style.css +++ b/addons/dine360_dashboard/static/src/css/website_style.css @@ -6,9 +6,9 @@ body .o_header_standard, body header.o_header_standard, body .navbar, body #o_main_nav { - background-color: #000000 !important; - background: #000000 !important; - border-bottom: 1px solid rgba(255, 255, 255, 0.1); + background-color: #171422 !important; + background: #171422 !important; + border-bottom: 2px solid #d6111e; } /* Navbar Links / Menu Items */ @@ -42,20 +42,20 @@ header#top .nav-link:hover, body .o_header_standard .nav-link:hover, header#top i:hover, body .o_header_standard i:hover { - color: #2bb1a5 !important; + color: #d6111e !important; } /* Active States - Using Theme Gold */ header#top .nav-link.active, body .o_header_standard .nav-link.active { - color: #fecd4f !important; + color: #d6111e !important; } /* Dropdown Menu overrides (ensure visibility) */ header#top .dropdown-menu, body .o_header_standard .dropdown-menu { - background-color: #000000 !important; - border: 1px solid rgba(255, 255, 255, 0.15); + background-color: #171422 !important; + border: 1px solid rgba(214, 17, 30, 0.2); } header#top .dropdown-item, @@ -65,6 +65,6 @@ body .o_header_standard .dropdown-item { header#top .dropdown-item:hover, body .o_header_standard .dropdown-item:hover { - background-color: #2bb1a5 !important; + background-color: #d6111e !important; color: #ffffff !important; } \ No newline at end of file diff --git a/addons/dine360_dashboard/static/src/img/dashboard_bg.png b/addons/dine360_dashboard/static/src/img/dashboard_bg.png new file mode 100644 index 0000000..a393fb6 Binary files /dev/null and b/addons/dine360_dashboard/static/src/img/dashboard_bg.png differ diff --git a/addons/dine360_dashboard/views/home_template.xml b/addons/dine360_dashboard/views/home_template.xml index 78bed71..0b20dee 100644 --- a/addons/dine360_dashboard/views/home_template.xml +++ b/addons/dine360_dashboard/views/home_template.xml @@ -3,7 +3,8 @@ - + +