Dynamic Colors - Updated Local

WJDDesigns · Oct 17, 2024 · 9f94924 · 9f94924
1 parent 41e5b79
commit 9f94924
Show file tree

Hide file tree

Showing 12 changed files with 326 additions and 281 deletions.
diff --git a/dist/styles.js b/dist/styles.js
@@ -2,18 +2,20 @@ import { css } from "https://unpkg.com/lit-element@2.4.0/lit-element.js?module";
 
 export const styles = css`
   :host {
-    --uvc-card-title-color: var(--primary-text-color);
+    --uvc-card-title-color: var(--text-primary-color, #e1e1e1);
+    --uvc-card-background: var(--ha-card-background);
+    --uvc-bar-background: var(--ha-card-background);
+    --uvc-bar-border-color: var(--sidebar-text-color);
     --uvc-primary-color: var(--primary-color);
-    --uvc-card-background: var(--card-background-color);
-    --uvc-bar-background: var(--secondary-text-color);
-    --uvc-bar-border-color: var(--secondary-text-color);
-    --uvc-limit-indicator: var(--primary-text-color);
-    --uvc-info-text-color: var(--secondary-text-color);
-    --uvc-car-state-text-color: var(--primary-text-color);
-    --uvc-range-text-color: var(--primary-text-color);
-    --uvc-percentage-text-color: var(--primary-text-color);
-    --uvc-icon-background-light-color: rgba(255, 255, 255, 0.1);
-    --uvc-icon-background-dark-color: rgba(0, 0, 0, 0.1);
+    --uvc-limit-indicator: var(--text-primary-color);
+    --uvc-info-text-color: var(--sidebar-text-color);
+    --uvc-car-state-text-color: var(--text-primary-color);
+    --uvc-range-text-color: var(--text-primary-color);
+    --uvc-percentage-text-color: var(--text-primary-color);
+    --uvc-icon-inactive: var(--sidebar-text-color);
+    --uvc-icon-active: var(--primary-color);
+    --uvc-icon-background-light: rgba(0, 0, 0, 0.1);
+    --uvc-icon-background-dark: rgba(255, 255, 255, 0.1);
     --uvc-icon-background: var(--uvc-icon-background-light);
   }
 

diff --git a/dist/translations/da.js b/dist/translations/da.js
@@ -88,6 +88,7 @@ export default {
     bottom: "Bund",
     interaction: "Interaktion",
     colors: "Farver",
+    cardTitleColor: "Kort Titelfarve",
     cardBackgroundColor: "Kort Baggrundsfarve",
     barBackgroundColor: "Bar Baggrundsfarve",
     barBorderColor: "Bar Kantfarve",

diff --git a/dist/translations/de.js b/dist/translations/de.js
@@ -81,6 +81,7 @@ export default {
     bottom: "Unten",
     interaction: "Interaktion",
     colors: "Farben",
+    cardTitleColor: "Kartenfarbe",
     cardBackgroundColor: "Kartenhintergrundfarbe",
     barBackgroundColor: "Balkenhintergrundfarbe",
     barBorderColor: "Balkenrahmenfarbe",

diff --git a/dist/translations/en-GB.js b/dist/translations/en-GB.js
@@ -81,6 +81,7 @@ export default {
     bottom: "Bottom",
     interaction: "Interaction",
     colors: "Colours",
+    cardTitleColor: "Card Title Colour",
     cardBackgroundColor: "Card Background Colour",
     barBackgroundColor: "Bar Background Colour",
     barBorderColor: "Bar Border Colour",

diff --git a/dist/translations/es.js b/dist/translations/es.js
@@ -81,6 +81,7 @@ export default {
     bottom: "Abajo",
     interaction: "Interacción",
     colors: "Colores",
+    cardTitleColor: "Color del título de la tarjeta",
     cardBackgroundColor: "Color de fondo de la tarjeta",
     barBackgroundColor: "Color de fondo de la barra",
     barBorderColor: "Color del borde de la barra",

diff --git a/dist/translations/fr.js b/dist/translations/fr.js
@@ -81,6 +81,7 @@ export default {
     bottom: "Bas",
     interaction: "Interaction",
     colors: "Couleurs",
+    cardTitleColor: "Couleur du titre de la carte",
     cardBackgroundColor: "Couleur de fond de la carte",
     barBackgroundColor: "Couleur de fond de la barre",
     barBorderColor: "Couleur de bordure de la barre",

diff --git a/dist/translations/nb.js b/dist/translations/nb.js
@@ -81,6 +81,7 @@ export default {
     bottom: "Bunn",
     interaction: "Interaksjon",
     colors: "Farger",
+    cardTitleColor: "Korttittelfarge",
     cardBackgroundColor: "Kortbakgrunnsfarge",
     barBackgroundColor: "Linjebakgrunnsfarge",
     barBorderColor: "Linjekantfarge",

diff --git a/dist/translations/nl.js b/dist/translations/nl.js
@@ -81,6 +81,7 @@ export default {
     bottom: "Onder",
     interaction: "Interactie",
     colors: "Kleuren",
+    cardTitleColor: "Kaarttitelkleur",
     cardBackgroundColor: "Kaartachtergrondkleur",
     barBackgroundColor: "Balkachtergrondkleur",
     barBorderColor: "Balkrandkleur",

diff --git a/dist/translations/nn.js b/dist/translations/nn.js
@@ -81,6 +81,7 @@ export default {
     bottom: "Botn",
     interaction: "Interaksjon",
     colors: "Fargar",
+    cardTitleColor: "Korttittelfarge",
     cardBackgroundColor: "Kortbakgrunnsfarge",
     barBackgroundColor: "Linjebakgrunnsfarge",
     barBorderColor: "Linjekantfarge",

diff --git a/dist/translations/sv.js b/dist/translations/sv.js
@@ -81,6 +81,7 @@ export default {
     bottom: "Botten",
     interaction: "Interaktion",
     colors: "Färger",
+    cardTitleColor: "Korttitelfärg",
     cardBackgroundColor: "Kortbakgrundsfärg",
     barBackgroundColor: "Stapelbakgrundsfärg",
     barBorderColor: "Stapelkantfärg",