Fix fullscreen yaml editor (transparency background) (#25989)

Fix fullscreen editor (transparency background)
This commit is contained in:
Simon Lamon 2025-06-30 13:16:59 +02:00 committed by GitHub
parent ad65600d11
commit 7ad07e4c55
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 4 additions and 4 deletions

View File

@ -559,9 +559,9 @@ export class HaCodeEditor extends ReactiveElement {
right: 8px;
z-index: 1;
color: var(--secondary-text-color);
background-color: var(--card-background-color);
background-color: var(--secondary-background-color);
border-radius: 50%;
opacity: 0.6;
opacity: 0.9;
transition: opacity 0.2s;
--mdc-icon-button-size: 32px;
--mdc-icon-size: 18px;
@ -591,7 +591,7 @@ export class HaCodeEditor extends ReactiveElement {
z-index: 9999 !important;
background-color: var(
--code-editor-background-color,
var(--mdc-text-field-fill-color, whitesmoke)
var(--card-background-color)
) !important;
margin: 0 !important;
padding-top: var(--safe-area-inset-top) !important;

View File

@ -51,7 +51,7 @@ export const haTheme = EditorView.theme({
"&": {
color: "var(--primary-text-color)",
backgroundColor:
"var(--code-editor-background-color, var(--mdc-text-field-fill-color, whitesmoke))",
"var(--code-editor-background-color, var(--card-background-color))",
borderRadius:
"var(--mdc-shape-small, 4px) var(--mdc-shape-small, 4px) 0px 0px",
caretColor: "var(--secondary-text-color)",