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

Merge pull request #72 from remcohaszing/fix-editor-loading-background

Browse source 
Set the editor background while loading
This commit is contained in:
Remco Haszing 2021-08-09 22:28:01 +02:00 committed by GitHub
commit 2912c4b287
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
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);
} }