1@media (prefers-color-scheme: light) {
2	html, body {
3		position: relative;
4		width: 100%;
5		height: 100%;
6	}
7
8	#dgraph-div {
9		display: none;
10	}
11
12	body {
13		color: #333;
14		margin: 0;
15		padding: 8px;
16		box-sizing: border-box;
17		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
18	}
19
20	a {
21		color: rgb(0,100,200);
22		text-decoration: none;
23	}
24
25	a:hover {
26		text-decoration: underline;
27	}
28
29	a:visited {
30		color: rgb(0,80,160);
31	}
32
33	label {
34		display: block;
35	}
36
37
38
39	input, button, select, textarea {
40		font-family: inherit;
41		font-size: inherit;
42		padding: 0.4em;
43		margin: 0 0 0.5em 0;
44		box-sizing: border-box;
45		border: 1px solid #ccc;
46		border-radius: 2px;
47	}
48
49	input:disabled {
50		color: #ccc;
51	}
52
53	input[type="range"] {
54		height: 0;
55	}
56
57	button {
58		background-color: #f4f4f4;
59		outline: none;
60	}
61
62	button:active {
63		background-color: #ddd;
64	}
65
66	button:focus {
67		border-color: #666;
68	}
69}
70
71	body {
72		background-color: #3f3f3f;
73		color: #c8c8c8;
74		margin: 0;
75		padding: 8px;
76		box-sizing: border-box;
77		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
78	}}
79@media (prefers-color-scheme: dark) {
80	html, body {
81		position: relative;
82		width: 100%;
83		height: 100%;
84
85
86	a {
87		color: rgb(0,100,200);
88		text-decoration: none;
89	}
90
91	a:hover {
92		text-decoration: underline;
93	}
94
95	a:visited {
96		color: rgb(0,80,160);
97	}
98
99	label {
100		display: block;
101	}
102
103	input, button, select, textarea {
104		font-family: inherit;
105		font-size: inherit;
106		padding: 0.4em;
107		margin: 0 0 0.5em 0;
108		box-sizing: border-box;
109		border: 1px solid #ccc;
110		border-radius: 2px;
111	}
112
113	input:disabled {
114		color: #ccc;
115	}
116
117	input[type="range"] {
118		height: 0;
119	}
120
121	button {
122		background-color: #f4f4f4;
123		outline: none;
124	}
125
126	button:active {
127		background-color: #ddd;
128	}
129
130	button:focus {
131		border-color: #666;
132	}
133}
134
135