change --paper-item-icon-color into --state-icon-color

demo/src/configs/jimpower/theme.ts

@@ -14,7 +14,7 @@ export const demoThemeJimpower = () => ({
   "paper-grey-200": "#414A59",
   "label-badge-background-color": "#2E333A",
   "paper-card-header-color": "var(--accent-color)",
-  "sidebar-icon-color": "var(--paper-item-icon-color)",
+  "sidebar-icon-color": "var(--state-icon-color)",
   "paper-listbox-background-color": "#2E333A",
   "table-row-background-color": "#353840",
   "paper-grey-50": "var(--primary-text-color)",

demo/src/configs/teachingbirds/theme.ts

@@ -1,5 +1,5 @@
 export const demoThemeTeachingbirds = () => ({
-  "paper-card-header-color": "var(--paper-item-icon-color)",
+  "paper-card-header-color": "var(--state-icon-color)",
   "paper-listbox-background-color": "#202020",
   "paper-grey-50": "var(--primary-text-color)",
   "paper-item-icon-color": "#d3d3d3",
@@ -13,7 +13,7 @@ export const demoThemeTeachingbirds = () => ({
   "card-background-color": "#4e4e4e",
   "label-badge-text-color": "var(--text-primary-color)",
   "primary-background-color": "#303030",
-  "sidebar-icon-color": "var(--paper-item-icon-color)",
+  "sidebar-icon-color": "var(--state-icon-color)",
   "secondary-background-color": "#2b2b2b",
   "paper-item-icon-active-color": "#d8bf50",
   "switch-checked-color": "var(--primary-color)",

demo/src/custom-cards/cast-demo-row.ts

@@ -75,7 +75,7 @@ class CastDemoRow extends LitElement implements LovelaceRow {
       }
       ha-svg-icon {
         padding: 8px;
-        color: var(--paper-item-icon-color);
+        color: var(--state-icon-color);
       }
       .flex {
         flex: 1;

hassio/src/components/hassio-card-content.ts

@@ -76,7 +76,7 @@ class HassioCardContent extends LitElement {
       }
       ha-svg-icon.hassupdate,
       ha-svg-icon.backup {
-        color: var(--paper-item-icon-color);
+        color: var(--state-icon-color);
       }
       ha-svg-icon.not_available {
         color: var(--error-color);

src/components/entity/state-badge.ts

@@ -195,7 +195,7 @@ export class StateBadge extends LitElement {
           position: relative;
           display: inline-block;
           width: 40px;
-          color: var(--paper-item-icon-color, #44739e);
+          color: var(--state-icon-color, #44739e);
           border-radius: 50%;
           height: 40px;
           text-align: center;

src/dialogs/more-info/controls/more-info-weather.ts

@@ -328,7 +328,7 @@ class MoreInfoWeather extends LitElement {
   static get styles(): CSSResultGroup {
     return css`
       ha-svg-icon {
-        color: var(--paper-item-icon-color);
+        color: var(--state-icon-color);
         margin-left: 8px;
       }
 

src/panels/logbook/ha-logbook-renderer.ts

@@ -687,7 +687,7 @@ class HaLogbookRenderer extends LitElement {
         }
 
         button.link {
-          color: var(--paper-item-icon-color);
+          color: var(--state-icon-color);
           text-decoration: none;
         }
 

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

@@ -317,9 +317,9 @@ export class HuiButtonCard extends LitElement implements LovelaceCard {
         ha-state-icon {
           width: 40%;
           height: auto;
-          color: var(--paper-item-icon-color, #44739e);
+          color: var(--state-icon-color, #44739e);
           --mdc-icon-size: 100%;
-          --state-inactive-color: var(--paper-item-icon-color, #44739e);
+          --state-inactive-color: var(--state-icon-color, #44739e);
         }
 
         ha-state-icon + span {

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

@@ -274,8 +274,8 @@ export class HuiEntityCard extends LitElement implements LovelaceCard {
         }
 
         .icon {
-          color: var(--paper-item-icon-color, #44739e);
-          --state-inactive-color: var(--paper-item-icon-color, #44739e);
+          color: var(--state-icon-color, #44739e);
+          --state-inactive-color: var(--state-icon-color, #44739e);
           line-height: 40px;
         }
 

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

@@ -304,7 +304,7 @@ export class HuiLightCard extends LitElement implements LovelaceCard {
       }
 
       .light-button {
-        color: var(--paper-item-icon-color, #44739e);
+        color: var(--state-icon-color, #44739e);
         width: 60%;
         height: auto;
         position: absolute;

src/panels/lovelace/cards/hui-plant-status-card.ts

@@ -215,7 +215,7 @@ class HuiPlantStatusCard extends LitElement implements LovelaceCard {
       }
 
       ha-svg-icon {
-        color: var(--paper-item-icon-color);
+        color: var(--state-icon-color);
         margin-bottom: 8px;
       }
 

src/panels/lovelace/special-rows/hui-button-row.ts

@@ -79,7 +79,7 @@ export class HuiButtonRow extends LitElement implements LovelaceRow {
       }
       ha-state-icon {
         padding: 8px;
-        color: var(--paper-item-icon-color);
+        color: var(--state-icon-color);
       }
       .flex {
         flex: 1;

src/panels/lovelace/special-rows/hui-cast-row.ts

@@ -133,7 +133,7 @@ class HuiCastRow extends LitElement implements LovelaceRow {
       }
       ha-icon {
         padding: 8px;
-        color: var(--paper-item-icon-color);
+        color: var(--state-icon-color);
       }
       .flex {
         flex: 1;

src/panels/lovelace/special-rows/hui-text-row.ts

@@ -35,7 +35,7 @@ class HuiTextRow extends LitElement implements LovelaceRow {
       }
       ha-icon {
         padding: 8px;
-        color: var(--paper-item-icon-color);
+        color: var(--state-icon-color);
       }
       div {
         flex: 1;

src/panels/lovelace/special-rows/hui-weblink-row.ts

@@ -50,7 +50,7 @@ class HuiWeblinkRow extends LitElement implements LovelaceRow {
       }
       ha-icon {
         padding: 8px;
-        color: var(--paper-item-icon-color);
+        color: var(--state-icon-color);
       }
       div {
         flex: 1;