@t8/docsgen 0.2.37 → 0.2.39

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.
package/dist/css/base.css CHANGED
@@ -1,13 +1,11 @@
1
1
  :root {
2
- color-scheme: light dark;
3
-
4
- --default-base-color: light-dark(#f2f2f2, #1d2331);
5
- --default-link-color: light-dark(royalblue, deepskyblue);
2
+ --default-base-color: #f2f2f2;
3
+ --default-link-color: royalblue;
6
4
 
7
5
  /* backgrounds */
8
- --b0: light-dark(white, #1a1a1a);
6
+ --b0: white;
9
7
  --b1: var(--base-color, var(--default-base-color));
10
- --button-color: light-dark(royalblue, royalblue);
8
+ --button-color: royalblue;
11
9
 
12
10
  /* text colors */
13
11
  --c0: oklch(from var(--b0) calc(100 * (0.78 - l)) 0 0 / 0.82);
@@ -35,19 +33,22 @@
35
33
  --overlay-background-color: hsl(from var(--b1) h s 50% / 0.2);
36
34
  --overlay-border-color: hsl(from var(--b1) h s 60% / 0.7);
37
35
 
36
+ --color: var(--c0);
37
+ --code-background: color(from var(--color) srgb r g b / 0.08);
38
+
38
39
  font: normal 100% / 1.45 sans-serif;
39
- font-family:
40
- -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu",
41
- "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
40
+ color: var(--color);
41
+ background: var(--b0);
42
42
  }
43
- html {
44
- color: var(--c0);
45
- background-color: var(--b0);
46
- background-position: 50% 0;
43
+ @media (prefers-color-scheme: dark) {
44
+ :root {
45
+ --default-base-color: #1d2331;
46
+ --default-link-color: deepskyblue;
47
+ --b0: #1a1a1a;
48
+ --code-background: color(from var(--color) srgb r g b / 0.15);
49
+ }
47
50
  }
48
51
  body {
49
- color: inherit;
50
- background-color: transparent;
51
52
  padding: 0;
52
53
  margin: 0;
53
54
  }
@@ -80,6 +81,7 @@ a:link,
80
81
  a:visited,
81
82
  a:hover,
82
83
  a:active {
84
+ --color: var(--a0);
83
85
  color: var(--a0);
84
86
  text-decoration: none;
85
87
  border-bottom: var(--link-border);
@@ -180,10 +182,7 @@ main li {
180
182
  margin: 0;
181
183
  }
182
184
  code {
183
- background: light-dark(
184
- color(from currentColor srgb r g b / 0.08),
185
- color(from currentColor srgb r g b / 0.15)
186
- );
185
+ background: var(--code-background);
187
186
  border-radius: 0.35em;
188
187
  padding: 0.15em 0.35em;
189
188
  }
package/dist/css/code.css CHANGED
@@ -11,6 +11,9 @@
11
11
  color: #2b7945;
12
12
  background: #daf4ea;
13
13
  }
14
+ .hljs-comment {
15
+ color: #898e93;
16
+ }
14
17
  }
15
18
  @media (prefers-color-scheme: dark) {
16
19
  .hljs-bullet,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@t8/docsgen",
3
- "version": "0.2.37",
3
+ "version": "0.2.39",
4
4
  "description": "",
5
5
  "main": "dist/bin.js",
6
6
  "bin": {
package/src/css/base.css CHANGED
@@ -1,13 +1,11 @@
1
1
  :root {
2
- color-scheme: light dark;
3
-
4
- --default-base-color: light-dark(#f2f2f2, #1d2331);
5
- --default-link-color: light-dark(royalblue, deepskyblue);
2
+ --default-base-color: #f2f2f2;
3
+ --default-link-color: royalblue;
6
4
 
7
5
  /* backgrounds */
8
- --b0: light-dark(white, #1a1a1a);
6
+ --b0: white;
9
7
  --b1: var(--base-color, var(--default-base-color));
10
- --button-color: light-dark(royalblue, royalblue);
8
+ --button-color: royalblue;
11
9
 
12
10
  /* text colors */
13
11
  --c0: oklch(from var(--b0) calc(100 * (0.78 - l)) 0 0 / 0.82);
@@ -35,19 +33,22 @@
35
33
  --overlay-background-color: hsl(from var(--b1) h s 50% / 0.2);
36
34
  --overlay-border-color: hsl(from var(--b1) h s 60% / 0.7);
37
35
 
36
+ --color: var(--c0);
37
+ --code-background: color(from var(--color) srgb r g b / 0.08);
38
+
38
39
  font: normal 100% / 1.45 sans-serif;
39
- font-family:
40
- -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu",
41
- "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
40
+ color: var(--color);
41
+ background: var(--b0);
42
42
  }
43
- html {
44
- color: var(--c0);
45
- background-color: var(--b0);
46
- background-position: 50% 0;
43
+ @media (prefers-color-scheme: dark) {
44
+ :root {
45
+ --default-base-color: #1d2331;
46
+ --default-link-color: deepskyblue;
47
+ --b0: #1a1a1a;
48
+ --code-background: color(from var(--color) srgb r g b / 0.15);
49
+ }
47
50
  }
48
51
  body {
49
- color: inherit;
50
- background-color: transparent;
51
52
  padding: 0;
52
53
  margin: 0;
53
54
  }
@@ -80,6 +81,7 @@ a:link,
80
81
  a:visited,
81
82
  a:hover,
82
83
  a:active {
84
+ --color: var(--a0);
83
85
  color: var(--a0);
84
86
  text-decoration: none;
85
87
  border-bottom: var(--link-border);
@@ -180,10 +182,7 @@ main li {
180
182
  margin: 0;
181
183
  }
182
184
  code {
183
- background: light-dark(
184
- color(from currentColor srgb r g b / 0.08),
185
- color(from currentColor srgb r g b / 0.15)
186
- );
185
+ background: var(--code-background);
187
186
  border-radius: 0.35em;
188
187
  padding: 0.15em 0.35em;
189
188
  }
package/src/css/code.css CHANGED
@@ -11,6 +11,9 @@
11
11
  color: #2b7945;
12
12
  background: #daf4ea;
13
13
  }
14
+ .hljs-comment {
15
+ color: #898e93;
16
+ }
14
17
  }
15
18
  @media (prefers-color-scheme: dark) {
16
19
  .hljs-bullet,