Color all deletion options consistenly red (#6891)

* Color all deletion options consistenly red

* CSS cleanup

* Color the "Remove Selected" entity config button

* Make eslint happy

* Getting rid of a wayward bracket

src/panels/config/automation/action/ha-automation-action-row.ts

@@ -336,7 +336,6 @@ export default class HaAutomationActionRow extends LitElement {
           --mdc-theme-text-primary-on-background: var(--disabled-text-color);
         }
         .warning {
-          color: var(--warning-color);
           margin-bottom: 8px;
         }
         .warning ul {

src/panels/config/automation/ha-automation-editor.ts

@@ -104,6 +104,7 @@ export class HaAutomationEditor extends LitElement {
                 <ha-svg-icon .path=${mdiContentDuplicate}></ha-svg-icon>
               </mwc-icon-button>
               <mwc-icon-button
+                class="warning"
                 slot="toolbar-icon"
                 title="${this.hass.localize(
                   "ui.panel.config.automation.picker.delete_automation"

src/panels/config/entities/ha-config-entities.ts

@@ -58,6 +58,7 @@ import {
   loadEntityEditorDialog,
   showEntityEditorDialog,
 } from "./show-dialog-entity-editor";
+import { haStyle } from "../../../resources/styles";
 
 export interface StateEntity extends EntityRegistryEntry {
   readonly?: boolean;
@@ -378,7 +379,7 @@ export class HaConfigEntities extends SubscribeMixin(LitElement) {
                       "ui.panel.config.entities.picker.disable_selected.button"
                     )}</mwc-button
                   >
-                  <mwc-button @click=${this._removeSelected}
+                  <mwc-button @click=${this._removeSelected} class="warning"
                     >${this.hass.localize(
                       "ui.panel.config.entities.picker.remove_selected.button"
                     )}</mwc-button
@@ -406,6 +407,7 @@ export class HaConfigEntities extends SubscribeMixin(LitElement) {
                     )}
                   </paper-tooltip>
                   <ha-icon-button
+                    class="warning"
                     id="remove-btn"
                     icon="hass:delete"
                     @click=${this._removeSelected}
@@ -721,8 +723,10 @@ export class HaConfigEntities extends SubscribeMixin(LitElement) {
     navigate(this, window.location.pathname, true);
   }
 
-  static get styles(): CSSResult {
+  static get styles(): CSSResult[] {
-    return css`
+    return [
+      haStyle,
+      css`
         hass-loading-screen {
           --app-header-background-color: var(--sidebar-background-color);
           --app-header-text-color: var(--sidebar-text-color);
@@ -826,6 +830,7 @@ export class HaConfigEntities extends SubscribeMixin(LitElement) {
           left: 0;
           content: "";
         }
-    `;
+      `,
+    ];
   }
 }

src/panels/config/scene/ha-scene-editor.ts

@@ -198,6 +198,7 @@ export class HaSceneEditor extends SubscribeMixin(LitElement) {
           ? ""
           : html`
               <ha-icon-button
+                class="warning"
                 slot="toolbar-icon"
                 title="${this.hass.localize(
                   "ui.panel.config.scene.picker.delete_scene"

src/panels/config/script/ha-script-editor.ts

@@ -74,6 +74,7 @@ export class HaScriptEditor extends LitElement {
           ? ""
           : html`
               <ha-icon-button
+                class="warning"
                 slot="toolbar-icon"
                 title="${this.hass.localize(
                   "ui.panel.config.script.editor.delete_script"