jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-25 18:26:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixes display issues with the new darkmode (#6532)

Browse Source 
Co-authored-by: Bram Kragten <mail@bramkragten.nl>
This commit is contained in:
Joakim Sørensen 2020-08-06 17:51:14 +02:00 committed by GitHub
parent b29a700d40
commit 16b8b6698c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 20 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/ha-markdown.ts
View File

@ -57,6 +57,10 @@ class HaMarkdown extends LitElement {
background-color: var(--markdown-code-background-color, none); background-color: var(--markdown-code-background-color, none);
border-radius: 3px; border-radius: 3px;
} }
ha-markdown-element svg {
background-color: var(--markdown-svg-background-color, none);
color: var(--markdown-svg-color, none);
}
ha-markdown-element code { ha-markdown-element code {
font-size: 85%; font-size: 85%;
padding: 0.2em 0.4em; padding: 0.2em 0.4em;

8
src/html/index.html.template
View File

@ -46,6 +46,14 @@
html { html {
background-color: var(--primary-background-color); background-color: var(--primary-background-color);
} }
@media (prefers-color-scheme: dark) {
#ha-init-skeleton::before {
background-color: #1c1c1c;
}
html {
background-color: #111111;
}
}
</style> </style>
</head> </head>
<body> <body>

1
src/layouts/ha-init-page.ts
View File

@ -60,6 +60,7 @@ class HaInitPage extends LitElement {
} }
p { p {
max-width: 350px; max-width: 350px;
color: var(--text-primary-color);
} }
`; `;
} }

3
src/panels/config/integrations/ha-integration-card.ts
View File

@ -453,6 +453,9 @@ export class HaIntegrationCard extends LitElement {
cursor: pointer; cursor: pointer;
min-height: 35px; min-height: 35px;
} }
mwc-list-item ha-svg-icon {
color: var(--secondary-text-color);
}
.back-btn { .back-btn {
position: absolute; position: absolute;
background: rgba(var(--rgb-card-background-color), 0.6); background: rgba(var(--rgb-card-background-color), 0.6);

6
src/panels/profile/ha-mfa-module-setup-flow.js
View File

@ -30,9 +30,9 @@ class HaMfaModuleSetupFlow extends LocalizeMixin(EventsMixin(PolymerElement)) {
h2 { h2 {
white-space: normal; white-space: normal;
} }
ha-markdown img:first-child:last-child, ha-markdown {
ha-markdown svg:first-child:last-child { --markdown-svg-background-color: white;
background-color: white; --markdown-svg-color: black;
display: block; display: block;
margin: 0 auto; margin: 0 auto;
} }

1
src/resources/styles.ts
View File

@ -65,6 +65,7 @@ export const derivedStyles = {
"mdc-radio-unchecked-color": "rgba(var(--rgb-primary-text-color), 0.54)", "mdc-radio-unchecked-color": "rgba(var(--rgb-primary-text-color), 0.54)",
"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)",
}; };
export const haStyle = css` export const haStyle = css`