Merge pull request #58 from molikk/Essential-Load-Icon-colour-display…

…-fix Essential Load Icon colour display fix
molikk · Aug 11, 2024 · d8247ea · d8247ea
2 parents f365ae9 + cc6d766
commit d8247ea
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 2 deletions.
diff --git a/dist/mlk-power-flow-card.js b/dist/mlk-power-flow-card.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mlk-power-flow-card",
-  "version": "0.11.1",
+  "version": "0.11.2",
   "description": "A customizable Home Assistant card to emulate the Sunsynk System flow that's displayed on the Inverter screen.",
   "main": "mlk-power-flow-card.js",
   "scripts": {

diff --git a/src/cards/compact/style.ts b/src/cards/compact/style.ts
@@ -105,6 +105,30 @@ export class Style {
 					color: ${data.dynamicColourEssentialLoad18} !important;
 					--mdc-icon-size: 20px;
 				}
+				.essload19_small-icon {
+					color: ${data.dynamicColourEssentialLoad19} !important;
+					--mdc-icon-size: 20px;
+				}
+
+				.essload20_small-icon {
+					color: ${data.dynamicColourEssentialLoad20} !important;
+					--mdc-icon-size: 20px;
+				}
+
+				.essload21_small-icon {
+					color: ${data.dynamicColourEssentialLoad21} !important;
+					--mdc-icon-size: 20px;
+				}
+
+				.essload22_small-icon {
+					color: ${data.dynamicColourEssentialLoad22} !important;
+					--mdc-icon-size: 20px;
+				}
+								
+				.essload23_small-icon {
+					color: ${data.dynamicColourEssentialLoad23} !important;
+					--mdc-icon-size: 20px;
+				}
 				
 				.aux-load1_small-icon {
 					color: ${data.auxDynamicColourLoad1} !important;