github
/
ha-frontend
mirror of https://github.com/home-assistant/frontend
1
Fork 0
Code Releases Activity

Set input and button background color to white for toolbar (#20369)

This commit is contained in:
Paul Bottein 2024-04-03 13:10:51 +02:00 committed by GitHub
parent bfdc9a3d86
commit 578d3c4260
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/chips/ha-assist-chip.ts
View File

@ -45,8 +45,8 @@ export class HaAssistChip extends MdAssistChip {
margin-inline-start: var(--_icon-label-space);
}
::before {
background: var(--ha-assist-chip-container-color);
opacity: var(--ha-assist-chip-container-opacity);
background: var(--ha-assist-chip-container-color, transparent);
opacity: var(--ha-assist-chip-container-opacity, 1);
}
:where(.active)::before {
background: var(--ha-assist-chip-active-container-color);

4
src/components/ha-outlined-text-field.ts
View File

@ -27,6 +27,10 @@ export class HaOutlinedTextField extends MdOutlinedTextField {
--md-outlined-field-focus-outline-width: 1px;
--mdc-icon-size: var(--md-input-chip-icon-size, 18px);
}
md-outlined-field {
background: var(--ha-outlined-text-field-container-color, transparent);
opacity: var(--ha-outlined-text-field-container-opacity, 1);
}
.input {
font-family: Roboto, sans-serif;
}

1
src/components/search-input-outlined.ts
View File

@ -97,6 +97,7 @@ class SearchInputOutlined extends LitElement {
ha-outlined-text-field {
display: block;
width: 100%;
--ha-outlined-text-field-container-color: var(--card-background-color);
}
ha-svg-icon,
ha-icon-button {

3
src/layouts/hass-tabs-subpage-data-table.ts
View File

@ -743,7 +743,7 @@ export class HaTabsSubpageDataTable extends LitElement {
padding: 8px 12px;
box-sizing: border-box;
font-size: 14px;
--ha-assist-chip-container-color: var(--primary-background-color);
--ha-assist-chip-container-color: var(--card-background-color);
}
.selection-controls {
@ -770,6 +770,7 @@ export class HaTabsSubpageDataTable extends LitElement {
ha-assist-chip {
--ha-assist-chip-container-shape: 10px;
--ha-assist-chip-container-color: var(--card-background-color);
}
.select-mode-chip {