jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-23 09:16:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update code editor to material 3 look (#11628)

Browse Source
This commit is contained in:
Bram Kragten 2022-02-09 23:35:49 +01:00 committed by GitHub
parent f02dd39619
commit 9c9bfa2b77
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/resources/codemirror.ts
View File

@ -41,8 +41,10 @@ export const theme = EditorView.theme({
"&": { "&": {
color: "var(--primary-text-color)", color: "var(--primary-text-color)",
backgroundColor: backgroundColor:
"var(--code-editor-background-color, var(--card-background-color))", "var(--code-editor-background-color, var(--mdc-text-field-fill-color, whitesmoke))",
"& ::selection": { backgroundColor: "rgba(var(--rgb-primary-color), 0.3)" }, "& ::selection": { backgroundColor: "rgba(var(--rgb-primary-color), 0.3)" },
borderRadius:
"var(--mdc-shape-small, 4px) var(--mdc-shape-small, 4px) 0px 0px",
caretColor: "var(--secondary-text-color)", caretColor: "var(--secondary-text-color)",
height: "var(--code-mirror-height, auto)", height: "var(--code-mirror-height, auto)",
maxHeight: "var(--code-mirror-max-height, unset)", maxHeight: "var(--code-mirror-max-height, unset)",
@ -64,7 +66,10 @@ export const theme = EditorView.theme({
".cm-scroller": { outline: "none" }, ".cm-scroller": { outline: "none" },
".cm-content": { caretColor: "var(--secondary-text-color)" }, ".cm-content": {
caretColor: "var(--secondary-text-color)",
paddingTop: "16px",
},
".cm-panels": { ".cm-panels": {
backgroundColor: "var(--primary-background-color)", backgroundColor: "var(--primary-background-color)",
@ -166,7 +171,7 @@ export const theme = EditorView.theme({
".cm-gutters": { ".cm-gutters": {
backgroundColor: backgroundColor:
"var(--paper-dialog-background-color, var(--primary-background-color))", "var(--code-editor-gutter-color, var(--mdc-text-field-fill-color, whitesmoke))",
color: "var(--paper-dialog-color, var(--secondary-text-color))", color: "var(--paper-dialog-color, var(--secondary-text-color))",
border: "none", border: "none",
borderRight: borderRight: