dan/monaco-yaml
1
0
Fork 0
mirror of https://github.com/danbulant/monaco-yaml synced 2026-07-08 20:40:46 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Set the editor background while loading

Browse source 
The colors match the editor background color that’s displayed when the
editor is loaded.
This commit is contained in:
Remco Haszing 2021-08-09 21:41:46 +02:00
parent 249771b770
commit 0d46780695
No known key found for this signature in database
GPG key ID: 40D9F5FE9155FD3C
1 changed files with 3 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
examples/webpack/src/index.css
View file

@ -1,5 +1,6 @@
:root { :root {
--background-color: hsl(0, 0%, 96%); --background-color: hsl(0, 0%, 96%);
--editor-background: hsl(60, 100%, 100%);
--primary-color: hsl(189, 100%, 63%); --primary-color: hsl(189, 100%, 63%);
--shadow-color: hsla(0, 0%, 27%, 0.239); --shadow-color: hsla(0, 0%, 27%, 0.239);
} }
@ -7,6 +8,7 @@
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
--background-color: hsl(0, 0%, 23%); --background-color: hsl(0, 0%, 23%);
--editor-background: hsl(0, 0%, 12%);
--shadow-color: hsl(0, 0%, 43%); --shadow-color: hsl(0, 0%, 43%);
} }
} }
@ -50,6 +52,7 @@ nav {
} }
#editor { #editor {
background: var(--editor-background);
height: 100%; height: 100%;
box-shadow: 0 0 10px var(--shadow-color); box-shadow: 0 0 10px var(--shadow-color);
} }