alaguraj/odoo-testing-addons
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Implement a custom dashboard with a home menu, top bar, and new styling for website, login, POS, and shop pages.

Browse Source
This commit is contained in:
Alaguraj0361 2026-02-03 16:46:57 +05:30
parent 3e857a71d1
commit cf637f0074
8 changed files with 108 additions and 109 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
addons/dine360_dashboard/static/src/css/home_menu.css
View File

@ -1,6 +1,11 @@
/* Main background with premium gradient */ /* Main background */
body.o_home_dashboard,
#wrapwrap.o_home_dashboard,
.o_home_menu_background { .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; min-height: 100vh !important;
padding: 0 !important; padding: 0 !important;
margin: 0 !important; margin: 0 !important;
@ -8,6 +13,10 @@
position: relative !important; position: relative !important;
} }
#wrapwrap.o_home_dashboard #wrap {
background: transparent !important;
}
.o_apps { .o_apps {
display: flex !important; display: flex !important;
flex-wrap: wrap !important; flex-wrap: wrap !important;
@ -48,10 +57,10 @@
.o_app:hover .o_app_icon_container { .o_app:hover .o_app_icon_container {
transform: translateY(-10px) rotate(2deg) !important; transform: translateY(-10px) rotate(2deg) !important;
background: #ffffff !important; background: #ffffff !important;
border: 1px solid #fecd4f !important; border: 1px solid #d6111e !important;
box-shadow: box-shadow:
0 20px 25px -5px rgba(254, 205, 79, 0.2), 0 20px 25px -5px rgba(214, 17, 30, 0.2),
0 10px 10px -5px rgba(43, 177, 165, 0.1) !important; 0 10px 10px -5px rgba(23, 20, 34, 0.1) !important;
} }
.o_app_icon_container::before { .o_app_icon_container::before {
@ -78,7 +87,7 @@
} }
.o_app_name { .o_app_name {
color: #2d3748 !important; color: #ffffff !important;
font-size: 14px !important; font-size: 14px !important;
font-weight: 500 !important; font-weight: 500 !important;
text-align: center !important; text-align: center !important;
@ -87,7 +96,7 @@
} }
.o_app:hover .o_app_name { .o_app:hover .o_app_name {
color: #2bb1a5 !important; color: #d6111e !important;
font-weight: 700 !important; font-weight: 700 !important;
} }
@ -128,7 +137,7 @@
} }
.o_top_item:hover { .o_top_item:hover {
color: #2bb1a5 !important; color: #d6111e !important;
transform: translateY(-3px); transform: translateY(-3px);
} }
@ -141,10 +150,7 @@
.o_ai_icon { .o_ai_icon {
font-weight: 800; font-weight: 800;
background: linear-gradient(135deg, #fecd4f, #2bb1a5) !important; color: #d6111e !important;
-webkit-background-clip: text !important;
background-clip: text !important;
-webkit-text-fill-color: transparent !important;
} }
.badge_dot { .badge_dot {
@ -153,7 +159,7 @@
right: 8px; right: 8px;
width: 8px; width: 8px;
height: 8px; height: 8px;
background: #fecd4f !important; background: #d6111e !important;
border-radius: 50% !important; border-radius: 50% !important;
border: 2px solid white !important; border: 2px solid white !important;
} }
@ -162,7 +168,7 @@
width: 35px !important; width: 35px !important;
height: 35px !important; height: 35px !important;
border-radius: 12px !important; border-radius: 12px !important;
background: linear-gradient(135deg, #fecd4f, #2bb1a5) !important; background: #d6111e !important;
color: white !important; color: white !important;
font-weight: bold !important; font-weight: bold !important;
} }

33
addons/dine360_dashboard/static/src/css/login_style.css
View File

@ -4,8 +4,9 @@
height: 100vh !important; height: 100vh !important;
width: 100vw !important; width: 100vw !important;
overflow: hidden; overflow: hidden;
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), background: url('/dine360_dashboard/static/src/img/dashboard_bg.png') !important;
url('/dine360_dashboard/static/src/img/login_bg.png') no-repeat center center !important; background-repeat: no-repeat !important;
background-position: center center !important;
background-size: cover !important; background-size: cover !important;
} }
@ -75,10 +76,7 @@
font-size: 2rem !important; font-size: 2rem !important;
font-weight: 800 !important; font-weight: 800 !important;
margin-bottom: 10px; margin-bottom: 10px;
background: -webkit-linear-gradient(#2bb1a5, #fecd4f); color: #d6111e !important;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
} }
/* Logo */ /* Logo */
@ -96,8 +94,8 @@
/* Form Inputs */ /* Form Inputs */
.form-control:focus { .form-control:focus {
border-color: #2bb1a5 !important; border-color: #d6111e !important;
box-shadow: 0 0 0 3px rgba(43, 177, 165, 0.2) !important; box-shadow: 0 0 0 3px rgba(214, 17, 30, 0.2) !important;
background: rgba(255, 255, 255, 0.1) !important; background: rgba(255, 255, 255, 0.1) !important;
} }
@ -122,7 +120,7 @@
/* Login Button with Gradient */ /* Login Button with Gradient */
.oe_login_buttons .btn-primary { .oe_login_buttons .btn-primary {
background: linear-gradient(135deg, #2bb1a5 0%, #fecd4f 100%) !important; background: #d6111e !important;
border: none !important; border: none !important;
border-radius: 12px !important; border-radius: 12px !important;
padding: 14px !important; padding: 14px !important;
@ -131,12 +129,12 @@
color: white !important; color: white !important;
width: 100% !important; width: 100% !important;
transition: all 0.3s ease !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 { .oe_login_buttons .btn-primary:hover {
transform: translateY(-2px); 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 { .o_login_footer_custom a {
color: #2bb1a5; color: #d6111e;
text-decoration: none; text-decoration: none;
font-weight: 600; font-weight: 600;
} }
.o_login_footer_custom a:hover { .o_login_footer_custom a:hover {
color: #fecd4f; color: #171422;
} }
/* website login screen */ /* website login screen */
.oe_website_login_container { .oe_website_login_container {
display: flex !important; display: flex !important;
@ -237,10 +232,8 @@ body.o_custom_login_body .o_login_main_wrapper {
height: 100vh !important; height: 100vh !important;
/* width: 100vw !important; */ /* width: 100vw !important; */
overflow: hidden !important; overflow: hidden !important;
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), 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;
url('/dine360_dashboard/static/src/img/login_bg.png') no-repeat center center !important;
background-size: cover !important; background-size: cover !important;
color: white !important;
} }
.oe_website_login_container .oe_login_form, .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; border: 1px solid rgba(255, 255, 255, 0.1) !important;
z-index: 2; z-index: 2;
max-width: 400px; max-width: 400px;
} }

22
addons/dine360_dashboard/static/src/css/pos_style.css
View File

@ -3,16 +3,16 @@
======================================== */ ======================================== */
:root { :root {
--pos-primary: #111827; --pos-primary: #171422;
/* Slate Dark */ /* Secondary Dark */
--pos-secondary: #0a8a49; --pos-secondary: #d6111e;
/* Success Green */ /* Main Red (Dine360 Red) */
--pos-accent-orange: #e66421; --pos-accent-orange: #e66421;
/* Biryani Orange */ /* Biryani Orange */
--pos-accent-gold: #cc9900; --pos-accent-gold: #cc9900;
/* Tandoor Gold */ /* Tandoor Gold */
--pos-accent-red: #d93025; --pos-accent-red: #d6111e;
/* Curry Red */ /* Main Red */
--pos-bg-main: #f8fafc; --pos-bg-main: #f8fafc;
/* Ultra light gray */ /* Ultra light gray */
--pos-card-dark: #1a1d23; --pos-card-dark: #1a1d23;
@ -61,8 +61,8 @@
/* 2. Header & Branding */ /* 2. Header & Branding */
.pos .pos-topheader { .pos .pos-topheader {
background: #111 !important; background: #171422 !important;
border-bottom: 2px solid #111 !important; border-bottom: 2px solid #d6111e !important;
color: #fff !important; color: #fff !important;
height: 85px !important; height: 85px !important;
display: flex !important; display: flex !important;
@ -145,7 +145,7 @@
} }
.pos .category-button.active { .pos .category-button.active {
background: #111827 !important; background: #d6111e !important;
color: #ffffff !important; color: #ffffff !important;
} }
@ -173,7 +173,7 @@
} }
.pos .product { .pos .product {
background: #259a8f !important; background: #171422 !important;
border-radius: var(--border-radius-lg) !important; border-radius: var(--border-radius-lg) !important;
width: 210px !important; width: 210px !important;
height: 230px !important; height: 230px !important;
@ -274,7 +274,7 @@
display: flex !important; display: flex !important;
align-items: center !important; align-items: center !important;
justify-content: 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; border: none !important;
} }

34
addons/dine360_dashboard/static/src/css/shop_style.css
View File

@ -4,7 +4,7 @@
/* Ensure Shop Page Layout with Sidebar */ /* Ensure Shop Page Layout with Sidebar */
#wrapwrap.oe_website_sale { #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 */ /* 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 .h5, .oe_website_sale #products_grid_before .h5,
.oe_website_sale #products_grid_before h6 { .oe_website_sale #products_grid_before h6 {
color: var(--secondary-color, #2bb1a5) !important; color: var(--secondary-color, #d6111e) !important;
font-weight: 700 !important; font-weight: 700 !important;
font-size: 1.1rem !important; font-size: 1.1rem !important;
margin-bottom: 15px !important; margin-bottom: 15px !important;
@ -113,7 +113,7 @@
.oe_website_sale #products_grid_before li:hover, .oe_website_sale #products_grid_before li:hover,
.oe_website_sale #products_grid_before .list-group-item: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); transform: translateX(5px);
} }
@ -125,8 +125,8 @@
/* Active Category */ /* Active Category */
.oe_website_sale #products_grid_before li.active, .oe_website_sale #products_grid_before li.active,
.oe_website_sale #products_grid_before .list-group-item.active { .oe_website_sale #products_grid_before .list-group-item.active {
background: var(--gradient-primary, linear-gradient(135deg, #2bb1a5 0%, #fecd4f 100%)) !important; background: #d6111e !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 li.active a, .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 .form-control:focus,
.oe_website_sale #products_grid_before input: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; 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; outline: none;
} }
@ -164,15 +164,15 @@
} }
.oe_website_sale #products_grid_before .btn-primary { .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; border: none !important;
color: #ffffff !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 { .oe_website_sale #products_grid_before .btn-primary:hover {
transform: translateY(-2px); 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.) */ /* 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:hover,
.oe_website_sale #products_grid_before .css_attribute_color.active { .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); 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 */ /* Price Range Filter */
@ -201,18 +201,18 @@
.oe_website_sale #products_grid_before .o_wsale_price_filter input[type="range"] { .oe_website_sale #products_grid_before .o_wsale_price_filter input[type="range"] {
width: 100%; width: 100%;
accent-color: var(--secondary-color, #2bb1a5); accent-color: var(--secondary-color, #d6111e);
} }
/* Collapse/Expand Buttons */ /* Collapse/Expand Buttons */
.oe_website_sale #products_grid_before .btn-link { .oe_website_sale #products_grid_before .btn-link {
color: var(--secondary-color, #2bb1a5) !important; color: var(--secondary-color, #d6111e) !important;
text-decoration: none !important; text-decoration: none !important;
font-weight: 600 !important; font-weight: 600 !important;
} }
.oe_website_sale #products_grid_before .btn-link:hover { .oe_website_sale #products_grid_before .btn-link:hover {
color: var(--primary-color, #fecd4f) !important; color: var(--primary-color, #171422) !important;
} }
/* Mobile Responsive */ /* Mobile Responsive */
@ -285,6 +285,6 @@
.oe_website_sale .o_wsale_clear_filters .btn:hover { .oe_website_sale .o_wsale_clear_filters .btn:hover {
background: #ffffff !important; background: #ffffff !important;
border-color: var(--secondary-color, #2bb1a5) !important; border-color: var(--secondary-color, #d6111e) !important;
color: var(--secondary-color, #2bb1a5) !important; color: var(--secondary-color, #d6111e) !important;
} }

75
addons/dine360_dashboard/static/src/css/theme_variables.css
View File

@ -6,38 +6,38 @@
:root { :root {
/* Primary Brand Colors */ /* Primary Brand Colors */
--primary-color: #ec0000; --primary-color: #d6111e;
--primary-dark: #c80000; --primary-dark: #b50e19;
--primary-light: #ff3b3b; --primary-light: #e54d57;
--primary-lighter: #ff7a7a; --primary-lighter: #f08a91;
/* Secondary/Accent Color */ /* Secondary/Accent Color */
--secondary-color: #000000; --secondary-color: #171422;
--secondary-dark: #000000; --secondary-dark: #000000;
--secondary-light: #1a1a1a; --secondary-light: #2d293d;
/* Gradient Combinations */ /* Gradient Combinations Removed - Using Solid Colors */
--gradient-primary: linear-gradient(135deg, #000000 0%, #ec0000 100%); --gradient-primary: #d6111e;
--gradient-primary-hover: linear-gradient(135deg, #1a1a1a 0%, #c80000 100%); --gradient-primary-hover: #b50e19;
/* Home Page Background */ /* Home Page Background */
--bg-gradient-main: #ffffff; --bg-gradient-main: #ffffff;
/* UI Element Colors */ /* UI Element Colors */
--btn-primary-bg: #ec0000; --btn-primary-bg: #d6111e;
--link-color: #000000; --link-color: #171422;
--link-hover: #c80000; --link-hover: #b50e19;
/* Status Colors */ /* Status Colors */
--success-color: #000000; --success-color: #171422;
--warning-color: #ec0000; --warning-color: #d6111e;
--danger-color: #ec0000; --danger-color: #d6111e;
--info-color: #1a1a1a; --info-color: #2d293d;
/* Shadows */ /* Shadows */
--shadow-primary: 0 4px 15px rgba(236, 0, 0, 0.2); --shadow-primary: 0 4px 15px rgba(214, 17, 30, 0.2);
--shadow-primary-hover: 0 8px 20px rgba(236, 0, 0, 0.3); --shadow-primary-hover: 0 8px 20px rgba(214, 17, 30, 0.3);
--shadow-card: 0 10px 30px rgba(0, 0, 0, 0.08); --shadow-card: 0 10px 30px rgba(23, 20, 34, 0.08);
} }
/* ::selection - Text Selection Color */ /* ::selection - Text Selection Color */
@ -97,15 +97,14 @@ body,
.o_main_navbar .o_menu_sections .o_nav_entry, .o_main_navbar .o_menu_sections .o_nav_entry,
.o_main_navbar .o_menu_systray .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-size: 14px !important;
font-weight: 600 !important; font-weight: 600 !important;
} }
.o_main_navbar .o_menu_sections .o_nav_entry:hover, .o_main_navbar .o_menu_sections .o_nav_entry:hover,
.o_main_navbar .o_menu_systray .o_nav_entry:hover { .o_main_navbar .o_menu_systray .o_nav_entry:hover {
background: #2bb1a5 !important; background: var(--primary-color) !important;
/* Subtle Yellow Hover */
} }
/* Control Panel (Search, Filter Bar) */ /* Control Panel (Search, Filter Bar) */
@ -172,8 +171,8 @@ body,
} }
.o_list_view .o_list_table tbody tr.o_data_row:hover { .o_list_view .o_list_table tbody tr.o_data_row:hover {
background-color: rgba(43, 177, 165, 0.05) !important; background-color: rgba(214, 17, 30, 0.05) !important;
/* Light Teal Hover */ /* Light Red Hover */
transform: scale(1.002); transform: scale(1.002);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);
} }
@ -226,7 +225,7 @@ body,
padding: 8px 20px !important; padding: 8px 20px !important;
font-weight: 600 !important; font-weight: 600 !important;
letter-spacing: 0.3px; 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; color: #fff !important;
} }
@ -235,7 +234,7 @@ body,
.o_form_button_create:hover { .o_form_button_create:hover {
background: var(--gradient-primary-hover) !important; background: var(--gradient-primary-hover) !important;
transform: translateY(-2px); 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 */ /* Secondary Buttons */
@ -263,7 +262,7 @@ body,
.o_form_view .o_input:focus { .o_form_view .o_input:focus {
border-color: var(--secondary-color) !important; border-color: var(--secondary-color) !important;
background-color: #fff !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; padding: 8px 20px !important;
font-weight: 600 !important; font-weight: 600 !important;
letter-spacing: 0.3px; 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, .btn-primary:hover,
@ -290,7 +289,7 @@ body,
.o_button_import:hover { .o_button_import:hover {
background: var(--gradient-primary-hover) !important; background: var(--gradient-primary-hover) !important;
transform: translateY(-2px); 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 .dropdown-item,
.o_main_navbar .o_menu_sections .o_nav_entry { .o_main_navbar .o_menu_sections .o_nav_entry {
background: transparent !important; background: transparent !important;
color: #2bb1a5 !important; color: var(--primary-color) !important;
font-weight: 600 !important; font-weight: 600 !important;
border-radius: 8px !important; border-radius: 8px !important;
margin: 0 4px !important; margin: 0 4px !important;
@ -340,7 +339,7 @@ body,
.o_dashboard_view .o_group_selector li.selected { .o_dashboard_view .o_group_selector li.selected {
background: var(--gradient-primary) !important; background: var(--gradient-primary) !important;
color: #fff !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) */ /* Dashboard KPI Cards (Invoiced, Average Invoice, DSO) */
@ -357,7 +356,7 @@ body,
.o_dashboard_view .o_group .o_aggregate:hover { .o_dashboard_view .o_group .o_aggregate:hover {
transform: translateY(-5px) !important; 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; border-color: var(--secondary-color) !important;
} }
@ -434,7 +433,7 @@ a:hover,
.o_input:focus, .o_input:focus,
.o_searchview_input:focus { .o_searchview_input:focus {
border-color: var(--secondary-color) !important; 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 */ /* Loading Bar */
@ -522,7 +521,7 @@ a:hover,
.o_main_navbar .o_menu_apps .o_app_drawer:hover i { .o_main_navbar .o_menu_apps .o_app_drawer:hover i {
color: var(--primary-dark) !important; color: var(--primary-dark) !important;
transform: scale(1.1); 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 */ /* Dropdown Items */
@ -541,7 +540,7 @@ a:hover,
.dropdown-item:focus { .dropdown-item:focus {
background: var(--gradient-primary) !important; background: var(--gradient-primary) !important;
color: #fff !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 */ /* Dropdown Header/Divider */
@ -576,6 +575,6 @@ a:hover,
.list-group-item.active { .list-group-item.active {
z-index: 2; z-index: 2;
color: #fff; color: #fff;
background-color: #259a8f; background-color: #d6111e;
border-color: #259a8f; border-color: #d6111e;
} }

16
addons/dine360_dashboard/static/src/css/website_style.css
View File

@ -6,9 +6,9 @@ body .o_header_standard,
body header.o_header_standard, body header.o_header_standard,
body .navbar, body .navbar,
body #o_main_nav { body #o_main_nav {
background-color: #000000 !important; background-color: #171422 !important;
background: #000000 !important; background: #171422 !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 2px solid #d6111e;
} }
/* Navbar Links / Menu Items */ /* Navbar Links / Menu Items */
@ -42,20 +42,20 @@ header#top .nav-link:hover,
body .o_header_standard .nav-link:hover, body .o_header_standard .nav-link:hover,
header#top i:hover, header#top i:hover,
body .o_header_standard i:hover { body .o_header_standard i:hover {
color: #2bb1a5 !important; color: #d6111e !important;
} }
/* Active States - Using Theme Gold */ /* Active States - Using Theme Gold */
header#top .nav-link.active, header#top .nav-link.active,
body .o_header_standard .nav-link.active { body .o_header_standard .nav-link.active {
color: #fecd4f !important; color: #d6111e !important;
} }
/* Dropdown Menu overrides (ensure visibility) */ /* Dropdown Menu overrides (ensure visibility) */
header#top .dropdown-menu, header#top .dropdown-menu,
body .o_header_standard .dropdown-menu { body .o_header_standard .dropdown-menu {
background-color: #000000 !important; background-color: #171422 !important;
border: 1px solid rgba(255, 255, 255, 0.15); border: 1px solid rgba(214, 17, 30, 0.2);
} }
header#top .dropdown-item, header#top .dropdown-item,
@ -65,6 +65,6 @@ body .o_header_standard .dropdown-item {
header#top .dropdown-item:hover, header#top .dropdown-item:hover,
body .o_header_standard .dropdown-item:hover { body .o_header_standard .dropdown-item:hover {
background-color: #2bb1a5 !important; background-color: #d6111e !important;
color: #ffffff !important; color: #ffffff !important;
} }

BIN
addons/dine360_dashboard/static/src/img/dashboard_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1014 KiB

3
addons/dine360_dashboard/views/home_template.xml
View File

@ -3,7 +3,8 @@
<t t-call="web.frontend_layout"> <t t-call="web.frontend_layout">
<t t-set="no_footer" t-value="True"/> <t t-set="no_footer" t-value="True"/>
<t t-set="no_header" t-value="True"/> <t t-set="no_header" t-value="True"/>
<link rel="stylesheet" type="text/css" href="/dine360_dashboard/static/src/css/home_menu.css"/> <t t-set="pageName" t-value="'home_dashboard'"/>
<link rel="stylesheet" type="text/css" href="/dine360_dashboard/static/src/css/home_menu.css?v=1.1"/>
<div class="o_home_menu_background"> <div class="o_home_menu_background">
<!-- Top Bar --> <!-- Top Bar -->