Skip to content
This repository was archived by the owner on Sep 10, 2025. It is now read-only.

Commit 2793e0b

Browse files
Byson94Byson94
committed
docs(style): added ewwii (dark) theme that matches starlight theme
1 parent 2edc198 commit 2793e0b

File tree

3 files changed

+363
-2
lines changed

3 files changed

+363
-2
lines changed

‎docs/book.toml‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ title = "StaticScript documentation"
66

77
[output.html]
88
default-theme = "latte"
9-
preferred-dark-theme = "navy"
9+
preferred-dark-theme = "ewwii"
1010
git-repository-url = "https://github.com/Ewwii-sh/staticscript"
1111
additional-js = ["js/home_button.js"]
12-
additional-css = ["./theme/catppuccin.css"]
12+
additional-css = ["./theme/catppuccin.css", "./theme/ewwii.css"]

‎docs/theme/ewwii.css‎

Lines changed: 360 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,360 @@
1+
.ewwii.hljs {
2+
color: #c1c3c8;
3+
background: #17181c;
4+
}
5+
.ewwii .hljs-keyword {
6+
color: #8839ef;
7+
}
8+
.ewwii .hljs-built_in {
9+
color: #d20f39;
10+
}
11+
.ewwii .hljs-type {
12+
color: #df8e1d;
13+
}
14+
.ewwii .hljs-literal {
15+
color: #fe640b;
16+
}
17+
.ewwii .hljs-number {
18+
color: #fe640b;
19+
}
20+
.ewwii .hljs-operator {
21+
color: #04a5e5;
22+
}
23+
.ewwii .hljs-punctuation {
24+
color: #5c5f77;
25+
}
26+
.ewwii .hljs-property {
27+
color: #179299;
28+
}
29+
.ewwii .hljs-regexp {
30+
color: #ea76cb;
31+
}
32+
.ewwii .hljs-string {
33+
color: #40a02b;
34+
}
35+
.ewwii .hljs-char.escape_ {
36+
color: #40a02b;
37+
}
38+
.ewwii .hljs-subst {
39+
color: #6c6f85;
40+
}
41+
.ewwii .hljs-symbol {
42+
color: #dd7878;
43+
}
44+
.ewwii .hljs-variable {
45+
color: #8839ef;
46+
}
47+
.ewwii .hljs-variable.language_ {
48+
color: #8839ef;
49+
}
50+
.ewwii .hljs-variable.constant_ {
51+
color: #fe640b;
52+
}
53+
.ewwii .hljs-title {
54+
color: #b3c7ff;
55+
}
56+
.ewwii .hljs-title.class_ {
57+
color: #df8e1d;
58+
}
59+
.ewwii .hljs-title.function_ {
60+
color: #b3c7ff;
61+
}
62+
.ewwii .hljs-params {
63+
color: #c1c3c8;
64+
}
65+
.ewwii .hljs-comment {
66+
color: #7c7f93;
67+
}
68+
.ewwii .hljs-doctag {
69+
color: #d20f39;
70+
}
71+
.ewwii .hljs-meta {
72+
color: #fe640b;
73+
}
74+
.ewwii .hljs-section {
75+
color: #b3c7ff;
76+
}
77+
.ewwii .hljs-tag {
78+
color: #179299;
79+
}
80+
.ewwii .hljs-name {
81+
color: #8839ef;
82+
}
83+
.ewwii .hljs-attr {
84+
color: #b3c7ff;
85+
}
86+
.ewwii .hljs-attribute {
87+
color: #40a02b;
88+
}
89+
.ewwii .hljs-bullet {
90+
color: #179299;
91+
}
92+
.ewwii .hljs-code {
93+
color: #40a02b;
94+
}
95+
.ewwii .hljs-emphasis {
96+
color: #d20f39;
97+
font-style: italic;
98+
}
99+
.ewwii .hljs-strong {
100+
color: #d20f39;
101+
font-weight: bold;
102+
}
103+
.ewwii .hljs-formula {
104+
color: #179299;
105+
}
106+
.ewwii .hljs-link {
107+
color: #209fb5;
108+
font-style: italic;
109+
}
110+
.ewwii .hljs-quote {
111+
color: #40a02b;
112+
font-style: italic;
113+
}
114+
.ewwii .hljs-selector-tag {
115+
color: #df8e1d;
116+
}
117+
.ewwii .hljs-selector-id {
118+
color: #b3c7ff;
119+
}
120+
.ewwii .hljs-selector-class {
121+
color: #179299;
122+
}
123+
.ewwii .hljs-selector-attr {
124+
color: #8839ef;
125+
}
126+
.ewwii .hljs-selector-pseudo {
127+
color: #179299;
128+
}
129+
.ewwii .hljs-template-tag {
130+
color: #dd7878;
131+
}
132+
.ewwii .hljs-template-variable {
133+
color: #dd7878;
134+
}
135+
.ewwii .hljs-addition {
136+
color: #40a02b;
137+
background: rgba(64, 160, 43, 0.15);
138+
}
139+
.ewwii .hljs-deletion {
140+
color: #d20f39;
141+
background: rgba(210, 15, 57, 0.15);
142+
}
143+
.ewwii.hljs {
144+
color: #c1c3c8;
145+
background: #17181c;
146+
}
147+
.ewwii .hljs-keyword {
148+
color: #8839ef;
149+
}
150+
.ewwii .hljs-built_in {
151+
color: #d20f39;
152+
}
153+
.ewwii .hljs-type {
154+
color: #df8e1d;
155+
}
156+
.ewwii .hljs-literal {
157+
color: #fe640b;
158+
}
159+
.ewwii .hljs-number {
160+
color: #fe640b;
161+
}
162+
.ewwii .hljs-operator {
163+
color: #04a5e5;
164+
}
165+
.ewwii .hljs-punctuation {
166+
color: #5c5f77;
167+
}
168+
.ewwii .hljs-property {
169+
color: #179299;
170+
}
171+
.ewwii .hljs-regexp {
172+
color: #ea76cb;
173+
}
174+
.ewwii .hljs-string {
175+
color: #40a02b;
176+
}
177+
.ewwii .hljs-char.escape_ {
178+
color: #40a02b;
179+
}
180+
.ewwii .hljs-subst {
181+
color: #6c6f85;
182+
}
183+
.ewwii .hljs-symbol {
184+
color: #dd7878;
185+
}
186+
.ewwii .hljs-variable {
187+
color: #8839ef;
188+
}
189+
.ewwii .hljs-variable.language_ {
190+
color: #8839ef;
191+
}
192+
.ewwii .hljs-variable.constant_ {
193+
color: #fe640b;
194+
}
195+
.ewwii .hljs-title {
196+
color: #b3c7ff;
197+
}
198+
.ewwii .hljs-title.class_ {
199+
color: #df8e1d;
200+
}
201+
.ewwii .hljs-title.function_ {
202+
color: #b3c7ff;
203+
}
204+
.ewwii .hljs-params {
205+
color: #c1c3c8;
206+
}
207+
.ewwii .hljs-comment {
208+
color: #7c7f93;
209+
}
210+
.ewwii .hljs-doctag {
211+
color: #d20f39;
212+
}
213+
.ewwii .hljs-meta {
214+
color: #fe640b;
215+
}
216+
.ewwii .hljs-section {
217+
color: #b3c7ff;
218+
}
219+
.ewwii .hljs-tag {
220+
color: #179299;
221+
}
222+
.ewwii .hljs-name {
223+
color: #8839ef;
224+
}
225+
.ewwii .hljs-attr {
226+
color: #b3c7ff;
227+
}
228+
.ewwii .hljs-attribute {
229+
color: #40a02b;
230+
}
231+
.ewwii .hljs-bullet {
232+
color: #179299;
233+
}
234+
.ewwii .hljs-code {
235+
color: #40a02b;
236+
}
237+
.ewwii .hljs-emphasis {
238+
color: #d20f39;
239+
font-style: italic;
240+
}
241+
.ewwii .hljs-strong {
242+
color: #d20f39;
243+
font-weight: bold;
244+
}
245+
.ewwii .hljs-formula {
246+
color: #179299;
247+
}
248+
.ewwii .hljs-link {
249+
color: #209fb5;
250+
font-style: italic;
251+
}
252+
.ewwii .hljs-quote {
253+
color: #40a02b;
254+
font-style: italic;
255+
}
256+
.ewwii .hljs-selector-tag {
257+
color: #df8e1d;
258+
}
259+
.ewwii .hljs-selector-id {
260+
color: #b3c7ff;
261+
}
262+
.ewwii .hljs-selector-class {
263+
color: #179299;
264+
}
265+
.ewwii .hljs-selector-attr {
266+
color: #8839ef;
267+
}
268+
.ewwii .hljs-selector-pseudo {
269+
color: #179299;
270+
}
271+
.ewwii .hljs-template-tag {
272+
color: #dd7878;
273+
}
274+
.ewwii .hljs-template-variable {
275+
color: #dd7878;
276+
}
277+
.ewwii .hljs-addition {
278+
color: #40a02b;
279+
background: rgba(64, 160, 43, 0.15);
280+
}
281+
.ewwii .hljs-deletion {
282+
color: #d20f39;
283+
background: rgba(210, 15, 57, 0.15);
284+
}
285+
.ewwii :is(h1, h2, h3, h4, h5, h6) a code {
286+
color: #c1c3c8;
287+
}
288+
.ewwii a code {
289+
color: #b3c7ff;
290+
}
291+
.ewwii code {
292+
color: #c1c3c8;
293+
background: #23262f;
294+
}
295+
.ewwii pre {
296+
border-top: 2px solid #7c7f93;
297+
padding-top: 0.2em;
298+
}
299+
.ewwii blockquote blockquote {
300+
border-top: 0.1em solid #23262f;
301+
border-bottom: 0.1em solid #23262f;
302+
}
303+
.ewwii hr {
304+
border-color: #23262f;
305+
border-style: solid;
306+
}
307+
.ewwii del {
308+
color: #7c7f93;
309+
}
310+
.ewwii .tooltiptext {
311+
background: #23262f;
312+
color: #c1c3c8;
313+
}
314+
315+
.ewwii .ace_gutter {
316+
color: #7c7f93;
317+
background: #23262f;
318+
}
319+
320+
.ewwii .ace_gutter-active-line.ace_gutter-cell {
321+
color: #ea76cb;
322+
background: #23262f;
323+
}
324+
325+
.ewwii {
326+
--bg: #17181c; /* book background */
327+
--fg: #c1c3c8; /* default text color */
328+
--sidebar-bg: #23262f;
329+
--sidebar-fg: #c1c3c8;
330+
--sidebar-non-existant: #7c7f93;
331+
--sidebar-active: #b3c7ff;
332+
--sidebar-spacer: #7c7f93;
333+
--scrollbar: #7c7f93;
334+
--icons: #7c7f93;
335+
--icons-hover: #c1c3c8;
336+
--links: #b3c7ff;
337+
--inline-code-color: #c1c3c8;
338+
--theme-popup-bg: #23262f;
339+
--theme-popup-border: #7c7f93;
340+
--theme-hover: #2c2f3b;
341+
--quote-bg: #23262f;
342+
--quote-border: #2c2f3b;
343+
--table-border-color: #2c2f3b;
344+
--table-header-bg: #23262f;
345+
--table-alternate-bg: #1c1d21;
346+
--searchbar-border-color: #2c2f3b;
347+
--searchbar-bg: #23262f;
348+
--searchbar-fg: #c1c3c8;
349+
--searchbar-shadow-color: #1c1d21;
350+
--searchresults-header-fg: #c1c3c8;
351+
--searchresults-border-color: #2c2f3b;
352+
--searchresults-li-bg: #17181c;
353+
--search-mark-bg: #fe640b;
354+
--warning-border: #fe640b;
355+
--color-scheme: dark;
356+
--copy-button-filter: brightness(0) saturate(100%) invert(47%) sepia(6%)
357+
saturate(1263%) hue-rotate(195deg) brightness(90%) contrast(81%);
358+
--copy-button-filter-hover: brightness(0) saturate(100%) invert(30%)
359+
sepia(80%) saturate(1850%) hue-rotate(209deg) brightness(94%) contrast(105%);
360+
}

‎docs/theme/index.hbs‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -163,6 +163,7 @@
163163
<li role="none"><button role="menuitem" class="theme" id="frappe">Frappé</button></li>
164164
<li role="none"><button role="menuitem" class="theme" id="macchiato">Macchiato</button></li>
165165
<li role="none"><button role="menuitem" class="theme" id="mocha">Mocha</button></li>
166+
<li role="none"><button role="menuitem" class="theme" id="ewwii">Ewwii</button></li>
166167
</ul>
167168
{{#if search_enabled}}
168169
<button id="search-toggle" class="icon-button" type="button" title="Search (`/`)" aria-label="Toggle Searchbar" aria-expanded="false" aria-keyshortcuts="/ s" aria-controls="searchbar">

0 commit comments

Comments
 (0)