Initial commit, 90% there

styles/oee-theme-override.css

@@ -0,0 +1,63 @@
+/* === OEE Global Dashboard Theme Overrides === */
+#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;
+}
+
+/* Safety: strip any inline background styles at render-time (class hook below) */