@kolkrabbi/kol-framework 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.
- package/kol-brand-color.css +54 -0
- package/package.json +1 -1
package/kol-brand-color.css
CHANGED
|
@@ -59,6 +59,20 @@
|
|
|
59
59
|
--kol-color-teal-400: #387E7F;
|
|
60
60
|
--kol-color-teal-500: #275A5B;
|
|
61
61
|
|
|
62
|
+
/* Green — muted natural green (chart categorical hue; not a core identity anchor). ★ 300. */
|
|
63
|
+
--kol-color-green-100: #A8CBA0;
|
|
64
|
+
--kol-color-green-200: #7FB073;
|
|
65
|
+
--kol-color-green-300: #4C9A5F; /* anchor */
|
|
66
|
+
--kol-color-green-400: #37733F;
|
|
67
|
+
--kol-color-green-500: #285229;
|
|
68
|
+
|
|
69
|
+
/* Purple — muted violet (chart categorical hue; not a core identity anchor). ★ 300. */
|
|
70
|
+
--kol-color-purple-100: #B9A8D6;
|
|
71
|
+
--kol-color-purple-200: #9179B8;
|
|
72
|
+
--kol-color-purple-300: #6B4E9E; /* anchor */
|
|
73
|
+
--kol-color-purple-400: #4E3873;
|
|
74
|
+
--kol-color-purple-500: #38285A;
|
|
75
|
+
|
|
62
76
|
/* Cream — utility neutral, project-flavored. */
|
|
63
77
|
--kol-color-cream-100: #FAF7F0;
|
|
64
78
|
--kol-color-cream-200: #F5F0E6;
|
|
@@ -97,6 +111,34 @@
|
|
|
97
111
|
--kol-accent-on-secondary: var(--kol-color-cream-100); /* ink on accent-secondary */
|
|
98
112
|
}
|
|
99
113
|
|
|
114
|
+
/* =============================================================================
|
|
115
|
+
* CHART PALETTE + SEMANTIC ALIASES (consumed by kol-components-{chess,dashboards})
|
|
116
|
+
*
|
|
117
|
+
* The dashboards/chess chart classes reference a categorical `--kol-palette-*`
|
|
118
|
+
* scale plus a display-font + danger token. These map onto the ramps above
|
|
119
|
+
* (chart-legible mid-stops, not the identity anchors where those run too dark /
|
|
120
|
+
* light) and the theme's semantic tokens. Kept here so one edit rebrands the
|
|
121
|
+
* chart palette with the rest of the identity. Before this block these tokens
|
|
122
|
+
* resolved to nothing, collapsing every chart series onto --kol-accent-primary.
|
|
123
|
+
* ============================================================================= */
|
|
124
|
+
|
|
125
|
+
:root {
|
|
126
|
+
--kol-palette-blue: var(--kol-color-blue-200);
|
|
127
|
+
--kol-palette-green: var(--kol-color-green-300);
|
|
128
|
+
--kol-palette-yellow: var(--kol-color-yellow-300);
|
|
129
|
+
--kol-palette-red: var(--kol-color-red-200);
|
|
130
|
+
--kol-palette-orange: var(--kol-color-orange-300);
|
|
131
|
+
--kol-palette-purple: var(--kol-color-purple-300);
|
|
132
|
+
--kol-palette-teal: var(--kol-color-teal-300);
|
|
133
|
+
|
|
134
|
+
/* Display heading font for the chess/dashboards specimen chrome. */
|
|
135
|
+
--kol-font-family-heading: var(--kol-font-family-sans-narrow);
|
|
136
|
+
|
|
137
|
+
/* Danger status (chess analysis results / time-class dots). */
|
|
138
|
+
--kol-status-danger: var(--ui-error);
|
|
139
|
+
--kol-status-danger-muted: color-mix(in srgb, var(--ui-error) 55%, transparent);
|
|
140
|
+
}
|
|
141
|
+
|
|
100
142
|
/* =============================================================================
|
|
101
143
|
* TAILWIND CONTRACT — palette + accent exposures
|
|
102
144
|
*
|
|
@@ -142,6 +184,18 @@
|
|
|
142
184
|
--color-kol-teal-400: var(--kol-color-teal-400);
|
|
143
185
|
--color-kol-teal-500: var(--kol-color-teal-500);
|
|
144
186
|
|
|
187
|
+
--color-kol-green-100: var(--kol-color-green-100);
|
|
188
|
+
--color-kol-green-200: var(--kol-color-green-200);
|
|
189
|
+
--color-kol-green-300: var(--kol-color-green-300);
|
|
190
|
+
--color-kol-green-400: var(--kol-color-green-400);
|
|
191
|
+
--color-kol-green-500: var(--kol-color-green-500);
|
|
192
|
+
|
|
193
|
+
--color-kol-purple-100: var(--kol-color-purple-100);
|
|
194
|
+
--color-kol-purple-200: var(--kol-color-purple-200);
|
|
195
|
+
--color-kol-purple-300: var(--kol-color-purple-300);
|
|
196
|
+
--color-kol-purple-400: var(--kol-color-purple-400);
|
|
197
|
+
--color-kol-purple-500: var(--kol-color-purple-500);
|
|
198
|
+
|
|
145
199
|
/* Cream — utility neutral. */
|
|
146
200
|
--color-kol-cream-100: var(--kol-color-cream-100);
|
|
147
201
|
--color-kol-cream-200: var(--kol-color-cream-200);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-framework",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.4",
|
|
4
4
|
"description": "KOL app shell — sidenav, layout, theme toggle, footer, heroes + brand color layer. SideNav takes nav data as props so the tree stays app-local.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|