astryx-dracula 0.1.3 → 0.1.5
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/BRAND.md +1 -1
- package/astryx-dracula.js +4 -4
- package/package.json +1 -1
- package/theme.css +4 -4
- package/tokens.css +4 -4
package/BRAND.md
CHANGED
|
@@ -74,4 +74,4 @@ Radii flat and crisp (5px elements, 4px inner). Everything below is a core defau
|
|
|
74
74
|
|
|
75
75
|
## Dims
|
|
76
76
|
|
|
77
|
-
Gap
|
|
77
|
+
Gap 24px, viewport 16px, content 15px vertical / 16px horizontal, widget-gap 24px, tile-row 96px, radius 5px everywhere, JetBrains Mono, type scale base 14 ratio 1.2: h1 24 / h2 20 / h3 17 / h4 14 / body 14 / supporting 12 / h6 10. Outer Card padding 4, nested inset 3. Touch targets 24px floor, 44 where touch matters.
|
package/astryx-dracula.js
CHANGED
|
@@ -123,11 +123,11 @@ export const astryxDraculaTheme = {
|
|
|
123
123
|
"--color-warning-muted": "var(--color-background-yellow)",
|
|
124
124
|
"--color-error-muted": "var(--color-background-red)",
|
|
125
125
|
"--color-info-muted": "var(--color-background-cyan)",
|
|
126
|
-
"--space-gap": "
|
|
127
|
-
"--space-viewport": "
|
|
126
|
+
"--space-gap": "24px",
|
|
127
|
+
"--space-viewport": "16px",
|
|
128
128
|
"--widget-content-vertical": "15px",
|
|
129
|
-
"--widget-content-horizontal": "
|
|
130
|
-
"--widget-gap": "
|
|
129
|
+
"--widget-content-horizontal": "16px",
|
|
130
|
+
"--widget-gap": "24px",
|
|
131
131
|
"--tile-row": "96px",
|
|
132
132
|
"--border-radius": "5px",
|
|
133
133
|
"--color-background-body": "light-dark(#282A36, #282A36)",
|
package/package.json
CHANGED
package/theme.css
CHANGED
|
@@ -189,11 +189,11 @@
|
|
|
189
189
|
--color-warning-muted: var(--color-background-yellow);
|
|
190
190
|
--color-error-muted: var(--color-background-red);
|
|
191
191
|
--color-info-muted: var(--color-background-cyan);
|
|
192
|
-
--space-gap:
|
|
193
|
-
--space-viewport:
|
|
192
|
+
--space-gap: 24px;
|
|
193
|
+
--space-viewport: 16px;
|
|
194
194
|
--widget-content-vertical: 15px;
|
|
195
|
-
--widget-content-horizontal:
|
|
196
|
-
--widget-gap:
|
|
195
|
+
--widget-content-horizontal: 16px;
|
|
196
|
+
--widget-gap: 24px;
|
|
197
197
|
--tile-row: 96px;
|
|
198
198
|
--border-radius: 5px;
|
|
199
199
|
--color-background-body: light-dark(#282A36, #282A36);
|
package/tokens.css
CHANGED
|
@@ -45,11 +45,11 @@
|
|
|
45
45
|
--dracula-functional-cyan: #0081D6;
|
|
46
46
|
--dracula-functional-purple: #815CD6;
|
|
47
47
|
|
|
48
|
-
--space-gap:
|
|
49
|
-
--space-viewport:
|
|
48
|
+
--space-gap: 24px;
|
|
49
|
+
--space-viewport: 16px;
|
|
50
50
|
--widget-content-vertical: 15px;
|
|
51
|
-
--widget-content-horizontal:
|
|
52
|
-
--widget-gap:
|
|
51
|
+
--widget-content-horizontal: 16px;
|
|
52
|
+
--widget-gap: 24px;
|
|
53
53
|
--tile-row: 96px;
|
|
54
54
|
--border-radius: 5px;
|
|
55
55
|
--radius-element: 5px;
|