vowel 0.3.3 → 0.3.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/stylesheets/DefaultStyles.css +69 -33
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "vowel",
3
3
  "type": "module",
4
- "version": "0.3.3",
4
+ "version": "0.3.4",
5
5
  "bin": "bin.js",
6
6
  "main": "index.js",
7
7
  "scripts": {
package/stylesheets/DefaultStyles.css CHANGED
@@ -9,7 +9,7 @@
9
9
 
10
10
  @layer default {
11
11
  :root {
12
-
12
+ --accent-00: oklch(1 0.030170139248992922 90.24115342246611);
13
13
  --accent-01: oklch(0.9536456092315344 0.030170139248992922 90.24115342246611);
14
14
  --accent-02: oklch(0.8924089806120152 0.08826670827983002 90.24115342246611);
15
15
  --accent-03: oklch(0.844618 0.14828222329121668 90.24115342246611);
@@ -21,6 +21,7 @@
21
21
  --accent-09: oklch(0.38727951482578865 0.05695363236371703 90.24115342246611);
22
22
  --accent-10: oklch(0.24916012628129958 0.03201699687903088 90.24115342246611);
23
23
  --accent-11: oklch(0.11046170738630641 0.01528852137867617 90.24115342246611);
24
+ --danger-00: oklch(1 0.037138530373020395 -25.754653176550182);
24
25
  --danger-01: oklch(0.9536456092315344 0.037138530373020395 -25.754653176550182);
25
26
  --danger-02: oklch(0.8924089806120152 0.0908858065656466 -25.754653176550182);
26
27
  --danger-03: oklch(0.844618 0.15656415898125758 -25.754653176550182);
@@ -32,6 +33,7 @@
32
33
  --danger-09: oklch(0.38727951482578865 0.1036689817070561 -25.754653176550182);
33
34
  --danger-10: oklch(0.24916012628129958 0.058004850702477094 -25.754653176550182);
34
35
  --danger-11: oklch(0.11046170738630641 0.02748297973358925 -25.754653176550182);
36
+ --info-00: oklch(1 0.032559707682643824 244.1900622367698);
35
37
  --info-01: oklch(0.9536456092315344 0.032559707682643824 244.1900622367698);
36
38
  --info-02: oklch(0.8924089806120152 0.07422782322853594 244.1900622367698);
37
39
  --info-03: oklch(0.844618 0.12605888808084453 244.1900622367698);
@@ -43,6 +45,7 @@
43
45
  --info-09: oklch(0.38727951482578865 0.12889889174890792 244.1900622367698);
44
46
  --info-10: oklch(0.24916012628129958 0.0769636599555286 244.1900622367698);
45
47
  --info-11: oklch(0.11046170738630641 0.034552898697749426 244.1900622367698);
48
+ --primary-00: oklch(1 0.033943473040194294 -82.72000000000003);
46
49
  --primary-01: oklch(0.9536456092315344 0.033943473040194294 -82.72000000000003);
47
50
  --primary-02: oklch(0.8924089806120152 0.07208713732898053 -82.72000000000003);
48
51
  --primary-03: oklch(0.844618 0.10967407324412015 -82.72000000000003);
@@ -54,6 +57,7 @@
54
57
  --primary-09: oklch(0.38727951482578865 0.22519086267101945 -82.72000000000003);
55
58
  --primary-10: oklch(0.24916012628129958 0.1489244571729748 -82.72000000000003);
56
59
  --primary-11: oklch(0.11046170738630641 0.07262669982202441 -82.72000000000003);
60
+ --secondary-00: oklch(1 0.03523506763462919 174.9674);
57
61
  --secondary-01: oklch(0.9536456092315344 0.03523506763462919 174.9674);
58
62
  --secondary-02: oklch(0.8924089806120152 0.12226651611616707 174.9674);
59
63
  --secondary-03: oklch(0.844618 0.159299 174.9674);
@@ -65,6 +69,7 @@
65
69
  --secondary-09: oklch(0.38727951482578865 0.037032483883832935 174.9674);
66
70
  --secondary-10: oklch(0.24916012628129958 0.02375390884349093 174.9674);
67
71
  --secondary-11: oklch(0.11046170738630641 0.011400212679566413 174.9674);
72
+ --success-00: oklch(1 0.024257111887574123 148.30000439636984);
68
73
  --success-01: oklch(0.9536456092315344 0.024257111887574123 148.30000439636984);
69
74
  --success-02: oklch(0.8924089806120152 0.07351482341637697 148.30000439636984);
70
75
  --success-03: oklch(0.844618 0.12466168066207778 148.30000439636984);
@@ -76,6 +81,7 @@
76
81
  --success-09: oklch(0.38727951482578865 0.0457513376060701 148.30000439636984);
77
82
  --success-10: oklch(0.24916012628129958 0.02575933593360364 148.30000439636984);
78
83
  --success-11: oklch(0.11046170738630641 0.012313506052849059 148.30000439636984);
84
+ --tertiary-00: oklch(1 0.034046389815560296 2.791302501092794);
79
85
  --tertiary-01: oklch(0.9536456092315344 0.034046389815560296 2.791302501092794);
80
86
  --tertiary-02: oklch(0.8924089806120152 0.08421751016426371 2.791302501092794);
81
87
  --tertiary-03: oklch(0.844618 0.14726059081820986 2.791302501092794);
@@ -87,6 +93,7 @@
87
93
  --tertiary-09: oklch(0.38727951482578865 0.09664947566806639 2.791302501092794);
88
94
  --tertiary-10: oklch(0.24916012628129958 0.053320044751899345 2.791302501092794);
89
95
  --tertiary-11: oklch(0.11046170738630641 0.025277009084351466 2.791302501092794);
96
+ --warning-00: oklch(1 0.033978843637678835 61.19378984733035);
90
97
  --warning-01: oklch(0.9536456092315344 0.033978843637678835 61.19378984733035);
91
98
  --warning-02: oklch(0.8924089806120152 0.09727044978770355 61.19378984733035);
92
99
  --warning-03: oklch(0.844618 0.16243636817381144 61.19378984733035);
@@ -100,13 +107,42 @@
100
107
  --warning-11: oklch(0.11046170738630641 0.017183679327988338 61.19378984733035);
101
108
 
102
109
 
103
- --text-color: light-dark(var(--primary-11), var(--primary-01));
104
- --link-color: light-dark(var(--secondary-07), var(--secondary-03));
105
- --link-hover-color: light-dark(var(--secondary-06), var(--secondary-04));
106
- --border-color: light-dark(var(--primary-03), var(--primary-09));
107
- --main-background: light-dark(var(--primary-01), var(--primary-11));
108
- --code-background: light-dark(var(--primary-02), var(--primary-10));
109
- --soft-background: light-dark(var(--primary-02), var(--primary-10));
110
+ /* main */
111
+ --primary-text-color: light-dark(var(--primary-11), var(--primary-01));
112
+ --primary-heading-color: light-dark(var(--primary-10), var(--primary-02));
113
+ --primary-link-color: light-dark(var(--secondary-07), var(--secondary-03));
114
+ --primary-link-hover-color: light-dark(var(--secondary-06), var(--secondary-04));
115
+ --primary-border-color: light-dark(var(--primary-03), var(--primary-09));
116
+
117
+ /* secondary */
118
+ --secondary-text-color: light-dark(var(--secondary-11), var(--secondary-01));
119
+ --secondary-heading-color: light-dark(var(--secondary-09), var(--secondary-03));
120
+
121
+ /* backgrounds */
122
+ --main-background: light-dark(var(--primary-00), var(--primary-11));
123
+ --code-background: light-dark(var(--primary-01), var(--primary-10));
124
+ --soft-background: light-dark(var(--primary-01), var(--primary-10));
125
+
126
+ /* alerts */
127
+ --warning-background: light-dark(var(--warning-01), var(--warning-10));
128
+ --warning-text: light-dark(var(--warning-10), var(--warning-01));
129
+ --warning-border: light-dark(var(--warning-02), var(--warning-08));
130
+ --warning-heading: light-dark(var(--warning-08), var(--warning-02));
131
+
132
+ --danger-background: light-dark(var(--danger-01), var(--danger-10));
133
+ --danger-text: light-dark(var(--danger-10), var(--danger-01));
134
+ --danger-border: light-dark(var(--danger-02), var(--danger-08));
135
+ --danger-heading: light-dark(var(--danger-08), var(--danger-02));
136
+
137
+ --success-background: light-dark(var(--success-01), var(--success-10));
138
+ --success-text: light-dark(var(--success-10), var(--success-01));
139
+ --success-border: light-dark(var(--success-02), var(--success-08));
140
+ --success-heading: light-dark(var(--success-08), var(--success-02));
141
+
142
+ --note-background: light-dark(var(--note-01), var(--note-10));
143
+ --note-text: light-dark(var(--note-10), var(--note-01));
144
+ --node-border: light-dark(var(--node-02), var(--node-08));
145
+ --note-heading: light-dark(var(--note-08), var(--note-02));
110
146
  }
111
147
 
112
148
  :root {
@@ -169,15 +205,15 @@
169
205
  /* Colors */
170
206
 
171
207
  html {
172
- color: var(--text-color);
208
+ color: var(--primary-text-color);
173
209
  background: var(--main-background);
174
210
  }
175
211
 
176
212
  a:where(:not([rel=home])) {
177
- color: var(--link-color);
213
+ color: var(--primary-link-color);
178
214
 
179
215
  &:hover {
180
- color: var(--link-hover-color);
216
+ color: var(--primary-link-hover-color);
181
217
  }
182
218
  }
183
219
 
@@ -187,11 +223,11 @@
187
223
  }
188
224
 
189
225
  blockquote {
190
- border-left: 5px solid var(--border-color);
226
+ border-left: 5px solid var(--primary-border-color);
191
227
  }
192
228
 
193
229
  article {
194
- border: 1px solid var(--border-color);
230
+ border: 1px solid var(--primary-border-color);
195
231
  background: var(--soft-background);
196
232
  padding: 2rem 2rem 2rem;
197
233
  border-radius: calc(1rem + 5px);
@@ -205,7 +241,7 @@
205
241
  }
206
242
 
207
243
  hr {
208
- border-top: 1px solid var(--text-color);
244
+ border-top: 1px solid var(--primary-text-color);
209
245
  }
210
246
 
211
247
  /* Frontmatter */
@@ -284,7 +320,7 @@
284
320
  }
285
321
 
286
322
  nav {
287
- border: 1px solid var(--border-color);
323
+ border: 1px solid var(--primary-border-color);
288
324
  padding: 0px 6px;
289
325
  width: 100%;
290
326
 
@@ -313,7 +349,7 @@
313
349
  &:after {
314
350
  display: block;
315
351
  content: '';
316
- border-bottom: 1px solid var(--border-color);
352
+ border-bottom: 1px solid var(--primary-border-color);
317
353
  flex-basis: 100%;
318
354
  margin-block: 0.7rem;
319
355
  }
@@ -389,7 +425,7 @@
389
425
  p:where([itemprop=description]),
390
426
  main>p:first-of-type {
391
427
  font-size: 1.3em;
392
- color: var(--secondary-10);
428
+ color: var(--secondary-text-color);
393
429
  }
394
430
 
395
431
  article a {
@@ -443,46 +479,46 @@
443
479
 
444
480
  aside.alert.note {
445
481
  --icon: 'ℹ️';
446
- background: var(--info-02);
447
- color: var(--info-10);
448
- border-left: 3px solid var(--info-03);
482
+ background: var(--info-background);
483
+ color: var(--info-text);
484
+ border-left: 3px solid var(--info-border);
449
485
 
450
486
  h2 {
451
- color: var(--info-08);
487
+ color: var(--info-heading);
452
488
  }
453
489
  }
454
490
 
455
491
  aside.alert.success {
456
492
  --icon: '💡';
457
- background: var(--success-02);
458
- color: var(--success-10);
459
- border-left: 3px solid var(--success-03);
493
+ background: var(--success-background);
494
+ color: var(--success-text);
495
+ border-left: 3px solid var(--success-border);
460
496
 
461
497
  h2 {
462
- color: var(--success-08);
498
+ color: var(--success-heading);
463
499
  }
464
500
  }
465
501
 
466
502
  aside.alert.warning {
467
503
  --icon: '⚠️';
468
- background: var(--warning-02);
469
- color: var(--warning-10);
470
- border-left: 3px solid var(--warning-03);
504
+ background: var(--warning-background);
505
+ color: var(--warning-text);
506
+ border-left: 3px solid var(--warning-border);
471
507
 
472
508
  h2 {
473
- color: var(--warning-08);
509
+ color: var(--warning-heading);
474
510
  }
475
511
  }
476
512
 
477
513
 
478
514
  aside.alert.danger {
479
515
  --icon: '⛔️';
480
- background: var(--danger-02);
481
- color: var(--danger-10);
482
- border-left: 3px solid var(--danger-03);
516
+ background: var(--danger-background);
517
+ color: var(--danger-text);
518
+ border-left: 3px solid var(--danger-border);
483
519
 
484
520
  h2 {
485
- color: var(--danger-08);
521
+ color: var(--danger-border);
486
522
  }
487
523
  }
488
524