Clean up theme settings (#5395)

src/panels/lovelace/cards/hui-button-card.ts

@@ -82,7 +82,6 @@ export class HuiButtonCard extends LitElement implements LovelaceCard {
     }
 
     this._config = {
-      theme: "default",
       hold_action: { action: "more-info" },
       double_tap_action: { action: "none" },
       show_icon: true,

src/panels/lovelace/cards/hui-entities-card.ts

@@ -93,7 +93,7 @@ class HuiEntitiesCard extends LitElement implements LovelaceCard {
   public setConfig(config: EntitiesCardConfig): void {
     const entities = processConfigEntities(config.entities);
 
-    this._config = { theme: "default", ...config };
+    this._config = config;
     this._configEntities = entities;
     if (config.show_header_toggle === undefined) {
       // Default value is show toggle if we can at least toggle 2 entities.

src/panels/lovelace/cards/hui-gauge-card.ts

@@ -82,7 +82,7 @@ class HuiGaugeCard extends LitElement implements LovelaceCard {
     if (!isValidEntityId(config.entity)) {
       throw new Error("Invalid Entity");
     }
-    this._config = { min: 0, max: 100, theme: "default", ...config };
+    this._config = { min: 0, max: 100, ...config };
   }
 
   public connectedCallback(): void {

src/panels/lovelace/cards/hui-glance-card.ts

@@ -74,7 +74,7 @@ export class HuiGlanceCard extends LitElement implements LovelaceCard {
   }
 
   public setConfig(config: GlanceCardConfig): void {
-    this._config = { theme: "default", state_color: true, ...config };
+    this._config = { state_color: true, ...config };
     const entities = processConfigEntities<GlanceConfigEntity>(config.entities);
 
     for (const entity of entities) {

src/panels/lovelace/cards/hui-history-graph-card.ts

@@ -70,7 +70,7 @@ export class HuiHistoryGraphCard extends LitElement implements LovelaceCard {
       throw new Error("Entities need to be an array");
     }
 
-    this._config = { theme: "default", ...config };
+    this._config = config;
     this._configEntities = config.entities
       ? processConfigEntities(config.entities)
       : [];

src/panels/lovelace/cards/hui-light-card.ts

@@ -78,7 +78,6 @@ export class HuiLightCard extends LitElement implements LovelaceCard {
     }
 
     this._config = {
-      theme: "default",
       ...config,
       tap_action: { action: "toggle" },
     };

src/panels/lovelace/cards/hui-media-control-card.ts

@@ -212,7 +212,7 @@ export class HuiMediaControlCard extends LitElement implements LovelaceCard {
       throw new Error("Specify an entity from within the media_player domain.");
     }
 
-    this._config = { theme: "default", ...config };
+    this._config = config;
   }
 
   public connectedCallback(): void {

src/panels/lovelace/cards/hui-sensor-card.ts

@@ -217,7 +217,6 @@ class HuiSensorCard extends LitElement implements LovelaceCard {
 
     const cardConfig = {
       detail: 1,
-      theme: "default",
       hours_to_show: 24,
       ...config,
     };

src/panels/lovelace/cards/hui-thermostat-card.ts

@@ -87,7 +87,7 @@ export class HuiThermostatCard extends LitElement implements LovelaceCard {
       throw new Error("Specify an entity from within the climate domain.");
     }
 
-    this._config = { theme: "default", ...config };
+    this._config = config;
   }
 
   public connectedCallback(): void {

src/panels/lovelace/editor/config-elements/hui-alarm-panel-card-editor.ts

@@ -56,7 +56,7 @@ export class HuiAlarmPanelCardEditor extends LitElement
   }
 
   get _theme(): string {
-    return this._config!.theme || "Backend-selected";
+    return this._config!.theme || "";
   }
 
   protected render(): TemplateResult {

src/panels/lovelace/editor/config-elements/hui-button-card-editor.ts

@@ -84,7 +84,7 @@ export class HuiButtonCardEditor extends LitElement
   }
 
   get _theme(): string {
-    return this._config!.theme || "default";
+    return this._config!.theme || "";
   }
 
   protected render(): TemplateResult {

src/panels/lovelace/editor/config-elements/hui-entities-card-editor.ts

@@ -63,7 +63,7 @@ export class HuiEntitiesCardEditor extends LitElement
   }
 
   get _theme(): string {
-    return this._config!.theme || "Backend-selected";
+    return this._config!.theme || "";
   }
 
   protected render(): TemplateResult {

src/panels/lovelace/editor/config-elements/hui-entity-card-editor.ts

@@ -65,7 +65,7 @@ export class HuiEntityCardEditor extends LitElement
   }
 
   get _theme(): string {
-    return this._config!.theme || "default";
+    return this._config!.theme || "";
   }
 
   protected render(): TemplateResult {
@@ -136,7 +136,7 @@ export class HuiEntityCardEditor extends LitElement
           .hass=${this.hass}
           .value=${this._theme}
           .configValue=${"theme"}
-          @theme-changed=${this._valueChanged}
+          @value-changed=${this._valueChanged}
         ></hui-theme-select-editor>
       </div>
     `;

src/panels/lovelace/editor/config-elements/hui-gauge-card-editor.ts

@@ -57,7 +57,7 @@ export class HuiGaugeCardEditor extends LitElement
   }
 
   get _theme(): string {
-    return this._config!.theme || "default";
+    return this._config!.theme || "";
   }
 
   get _min(): number {

src/panels/lovelace/editor/config-elements/hui-glance-card-editor.ts

@@ -60,7 +60,7 @@ export class HuiGlanceCardEditor extends LitElement
   }
 
   get _theme(): string {
-    return this._config!.theme || "Backend-selected";
+    return this._config!.theme || "";
   }
 
   get _columns(): number {

src/panels/lovelace/editor/config-elements/hui-light-card-editor.ts

@@ -52,7 +52,7 @@ export class HuiLightCardEditor extends LitElement
   }
 
   get _theme(): string {
-    return this._config!.theme || "default";
+    return this._config!.theme || "";
   }
 
   get _entity(): string {

src/panels/lovelace/editor/config-elements/hui-markdown-card-editor.ts

@@ -46,7 +46,7 @@ export class HuiMarkdownCardEditor extends LitElement
   }
 
   get _theme(): string {
-    return this._config!.theme || "Backend-selected";
+    return this._config!.theme || "";
   }
 
   protected render(): TemplateResult {

src/panels/lovelace/editor/config-elements/hui-picture-card-editor.ts

@@ -56,7 +56,7 @@ export class HuiPictureCardEditor extends LitElement
   }
 
   get _theme(): string {
-    return this._config!.theme || "Backend-selected";
+    return this._config!.theme || "";
   }
 
   protected render(): TemplateResult {

src/panels/lovelace/editor/config-elements/hui-picture-entity-card-editor.ts

@@ -96,7 +96,7 @@ export class HuiPictureEntityCardEditor extends LitElement
   }
 
   get _theme(): string {
-    return this._config!.theme || "Backend-selected";
+    return this._config!.theme || "";
   }
 
   protected render(): TemplateResult {

src/panels/lovelace/editor/config-elements/hui-picture-glance-card-editor.ts

@@ -107,7 +107,7 @@ export class HuiPictureGlanceCardEditor extends LitElement
   }
 
   get _theme(): string {
-    return this._config!.theme || "Backend-selected";
+    return this._config!.theme || "";
   }
 
   protected render(): TemplateResult {

src/panels/lovelace/editor/config-elements/hui-plant-status-card-editor.ts

@@ -47,7 +47,7 @@ export class HuiPlantStatusCardEditor extends LitElement
   }
 
   get _theme(): string {
-    return this._config!.theme || "Backend-selected";
+    return this._config!.theme || "";
   }
 
   protected render(): TemplateResult {

src/panels/lovelace/editor/config-elements/hui-sensor-card-editor.ts

@@ -70,7 +70,7 @@ export class HuiSensorCardEditor extends LitElement
   }
 
   get _theme(): string {
-    return this._config!.theme || "default";
+    return this._config!.theme || "";
   }
 
   get _hours_to_show(): number | string {

src/panels/lovelace/editor/config-elements/hui-shopping-list-editor.ts

@@ -42,7 +42,7 @@ export class HuiShoppingListEditor extends LitElement
   }
 
   get _theme(): string {
-    return this._config!.theme || "Backend-selected";
+    return this._config!.theme || "";
   }
 
   protected render(): TemplateResult {

src/panels/lovelace/editor/config-elements/hui-thermostat-card-editor.ts

@@ -46,7 +46,7 @@ export class HuiThermostatCardEditor extends LitElement
   }
 
   get _theme(): string {
-    return this._config!.theme || "default";
+    return this._config!.theme || "";
   }
 
   protected render(): TemplateResult {

src/panels/lovelace/editor/config-elements/hui-weather-forecast-card-editor.ts

@@ -45,7 +45,7 @@ export class HuiWeatherForecastCardEditor extends LitElement
   }
 
   get _theme(): string {
-    return this._config!.theme || "Backend-selected";
+    return this._config!.theme || "";
   }
 
   protected render(): TemplateResult {

src/panels/lovelace/views/hui-view.ts

@@ -117,7 +117,11 @@ export class HUIView extends LitElement {
           padding: 4px 4px 0;
           transform: translateZ(0);
           position: relative;
-          background: var(--lovelace-background);
+          color: var(--primary-text-color);
+          background: var(
+            --lovelace-background,
+            var(--primary-background-color)
+          );
         }
 
         #badges {