tenant.openagents/omega

1/* Globals */
2
3:root {
4  --color-scheme: light;
5
6  --logo-brightness: brightness(1);
7
8  --sidebar-width: 280px;
9  --sidebar-resize-indicator-width: 0px;
10  --sidebar-resize-indicator-space: 2px;
11  --page-padding: 15px;
12  --content-max-width: 690px;
13  --menu-bar-height: 64px;
14  --font: "iA Writer Quattro S", sans-serif;
15  --title-font:
16    "IBM Plex Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
17  --mono-font:
18    "Lilex", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
19    Liberation Mono, Courier New, monospace;
20  --code-font-size: 0.875em
21    /* please adjust the ace font size accordingly in editor.js */;
22
23  --noise-opacity: 0.024;
24  --bg: hsla(50, 25%, 96%);
25  --fg: hsl(220, 13%, 34%);
26  --title-color: hsl(220, 92%, 42%);
27
28  --border: hsl(220, 13%, 80%);
29  --border-light: hsl(220, 13%, 90%);
30  --border-hover: hsl(220, 13%, 70%);
31  --border-footer: hsl(220, 13%, 91%);
32
33  --media-bg: hsl(50, 25%, 92%);
34
35  --sidebar-bg: hsla(50, 25%, 94%);
36  --sidebar-fg: hsl(0, 0%, 0%);
37  --sidebar-non-existant: #aaaaaa;
38  --sidebar-active: hsl(220, 93%, 42%);
39  --sidebar-active-bg: hsl(220, 93%, 42%, 0.1);
40  --sidebar-mobile-shadow: 0px 16px 16px hsl(0, 0%, 0%, 0.1);
41
42  --divider: hsl(220, 50%, 45%, 0.1);
43  --scrollbar: #8f8f8f;
44
45  --icons: #747474;
46  --icons-hover: #000000;
47  --icon-btn-bg-hover: hsl(220, 93%, 42%, 0.15);
48
49  --links: hsl(220, 92%, 42%);
50  --link-line-decoration: hsl(220, 93%, 42%, 0.2);
51  --link-line-decoration-hover: hsl(220, 93%, 42%, 0.5);
52
53  --full-contrast: #000;
54
55  --inline-code-color: #301900;
56  --code-text: hsl(220, 13%, 10%);
57  --code-bg: hsl(220, 93%, 42%, 0.1);
58  --keybinding-bg: hsl(0, 0%, 94%);
59
60  --pre-bg: #fff;
61  --pre-border: hsla(220, 93%, 42%, 0.3);
62  --pre-shadow: hsla(220, 93%, 42%, 0.07);
63
64  --popover-bg: #fafafa;
65  --popover-border: #cccccc;
66  --popover-shadow:
67    0 10px 15px -3px hsl(0, 0%, 0%, 0.1), 0 4px 6px -4px hsl(0, 0%, 0%, 0.1);
68
69  --theme-hover: #e6e6e6;
70  --hover-section-title: hsl(50, 25%, 88%);
71
72  --quote-bg: hsl(197, 37%, 96%);
73  --quote-border: hsl(197, 37%, 84%);
74
75  --warning-border: hsl(25, 100%, 85%);
76  --warning-bg: hsl(42, 100%, 60%, 0.1);
77  --warning-icon: hsl(42, 100%, 30%);
78
79  --table-header-bg: hsl(220, 50%, 90%, 0.4);
80  --table-border-color: hsl(220, 93%, 42%, 0.15);
81  --table-alternate-bg: hsl(220, 10%, 90%, 0.4);
82
83  --toc-link-underline: hsl(0, 0%, 0%, 0.1);
84  --toc-link-underline-hover: hsl(0, 0%, 0%, 0.5);
85
86  --searchbar-border-color: #aaa;
87  --searchbar-bg: #fafafa;
88  --searchbar-fg: #000;
89  --searchbar-shadow-color: #aaa;
90  --searchresults-header-fg: #666;
91  --searchresults-li-bg: #e4f2fe;
92  --search-mark-bg: #a2cff5;
93
94  --download-btn-bg: hsl(220, 60%, 95%);
95  --download-btn-bg-hover: hsl(220, 60%, 93%);
96  --download-btn-color: hsl(220, 60%, 30%);
97  --download-btn-border: hsla(220, 60%, 40%, 0.2);
98  --download-btn-border-hover: hsla(220, 60%, 50%, 0.2);
99  --download-btn-shadow: hsla(220, 40%, 60%, 0.1);
100
101  --search-btn-bg: hsl(220, 100%, 100%);
102  --search-btn-bg-hover: hsla(50, 25%, 97%);
103  --search-btn-border: hsl(220, 50%, 45%, 0.2);
104
105  --toast-bg: hsla(220, 93%, 98%);
106  --toast-border: hsla(220, 93%, 42%, 0.3);
107  --toast-border-success: hsla(120, 73%, 42%, 0.3);
108  --toast-border-error: hsla(0, 90%, 50%, 0.3);
109
110  --footer-btn-bg: hsl(220, 60%, 98%, 0.4);
111  --footer-btn-bg-hover: hsl(220, 60%, 93%, 0.5);
112  --footer-btn-border: hsla(220, 60%, 40%, 0.15);
113  --footer-btn-border-hover: hsla(220, 60%, 50%, 0.2);
114}
115
116.dark {
117  --color-scheme: dark;
118
119  --logo-brightness: brightness(2);
120
121  --noise-opacity: 0.012;
122  --bg: hsl(220, 13%, 7.5%);
123  --fg: hsl(220, 14%, 70%);
124  --title-color: hsl(220, 92%, 80%);
125
126  --border: hsl(220, 13%, 20%);
127  --border-light: hsl(220, 13%, 15%);
128  --border-hover: hsl(220, 13%, 40%);
129  --border-footer: hsl(220, 13%, 12%);
130
131  --media-bg: hsl(220, 13%, 8%);
132
133  --sidebar-bg: hsl(220, 13%, 6.5%);
134  --sidebar-fg: hsl(220, 14%, 71%);
135  --sidebar-non-existant: #505254;
136  --sidebar-active: hsl(220, 92%, 75%);
137  --sidebar-active-bg: hsl(220, 93%, 42%, 0.25);
138  --sidebar-mobile-shadow: 0px 16px 16px hsl(0, 0%, 0%, 0.6);
139
140  --divider: hsl(220, 13%, 12%);
141  --scrollbar: hsl(220, 13%, 30%);
142
143  --icons: hsl(220, 14%, 71%);
144  --icons-hover: hsl(220, 14%, 90%);
145  --icon-btn-bg-hover: hsl(220, 93%, 42%, 0.4);
146
147  --links: hsl(220, 93%, 75%);
148  --link-line-decoration: hsl(220, 92%, 80%, 0.4);
149  --link-line-decoration-hover: hsl(220, 92%, 80%, 0.8);
150  --full-contrast: #fff;
151
152  --inline-code-color: hsl(40, 100%, 80%);
153  --code-text: hsl(220, 13%, 95%);
154  --code-bg: hsl(220, 93%, 50%, 0.2);
155  --keybinding-bg: hsl(220, 20%, 10%);
156
157  --pre-bg: hsl(220, 13%, 5%);
158  --pre-border: hsla(220, 93%, 70%, 0.3);
159  --pre-shadow: hsla(220, 93%, 70%, 0.1);
160
161  --popover-bg: hsl(220, 13%, 8%);
162  --popover-border: hsl(220, 13%, 20%);
163  --popover-shadow:
164    0 10px 15px -3px hsl(0, 0%, 0%, 0.1), 0 4px 6px -4px hsl(0, 0%, 0%, 0.1);
165
166  --theme-hover: hsl(220, 13%, 20%);
167  --hover-section-title: hsl(220, 13%, 11%);
168
169  --quote-bg: hsl(220, 13%, 25%, 0.4);
170  --quote-border: hsl(220, 13%, 32%, 0.5);
171
172  --table-border-color: hsl(220, 13%, 30%, 0.5);
173  --table-header-bg: hsl(220, 13%, 25%, 0.5);
174  --table-alternate-bg: hsl(220, 13%, 20%, 0.4);
175
176  --toc-link-underline: hsl(255, 100%, 100%, 0.1);
177  --toc-link-underline-hover: hsl(255, 100%, 100%, 0.4);
178
179  --warning-border: hsl(25, 100%, 85%, 0.2);
180  --warning-bg: hsl(42, 100%, 40%, 0.1);
181  --warning-icon: hsl(42, 100%, 80%);
182
183  --searchbar-border-color: hsl(220, 13%, 30%);
184  --searchbar-bg: hsl(220, 13%, 22%, 0.5);
185  --searchbar-fg: hsl(220, 14%, 71%);
186  --searchbar-shadow-color: hsl(220, 13%, 15%);
187  --searchresults-header-fg: hsl(220, 14%, 60%);
188  --searchresults-li-bg: hsl(220, 13%, 25%);
189  --search-mark-bg: hsl(220, 93%, 60%);
190
191  --download-btn-bg: hsl(220, 90%, 30%, 0.5);
192  --download-btn-bg-hover: hsl(220, 90%, 50%, 0.4);
193  --download-btn-color: hsl(220, 90%, 95%);
194  --download-btn-border: hsla(220, 90%, 80%, 0.2);
195  --download-btn-border-hover: hsla(220, 90%, 80%, 0.4);
196  --download-btn-shadow: hsla(220, 50%, 60%, 0.15);
197
198  --search-btn-bg: hsl(220, 90%, 90%, 0.05);
199  --search-btn-bg-hover: hsl(220, 90%, 90%, 0.1);
200  --search-btn-border: hsla(220, 90%, 80%, 0.1);
201
202  --toast-bg: hsla(220, 20%, 98%, 0.05);
203  --toast-border: hsla(220, 93%, 70%, 0.2);
204  --toast-border-success: hsla(120, 90%, 60%, 0.3);
205  --toast-border-error: hsla(0, 90%, 80%, 0.3);
206
207  --footer-btn-bg: hsl(220, 90%, 95%, 0.01);
208  --footer-btn-bg-hover: hsl(220, 90%, 50%, 0.05);
209  --footer-btn-border: hsla(220, 90%, 90%, 0.05);
210  --footer-btn-border-hover: hsla(220, 90%, 80%, 0.2);
211}
212