File tree Expand file tree Collapse file tree 1 file changed +23
-2
lines changed Expand file tree Collapse file tree 1 file changed +23
-2
lines changed Original file line number Diff line number Diff line change 27
27
content ="https://codemirror-json-schema.netlify.app/example.png "
28
28
/>
29
29
< style >
30
+ : root {
31
+ --bg-color : # 282c34 ;
32
+ }
33
+ h1 ,
34
+ h2 ,
35
+ h3 {
36
+ font-weight : 200 ;
37
+ }
30
38
body {
31
- background-color : # 282c34 ;
32
- color : var (--fbc-light-gray );
39
+ background-color : var ( --fbc-light-gray ) ;
40
+ color : var (--fbc-primary-text );
33
41
font-family : "Lucida Sans" , "Lucida Sans Regular" , "Lucida Grande" ,
34
42
"Lucida Sans Unicode" , Geneva, Verdana, sans-serif;
35
43
}
44
+
36
45
code {
37
46
background-color : # 1f2329 ;
38
47
color : var (--fbc-light-gray );
39
48
padding : 0.2rem ;
40
49
font-family : "Lucida Console" , Monaco, monospace;
41
50
}
51
+
52
+ @media (prefers-color-scheme : dark) {
53
+ body {
54
+ background-color : var (--bg-color );
55
+ color : var (--fbc-light-gray );
56
+ }
57
+ code {
58
+ background-color : var (--fbc-primary-text );
59
+ color : var (--fbc-light-gray );
60
+ }
61
+ }
62
+
42
63
/* cm6 styles */
43
64
.cm-lintRange-error {
44
65
text-decoration : underline wavy red;
You can’t perform that action at this time.
0 commit comments