jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-28 03:36:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

Separate outline color (#18109)

Browse Source
This commit is contained in:
Kendell R 2023-10-09 09:29:25 -07:00 committed by GitHub
parent eae3c1309f
commit d3fd27910a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/ha-expansion-panel.ts
View File

@ -163,10 +163,7 @@ export class HaExpansionPanel extends LitElement {
box-shadow: none; box-shadow: none;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
border-color: var( border-color: var(--outline-color);
--ha-card-border-color,
var(--divider-color, #e0e0e0)
);
border-radius: var(--ha-card-border-radius, 12px); border-radius: var(--ha-card-border-radius, 12px);
} }

2
src/components/ha-outlined-button.ts
View File

@ -13,7 +13,7 @@ export class HaOutlinedButton extends OutlinedButton {
:host { :host {
--ha-icon-display: block; --ha-icon-display: block;
--md-sys-color-primary: var(--primary-text-color); --md-sys-color-primary: var(--primary-text-color);
--md-sys-color-outline: var(--divider-color); --md-sys-color-outline: var(--outline-color);
} }
`, `,
]; ];

1
src/resources/ha-style.ts
View File

@ -33,6 +33,7 @@ documentContainer.innerHTML = `<custom-style>
--light-primary-color: #b3e5fC; --light-primary-color: #b3e5fC;
--accent-color: ${DEFAULT_ACCENT_COLOR}; --accent-color: ${DEFAULT_ACCENT_COLOR};
--divider-color: rgba(0, 0, 0, .12); --divider-color: rgba(0, 0, 0, .12);
--outline-color: rgba(0, 0, 0, .12);
--scrollbar-thumb-color: rgb(194, 194, 194); --scrollbar-thumb-color: rgb(194, 194, 194);

3
src/resources/styles-data.ts
View File

@ -11,6 +11,7 @@ export const darkStyles = {
"switch-unchecked-button-color": "#999999", "switch-unchecked-button-color": "#999999",
"switch-unchecked-track-color": "#9b9b9b", "switch-unchecked-track-color": "#9b9b9b",
"divider-color": "rgba(225, 225, 225, .12)", "divider-color": "rgba(225, 225, 225, .12)",
"outline-color": "rgba(225, 225, 225, .12)",
"mdc-ripple-color": "#AAAAAA", "mdc-ripple-color": "#AAAAAA",
"mdc-linear-progress-buffer-color": "rgba(255, 255, 255, 0.1)", "mdc-linear-progress-buffer-color": "rgba(255, 255, 255, 0.1)",
@ -110,7 +111,7 @@ export const derivedStyles = {
"mdc-radio-disabled-color": "var(--disabled-text-color)", "mdc-radio-disabled-color": "var(--disabled-text-color)",
"mdc-tab-text-label-color-default": "var(--primary-text-color)", "mdc-tab-text-label-color-default": "var(--primary-text-color)",
"mdc-button-disabled-ink-color": "var(--disabled-text-color)", "mdc-button-disabled-ink-color": "var(--disabled-text-color)",
"mdc-button-outline-color": "var(--divider-color)", "mdc-button-outline-color": "var(--outline-color)",
"mdc-dialog-scroll-divider-color": "var(--divider-color)", "mdc-dialog-scroll-divider-color": "var(--divider-color)",
"mdc-dialog-heading-ink-color": "var(--primary-text-color)", "mdc-dialog-heading-ink-color": "var(--primary-text-color)",
"mdc-dialog-content-ink-color": "var(--primary-text-color)", "mdc-dialog-content-ink-color": "var(--primary-text-color)",