fix: update widget version and improve color handling in styles

Author: Marko Petzold

demo/index.html

@@ -32,10 +32,10 @@
             const theme = { theme_name: 'chalk', theme_object: themeObject }
             render(
                 html`
-                    <widget-value-1.1.7 .theme="${theme}" .inputData=${data}>
+                    <widget-value-1.1.9 .theme="${theme}" .inputData=${data}>
                         web component is not registered. Make sure to use the tag with the correct version
                         string from the package.json
-                    </widget-value-1.1.7>
+                    </widget-value-1.1.9>
                 `,
                 document.getElementById('demo')
             )

src/widget-value.ts

@@ -141,7 +141,7 @@ export class WidgetValue extends LitElement {
             numberText.setAttribute(
                 'style',
                 `font-size: ${32 * modifier}px; 
-                ${ds?.styling?.valueColor ? 'color: ' + ds?.styling?.valueColor : ''}`
+                color: ${ds?.styling?.valueColor || this.themeTitleColor};`
             )
         })
 
@@ -152,13 +152,13 @@ export class WidgetValue extends LitElement {
             labelText.setAttribute(
                 'style',
                 `font-size: ${26 * modifier}px; 
-                ${ds?.styling?.labelColor ? 'color: ' + ds?.styling?.labelColor : ''}`
+                color: ${ds?.styling?.labelColor || this.themeSubtitleColor};`
             )
             const unitText = n.querySelector('.unit') as HTMLDivElement
             unitText.setAttribute(
                 'style',
                 `font-size: ${26 * modifier}px; 
-                ${ds?.styling?.labelColor ? 'color: ' + ds?.styling?.labelColor : ''}`
+                color: ${ds?.styling?.labelColor || this.themeSubtitleColor};`
             )
         })