jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-24 09:46:36 +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);
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 {
font-size: 85%;
padding: 0.2em 0.4em;

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

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

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

@ -60,6 +60,7 @@ class HaInitPage extends LitElement {
}
p {
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;
min-height: 35px;
}
mwc-list-item ha-svg-icon {
color: var(--secondary-text-color);
}
.back-btn {
position: absolute;
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 {
white-space: normal;
}
ha-markdown img:first-child:last-child,
ha-markdown svg:first-child:last-child {
background-color: white;
ha-markdown {
--markdown-svg-background-color: white;
--markdown-svg-color: black;
display: block;
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-disabled-color": "var(--disabled-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`