106 lines
2.6 KiB
CSS
106 lines
2.6 KiB
CSS
/* === OEE Global Dashboard Theme Overrides === */
|
|
|
|
/* General touch highlight cleanup */
|
|
#oee, #oee * {
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
|
|
/* Kill all toolbar/subheader/whiteframe/backgrounds (and their wrappers) */
|
|
#oee .md-toolbar,
|
|
#oee md-toolbar,
|
|
#oee .md-subheader,
|
|
#oee md-subheader,
|
|
#oee .md-toolbar-tools,
|
|
#oee .md-subheader ._md-subheader-inner,
|
|
#oee .md-toolbar .md-toolbar-tools,
|
|
#oee .md-card-title,
|
|
#oee md-card-title,
|
|
#oee .md-whiteframe-1dp,
|
|
#oee .md-whiteframe-2dp,
|
|
#oee .md-whiteframe-3dp,
|
|
#oee .md-whiteframe-z1,
|
|
#oee .md-whiteframe-z2,
|
|
#oee .md-whiteframe-z3 {
|
|
background: transparent !important;
|
|
background-color: transparent !important;
|
|
box-shadow: none !important;
|
|
border: none !important;
|
|
}
|
|
|
|
/* Angular Material often paints via pseudo-elements */
|
|
#oee .md-toolbar::before,
|
|
#oee .md-toolbar::after,
|
|
#oee .md-subheader::before,
|
|
#oee .md-subheader::after,
|
|
#oee md-toolbar::before,
|
|
#oee md-toolbar::after,
|
|
#oee md-subheader::before,
|
|
#oee md-subheader::after {
|
|
content: none !important;
|
|
display: none !important;
|
|
}
|
|
|
|
/* If Node-RED adds md-default-theme on parent, out-specificy it */
|
|
.md-default-theme #oee .md-toolbar,
|
|
.md-default-theme #oee .md-subheader,
|
|
.md-default-theme #oee .md-toolbar-tools,
|
|
.md-default-theme #oee .md-card-title {
|
|
background: transparent !important;
|
|
background-color: transparent !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
/* Normalize our headings everywhere */
|
|
#oee h1.page-title,
|
|
#oee h2.section-title,
|
|
#oee .panel-title,
|
|
#oee h2.md-subheader,
|
|
#oee h2.panel-title {
|
|
color: var(--text) !important;
|
|
background: transparent !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
/* Ensure any md-content wrappers don't reintroduce elevation */
|
|
#oee md-content,
|
|
#oee .md-content {
|
|
background: transparent !important;
|
|
box-shadow: none !important;
|
|
border: none !important;
|
|
}
|
|
|
|
/* === Final tier override — covers wrappers and late-injected inline styles === */
|
|
:root md-toolbar,
|
|
:root .md-toolbar,
|
|
:root md-subheader,
|
|
:root .md-subheader,
|
|
:root .md-toolbar-tools,
|
|
:root .md-card-title,
|
|
:root .panel-title,
|
|
:root h2.md-subheader,
|
|
:root h2.panel-title {
|
|
background: transparent !important;
|
|
background-color: transparent !important;
|
|
box-shadow: none !important;
|
|
border: none !important;
|
|
color: var(--text) !important;
|
|
}
|
|
|
|
/* Catch any Node-RED containers outside #oee */
|
|
body > md-content,
|
|
body > md-content > md-content,
|
|
.nr-dashboard-template md-content {
|
|
background: transparent !important;
|
|
box-shadow: none !important;
|
|
border: none !important;
|
|
}
|
|
|
|
/* Global fail-safe: strip any inline background styles */
|
|
[style*="background"],
|
|
[style*="background-color"] {
|
|
background: transparent !important;
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
|