Skip to content

Commit 8dfe9f5

Browse files
feat(spp_dci_server_disability): tint navbar and apps sidebar green
So an operator running both the SP and the DR side-by-side during the SPDCI demo can tell the two OpenSPP UIs apart at a glance — SP keeps the default OpenSPP blue from spp_base_common, the DR shows Material green-800 in the top navbar and green-900 in the apps-sidebar hover and active states. The SCSS overrides ship with the DR-only module, so no styling bleeds onto SP installs.
1 parent 5ba1ec4 commit 8dfe9f5

2 files changed

Lines changed: 42 additions & 0 deletions

File tree

spp_dci_server_disability/__manifest__.py

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,12 +15,20 @@
1515
"spp_dci_server",
1616
"spp_registry",
1717
"spp_vocabulary",
18+
# Loaded so the green-theme overrides in static/src/scss/dr_theme.scss
19+
# apply after spp_base_common/navbar.scss in the assets_backend bundle.
20+
"spp_base_common",
1821
],
1922
"external_dependencies": {"python": []},
2023
"data": [
2124
"security/ir.model.access.csv",
2225
"data/dr_id_types.xml",
2326
],
27+
"assets": {
28+
"web.assets_backend": [
29+
"spp_dci_server_disability/static/src/scss/dr_theme.scss",
30+
],
31+
},
2432
"installable": True,
2533
"application": False,
2634
"auto_install": False,
Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
// Disability Registry visual theme override.
2+
//
3+
// This file recolors the top navbar and the apps sidebar to a green
4+
// palette so operators running both an SP and a DR side-by-side can
5+
// tell the two instances apart at a glance. The SP keeps the default
6+
// OpenSPP blue from spp_base_common; this module overrides those rules
7+
// because spp_dci_server_disability depends on spp_base_common, so the
8+
// asset bundle loads this file after the blue defaults.
9+
//
10+
// Colors: Material Design green-800 (navbar) and green-900 (hover/active).
11+
// Both pass WCAG AA contrast against white text.
12+
13+
$dr-navbar-bg: #2e7d32;
14+
$dr-navbar-bg-hover: #1b5e20;
15+
16+
// Top navbar background.
17+
.o_main_navbar {
18+
border-bottom: none !important;
19+
background-color: $dr-navbar-bg !important;
20+
}
21+
22+
.o_main_navbar > .o_menu_sections > .dropdown-item,
23+
.o_main_navbar > .o_menu_sections > .o-dropdown > .dropdown-toggle {
24+
background-color: $dr-navbar-bg !important;
25+
}
26+
27+
// Apps sidebar (MUK theme).
28+
.mk_apps_sidebar_panel .mk_apps_sidebar .mk_apps_sidebar_menu > li > a:hover {
29+
background-color: $dr-navbar-bg-hover !important;
30+
}
31+
32+
.mk_apps_sidebar_panel .mk_apps_sidebar .mk_apps_sidebar_menu > li.active > a {
33+
background-color: $dr-navbar-bg-hover !important;
34+
}

0 commit comments

Comments
 (0)