@mark1russell7/site-pages 0.2.3 → 0.2.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.
- package/package.json +1 -1
- package/styles/explorer.css +30 -8
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/package",
|
|
3
3
|
"name": "@mark1russell7/site-pages",
|
|
4
|
-
"version": "0.2.
|
|
4
|
+
"version": "0.2.4",
|
|
5
5
|
"description": "A release timeline page and a live status page for the site of a GitHub repository: JSON data and standalone HTML, made at deploy time.",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"github-pages",
|
package/styles/explorer.css
CHANGED
|
@@ -5,17 +5,25 @@
|
|
|
5
5
|
* import "@mark1russell7/site-pages/explorer.css";
|
|
6
6
|
*
|
|
7
7
|
* The explorer reads the tokens of a site when they exist: --card or --surface, --fg or --ink, --muted,
|
|
8
|
-
* --line or --rule, --sunk or --
|
|
8
|
+
* --line or --rule, --sunk, --sunken or --well, --accent or --focus and --mono. Without them, it uses its own
|
|
9
|
+
* colors, the --rx-base tokens. These tokens have a dark value, so a site can have some of its tokens and not others.
|
|
9
10
|
* The two dark rules below keep the same values, as the rules of shell.css do.
|
|
10
11
|
*/
|
|
11
12
|
.response-explorer {
|
|
12
|
-
--rx-surface:
|
|
13
|
-
--rx-sunken:
|
|
14
|
-
--rx-ink:
|
|
15
|
-
--rx-muted:
|
|
16
|
-
--rx-rule:
|
|
17
|
-
--rx-accent:
|
|
18
|
-
--rx-error:
|
|
13
|
+
--rx-base-surface: #ffffff;
|
|
14
|
+
--rx-base-sunken: #f1eee8;
|
|
15
|
+
--rx-base-ink: #1b1a17;
|
|
16
|
+
--rx-base-muted: #5d5952;
|
|
17
|
+
--rx-base-rule: #e0dbd1;
|
|
18
|
+
--rx-base-accent: #2f5bd3;
|
|
19
|
+
--rx-base-error: #b42318;
|
|
20
|
+
--rx-surface: var(--card, var(--surface, var(--rx-base-surface)));
|
|
21
|
+
--rx-sunken: var(--sunk, var(--sunken, var(--well, var(--rx-base-sunken))));
|
|
22
|
+
--rx-ink: var(--fg, var(--ink, var(--rx-base-ink)));
|
|
23
|
+
--rx-muted: var(--muted, var(--rx-base-muted));
|
|
24
|
+
--rx-rule: var(--line, var(--rule, var(--rx-base-rule)));
|
|
25
|
+
--rx-accent: var(--accent, var(--focus, var(--rx-base-accent)));
|
|
26
|
+
--rx-error: var(--err, var(--rx-base-error));
|
|
19
27
|
--rx-mono: var(--mono, ui-monospace, Menlo, Consolas, monospace);
|
|
20
28
|
--rx-veil: #8f8d86;
|
|
21
29
|
--rx-seq-0: #cde2fb;
|
|
@@ -39,6 +47,13 @@
|
|
|
39
47
|
|
|
40
48
|
@media (prefers-color-scheme: dark) {
|
|
41
49
|
:root:not([data-theme="light"]) .response-explorer {
|
|
50
|
+
--rx-base-surface: #171a23;
|
|
51
|
+
--rx-base-sunken: #1f2330;
|
|
52
|
+
--rx-base-ink: #e8e9ef;
|
|
53
|
+
--rx-base-muted: #a0a4b6;
|
|
54
|
+
--rx-base-rule: #2e3345;
|
|
55
|
+
--rx-base-accent: #93abff;
|
|
56
|
+
--rx-base-error: #fda29b;
|
|
42
57
|
--rx-veil: #55534e;
|
|
43
58
|
--rx-seq-0: #0d366b;
|
|
44
59
|
--rx-seq-1: #104281;
|
|
@@ -55,6 +70,13 @@
|
|
|
55
70
|
}
|
|
56
71
|
|
|
57
72
|
:root[data-theme="dark"] .response-explorer {
|
|
73
|
+
--rx-base-surface: #171a23;
|
|
74
|
+
--rx-base-sunken: #1f2330;
|
|
75
|
+
--rx-base-ink: #e8e9ef;
|
|
76
|
+
--rx-base-muted: #a0a4b6;
|
|
77
|
+
--rx-base-rule: #2e3345;
|
|
78
|
+
--rx-base-accent: #93abff;
|
|
79
|
+
--rx-base-error: #fda29b;
|
|
58
80
|
--rx-veil: #55534e;
|
|
59
81
|
--rx-seq-0: #0d366b;
|
|
60
82
|
--rx-seq-1: #104281;
|