1/* Globals */
 2
 3:root {
 4  --sidebar-width: 300px;
 5  --sidebar-resize-indicator-width: 0px;
 6  --sidebar-resize-indicator-space: 2px;
 7  --page-padding: 15px;
 8  --content-max-width: 750px;
 9  --menu-bar-height: 50px;
10  --font: "IA Writer Quattro S", sans-serif;
11  --title-font: "Agrandir", "Helvetica Neue", Helvetica, Arial, sans-serif;
12  --mono-font: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
13  --code-font-size: 0.875em /* please adjust the ace font size accordingly in editor.js */;
14
15  --bg: rgb(246, 245, 240);
16  --fg: rgb(75, 83, 97);
17  --title-color: rgb(8, 76, 207);
18
19  --sidebar-fg: hsl(0, 0%, 0%);
20  --sidebar-non-existant: #aaaaaa;
21  --sidebar-active: rgb(8, 76, 207);
22  --sidebar-spacer: #f4f4f4;
23
24  --scrollbar: #8f8f8f;
25
26  --icons: #747474;
27  --icons-hover: #000000;
28
29  --links: rgb(8, 76, 207);
30
31  --inline-code-color: #301900;
32
33  --theme-popup-bg: #fafafa;
34  --theme-popup-border: #cccccc;
35  --theme-hover: #e6e6e6;
36
37  --quote-bg: hsl(197, 37%, 96%);
38  --quote-border: hsl(197, 37%, 88%);
39
40  --warning-border: hsl(25, 100%, 85%);
41  --warning-bg: hsl(42, 100%, 60%, 0.1);
42  --warning-icon: hsl(42, 100%, 30%);
43
44  --table-border-color: hsl(219, 93%, 42%, 0.15);
45  --table-header-bg: hsl(0, 0%, 80%);
46  --table-alternate-bg: hsl(0, 0%, 97%);
47
48  --searchbar-border-color: #aaa;
49  --searchbar-bg: #fafafa;
50  --searchbar-fg: #000;
51  --searchbar-shadow-color: #aaa;
52  --searchresults-header-fg: #666;
53  --searchresults-border-color: #888;
54  --searchresults-li-bg: #e4f2fe;
55  --search-mark-bg: #a2cff5;
56
57  --color-scheme: light;
58}