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

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

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/ha-code-editor.ts
View File

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

2
src/resources/codemirror.ts
View File

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