@moshevents/tokens 0.2.0 → 0.3.1
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/README.md +12 -0
- package/dist/theme.css +4 -0
- package/dist/tokens.css +5 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -79,6 +79,18 @@ label.font = .systemFont(ofSize: MoshFontSize.textBase, weight: MoshWeight.semib
|
|
|
79
79
|
|
|
80
80
|
SwiftPM resolves straight from the git tag — no registry/publish needed.
|
|
81
81
|
|
|
82
|
+
### Secondary color — electric violet
|
|
83
|
+
|
|
84
|
+
**Violet marks content to notice; red marks the action to take. Never let the two trade jobs.**
|
|
85
|
+
(Garrett, 2026-10-15 — provisional, revisit any time.) `--color-secondary` (#6b46ff) is for
|
|
86
|
+
fills — public events on calendars and lists, the today marker, a featured highlight, selected
|
|
87
|
+
filter chips (violet outline + `rgba(var(--color-secondary-rgb), .10)` tint). Text on a violet
|
|
88
|
+
fill is always white. Violet text is `--color-secondary-strong` on white and
|
|
89
|
+
`--color-secondary-light` on dark — never slate ink on #6b46ff (3.35:1). Not for primary
|
|
90
|
+
buttons, errors, status meanings (success/warning/danger) or focus rings. One violet element
|
|
91
|
+
type per view, like one primary button per view. The dashboard slots `--vd-secondary` /
|
|
92
|
+
`--vd-secondary-text` live in the website's `packages/ui/base.css`.
|
|
93
|
+
|
|
82
94
|
## Releasing
|
|
83
95
|
|
|
84
96
|
Publishing is **Trusted Publishing (OIDC)** — no token or secret. One-time setup:
|
package/dist/theme.css
CHANGED
|
@@ -9,6 +9,9 @@
|
|
|
9
9
|
--color-brand-soft: #ff3d3d;
|
|
10
10
|
--color-brand-deep: #b30000;
|
|
11
11
|
--color-accent-deep: #b30000;
|
|
12
|
+
--color-secondary: #6b46ff;
|
|
13
|
+
--color-secondary-strong: #5530e0;
|
|
14
|
+
--color-secondary-light: #a996ff;
|
|
12
15
|
--color-bg: #ffffff;
|
|
13
16
|
--color-surface-0: #fafafa;
|
|
14
17
|
--color-surface-1: #f5f5f5;
|
|
@@ -141,6 +144,7 @@
|
|
|
141
144
|
/* Channel vars (rgba(var(--…), <alpha>)) — outside @theme on purpose. */
|
|
142
145
|
:root {
|
|
143
146
|
--color-brand-rgb: 255, 41, 41;
|
|
147
|
+
--color-secondary-rgb: 107, 70, 255;
|
|
144
148
|
--color-danger-rgb: 239, 68, 68;
|
|
145
149
|
--color-danger-bright-rgb: 248, 113, 113;
|
|
146
150
|
}
|
package/dist/tokens.css
CHANGED
|
@@ -11,8 +11,12 @@
|
|
|
11
11
|
--color-brand-light: #ff6b6b; /* light red, best for text on dark */
|
|
12
12
|
--color-brand-soft: #ff3d3d;
|
|
13
13
|
--color-brand-deep: #b30000; /* pressed / deep */
|
|
14
|
-
--color-accent-deep: #b30000; /*
|
|
14
|
+
--color-accent-deep: #b30000; /* deep-red accent that pairs with brand red (NOT the secondary color — that is color-secondary) */
|
|
15
15
|
--color-brand-rgb: 255, 41, 41; /* brand red channels — for rgba(var(--color-brand-rgb), <alpha>) */
|
|
16
|
+
--color-secondary: #6b46ff; /* SECONDARY electric violet (Garrett 2026-10-15, provisional) — content to notice, never an action or an error. Fills: event chips, today marker, swatches. Text on it is always white (5.32:1); never slate ink (3.35:1) */
|
|
17
|
+
--color-secondary-strong: #5530e0; /* violet text and icons on white (7.28:1) */
|
|
18
|
+
--color-secondary-light: #a996ff; /* violet text on dark surfaces (8.49:1 on #000, 7.58:1 on surface-1) */
|
|
19
|
+
--color-secondary-rgb: 107, 70, 255; /* violet channels — for rgba(var(--color-secondary-rgb), <alpha>), e.g. .10 for a selected chip tint */
|
|
16
20
|
--color-bg: #ffffff; /* app background */
|
|
17
21
|
--surface-0: #fafafa;
|
|
18
22
|
--surface-1: #f5f5f5;
|
package/package.json
CHANGED