@nadicodeai/design-system 0.2.0 → 0.4.0
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/AGENTS.md +6 -5
- package/DESIGN.md +167 -61
- package/dist/css/components/agent-avatar.css +1 -1
- package/dist/css/components/chat-bubble-agent.css +3 -3
- package/dist/css/components/state-tag.css +14 -0
- package/dist/css/components/typing-dots.css +3 -3
- package/dist/css/primitives.css +4 -5
- package/dist/css/tokens.generated.css +116 -44
- package/dist/favicon/favicon.svg +1 -1
- package/dist/tailwind/nadicode.tailwind.json +116 -44
- package/dist/tailwind/nadicode.theme.css +142 -56
- package/dist/tokens/nadicode.dtcg.json +1015 -223
- package/package.json +3 -3
- package/src/assets/favicon.svg +1 -1
- package/src/assets/logo-mark.svg +2 -2
- package/src/assets/logo-wordmark.svg +2 -2
- package/dist/icons/--full-page +0 -0
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
:root {
|
|
7
7
|
/* Colors */
|
|
8
|
-
--nc-primary: #
|
|
8
|
+
--nc-primary: #008c45;
|
|
9
9
|
--nc-on-primary: #ffffff;
|
|
10
10
|
--nc-ink: #171717;
|
|
11
11
|
--nc-body: #4d4d4d;
|
|
@@ -16,53 +16,125 @@
|
|
|
16
16
|
--nc-line: #e5e5e5;
|
|
17
17
|
--nc-seam: #e4e7ec;
|
|
18
18
|
--nc-cross: #a1a1a1;
|
|
19
|
-
--nc-link: #
|
|
20
|
-
--nc-link-deep: #
|
|
21
|
-
--nc-link-bg-soft: #
|
|
19
|
+
--nc-link: #007a3c;
|
|
20
|
+
--nc-link-deep: #00602f;
|
|
21
|
+
--nc-link-bg-soft: #d9f6e4;
|
|
22
|
+
--nc-accent: #cd212a;
|
|
23
|
+
--nc-info: #2743d8;
|
|
22
24
|
--nc-success: #008c45;
|
|
23
25
|
--nc-error: #b80022;
|
|
24
|
-
--nc-error-soft: #
|
|
25
|
-
--nc-error-deep: #
|
|
26
|
+
--nc-error-soft: #fce4e4;
|
|
27
|
+
--nc-error-deep: #9c001d;
|
|
26
28
|
--nc-warning: #f5a623;
|
|
27
|
-
--nc-warning-soft: #
|
|
28
|
-
--nc-warning-deep: #
|
|
29
|
-
--nc-cyan: #50e3c2;
|
|
30
|
-
--nc-cyan-soft: #aaffec;
|
|
31
|
-
--nc-cyan-deep: #29bc9b;
|
|
29
|
+
--nc-warning-soft: #fff1cf;
|
|
30
|
+
--nc-warning-deep: #8f4a06;
|
|
32
31
|
--nc-flag-red: #cd212a;
|
|
33
|
-
--nc-gradient-develop-start: #007a5e;
|
|
34
|
-
--nc-gradient-develop-end: #00dfd8;
|
|
35
|
-
--nc-gradient-ship-start: #b80022;
|
|
36
|
-
--nc-gradient-ship-end: #f9cb28;
|
|
37
32
|
--nc-selection-bg: #171717;
|
|
38
33
|
--nc-selection-fg: #f2f2f2;
|
|
39
|
-
--nc-state-ready: #
|
|
40
|
-
--nc-state-running: #
|
|
34
|
+
--nc-state-ready: #4d4d4d;
|
|
35
|
+
--nc-state-running: #2743d8;
|
|
41
36
|
--nc-state-review: #f5a623;
|
|
42
37
|
--nc-state-blocked: #b80022;
|
|
43
38
|
--nc-state-complete: #008c45;
|
|
44
|
-
--nc-
|
|
45
|
-
--nc-
|
|
46
|
-
--nc-
|
|
47
|
-
--nc-
|
|
48
|
-
--nc-
|
|
49
|
-
--nc-
|
|
50
|
-
--nc-
|
|
51
|
-
--nc-
|
|
52
|
-
--nc-
|
|
53
|
-
--nc-
|
|
54
|
-
--nc-
|
|
55
|
-
--nc-
|
|
56
|
-
--nc-
|
|
57
|
-
--nc-
|
|
58
|
-
--nc-
|
|
59
|
-
--nc-
|
|
60
|
-
--nc-
|
|
61
|
-
--nc-
|
|
62
|
-
--nc-
|
|
63
|
-
--nc-
|
|
64
|
-
--nc-
|
|
65
|
-
--nc-
|
|
39
|
+
--nc-background-100: #ffffff;
|
|
40
|
+
--nc-background-200: #fafafa;
|
|
41
|
+
--nc-gray-100: #f2f2f2;
|
|
42
|
+
--nc-gray-200: #ebebeb;
|
|
43
|
+
--nc-gray-300: #e6e6e6;
|
|
44
|
+
--nc-gray-400: #eaeaea;
|
|
45
|
+
--nc-gray-500: #c9c9c9;
|
|
46
|
+
--nc-gray-600: #a8a8a8;
|
|
47
|
+
--nc-gray-700: #8f8f8f;
|
|
48
|
+
--nc-gray-800: #7d7d7d;
|
|
49
|
+
--nc-gray-900: #4d4d4d;
|
|
50
|
+
--nc-gray-1000: #171717;
|
|
51
|
+
--nc-green-italia-100: #e8faef;
|
|
52
|
+
--nc-green-italia-200: #d9f6e4;
|
|
53
|
+
--nc-green-italia-300: #c3f0d4;
|
|
54
|
+
--nc-green-italia-400: #9fe6bc;
|
|
55
|
+
--nc-green-italia-500: #62d494;
|
|
56
|
+
--nc-green-italia-600: #17b568;
|
|
57
|
+
--nc-green-italia-700: #008c45;
|
|
58
|
+
--nc-green-italia-800: #007a3c;
|
|
59
|
+
--nc-green-italia-900: #00602f;
|
|
60
|
+
--nc-green-italia-1000: #00301a;
|
|
61
|
+
--nc-red-italia-100: #fdeeee;
|
|
62
|
+
--nc-red-italia-200: #fce4e4;
|
|
63
|
+
--nc-red-italia-300: #fad3d4;
|
|
64
|
+
--nc-red-italia-400: #f7b3b5;
|
|
65
|
+
--nc-red-italia-500: #f28085;
|
|
66
|
+
--nc-red-italia-600: #e84e57;
|
|
67
|
+
--nc-red-italia-700: #cd212a;
|
|
68
|
+
--nc-red-italia-800: #b80022;
|
|
69
|
+
--nc-red-italia-900: #9c001d;
|
|
70
|
+
--nc-red-italia-1000: #4a000e;
|
|
71
|
+
--nc-blue-cobalto-100: #eef2ff;
|
|
72
|
+
--nc-blue-cobalto-200: #e2e9fe;
|
|
73
|
+
--nc-blue-cobalto-300: #cdd9fd;
|
|
74
|
+
--nc-blue-cobalto-400: #a9befa;
|
|
75
|
+
--nc-blue-cobalto-500: #7d99f2;
|
|
76
|
+
--nc-blue-cobalto-600: #4f6ae6;
|
|
77
|
+
--nc-blue-cobalto-700: #2743d8;
|
|
78
|
+
--nc-blue-cobalto-800: #1d33ad;
|
|
79
|
+
--nc-blue-cobalto-900: #16277f;
|
|
80
|
+
--nc-blue-cobalto-1000: #0a1240;
|
|
81
|
+
--nc-amber-100: #fff6e1;
|
|
82
|
+
--nc-amber-200: #fff1cf;
|
|
83
|
+
--nc-amber-300: #ffe9b3;
|
|
84
|
+
--nc-amber-400: #ffd97d;
|
|
85
|
+
--nc-amber-500: #ffc933;
|
|
86
|
+
--nc-amber-600: #f5a623;
|
|
87
|
+
--nc-amber-700: #d98800;
|
|
88
|
+
--nc-amber-800: #b36b00;
|
|
89
|
+
--nc-amber-900: #8f4a06;
|
|
90
|
+
--nc-amber-1000: #452301;
|
|
91
|
+
--nc-campo-verde: #008c45;
|
|
92
|
+
--nc-campo-rosso: #cd212a;
|
|
93
|
+
--nc-campo-arancio: #e4530b;
|
|
94
|
+
--nc-campo-giallo: #f2b705;
|
|
95
|
+
--nc-campo-cobalto: #2743d8;
|
|
96
|
+
--nc-campo-inchiostro: #171717;
|
|
97
|
+
--nc-campo-bianco: #ffffff;
|
|
98
|
+
--nc-chart-1: #2743d8;
|
|
99
|
+
--nc-chart-2: #008c45;
|
|
100
|
+
--nc-chart-3: #f5a623;
|
|
101
|
+
--nc-chart-4: #cd212a;
|
|
102
|
+
--nc-chart-5: #00838f;
|
|
103
|
+
--nc-chart-6: #6f42c1;
|
|
104
|
+
--nc-dark-canvas: #0a0a0a;
|
|
105
|
+
--nc-dark-canvas-soft: #171717;
|
|
106
|
+
--nc-dark-canvas-soft-2: #262626;
|
|
107
|
+
--nc-dark-ink: #f5f5f5;
|
|
108
|
+
--nc-dark-body: #d4d4d4;
|
|
109
|
+
--nc-dark-muted: #a3a3a3;
|
|
110
|
+
--nc-dark-line: #2e2e2e;
|
|
111
|
+
--nc-dark-input: #5d5d5d;
|
|
112
|
+
--nc-dark-seam: #1f1f1f;
|
|
113
|
+
--nc-dark-primary: #ededed;
|
|
114
|
+
--nc-dark-on-primary: #0a0a0a;
|
|
115
|
+
--nc-dark-link: #9fe6bc;
|
|
116
|
+
--nc-dark-link-deep: #c3f0d4;
|
|
117
|
+
--nc-dark-link-bg-soft: #00301a;
|
|
118
|
+
--nc-dark-error: #f7b3b5;
|
|
119
|
+
--nc-dark-error-soft: #4a000e;
|
|
120
|
+
--nc-dark-error-deep: #fad3d4;
|
|
121
|
+
--nc-dark-warning: #ffd97d;
|
|
122
|
+
--nc-dark-warning-soft: #452301;
|
|
123
|
+
--nc-dark-warning-deep: #ffe9b3;
|
|
124
|
+
--nc-dark-cyan: #33d1cb;
|
|
125
|
+
--nc-dark-cyan-soft: #7ee8de;
|
|
126
|
+
--nc-dark-cyan-deep: #1f9e9a;
|
|
127
|
+
--nc-dark-success: #62d494;
|
|
128
|
+
--nc-dark-state-ready: #d4d4d4;
|
|
129
|
+
--nc-dark-state-running: #a9befa;
|
|
130
|
+
--nc-dark-state-review: #ffd97d;
|
|
131
|
+
--nc-dark-state-blocked: #f7b3b5;
|
|
132
|
+
--nc-dark-state-complete: #62d494;
|
|
133
|
+
--nc-dark-selection-bg: #ededed;
|
|
134
|
+
--nc-dark-selection-fg: #0a0a0a;
|
|
135
|
+
--nc-dark-cross: #6e6e6e;
|
|
136
|
+
--nc-dark-chart-1: #7d99f2;
|
|
137
|
+
--nc-dark-chart-6: #9575cd;
|
|
66
138
|
|
|
67
139
|
/* Spacing */
|
|
68
140
|
--nc-xxs: 4px;
|
|
@@ -125,11 +197,11 @@
|
|
|
125
197
|
|
|
126
198
|
/* Radii */
|
|
127
199
|
--nc-rounded-none: 0px;
|
|
128
|
-
--nc-rounded-xs:
|
|
129
|
-
--nc-rounded-sm:
|
|
130
|
-
--nc-rounded-md:
|
|
131
|
-
--nc-rounded-lg:
|
|
132
|
-
--nc-rounded-xl:
|
|
200
|
+
--nc-rounded-xs: 2px;
|
|
201
|
+
--nc-rounded-sm: 4px;
|
|
202
|
+
--nc-rounded-md: 6px;
|
|
203
|
+
--nc-rounded-lg: 8px;
|
|
204
|
+
--nc-rounded-xl: 10px;
|
|
133
205
|
--nc-rounded-pill-sm: 64px;
|
|
134
206
|
--nc-rounded-pill: 100px;
|
|
135
207
|
--nc-rounded-full: 9999px;
|
package/dist/favicon/favicon.svg
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
corner (rx 7 -> 0) for the full-bleed apple-touch / PWA variants. -->
|
|
5
5
|
<defs>
|
|
6
6
|
<linearGradient id="nc-agent-f" x1="0" y1="0" x2="1" y2="1">
|
|
7
|
-
<stop offset="0" stop-color="#
|
|
7
|
+
<stop offset="0" stop-color="#007a3c"/>
|
|
8
8
|
<stop offset="0.55" stop-color="#00a07a"/>
|
|
9
9
|
<stop offset="1" stop-color="#00b389"/>
|
|
10
10
|
</linearGradient>
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"theme": {
|
|
3
3
|
"extend": {
|
|
4
4
|
"colors": {
|
|
5
|
-
"primary": "#
|
|
5
|
+
"primary": "#008c45",
|
|
6
6
|
"on-primary": "#ffffff",
|
|
7
7
|
"ink": "#171717",
|
|
8
8
|
"body": "#4d4d4d",
|
|
@@ -13,53 +13,125 @@
|
|
|
13
13
|
"line": "#e5e5e5",
|
|
14
14
|
"seam": "#e4e7ec",
|
|
15
15
|
"cross": "#a1a1a1",
|
|
16
|
-
"link": "#
|
|
17
|
-
"link-deep": "#
|
|
18
|
-
"link-bg-soft": "#
|
|
16
|
+
"link": "#007a3c",
|
|
17
|
+
"link-deep": "#00602f",
|
|
18
|
+
"link-bg-soft": "#d9f6e4",
|
|
19
|
+
"accent": "#cd212a",
|
|
20
|
+
"info": "#2743d8",
|
|
19
21
|
"success": "#008c45",
|
|
20
22
|
"error": "#b80022",
|
|
21
|
-
"error-soft": "#
|
|
22
|
-
"error-deep": "#
|
|
23
|
+
"error-soft": "#fce4e4",
|
|
24
|
+
"error-deep": "#9c001d",
|
|
23
25
|
"warning": "#f5a623",
|
|
24
|
-
"warning-soft": "#
|
|
25
|
-
"warning-deep": "#
|
|
26
|
-
"cyan": "#50e3c2",
|
|
27
|
-
"cyan-soft": "#aaffec",
|
|
28
|
-
"cyan-deep": "#29bc9b",
|
|
26
|
+
"warning-soft": "#fff1cf",
|
|
27
|
+
"warning-deep": "#8f4a06",
|
|
29
28
|
"flag-red": "#cd212a",
|
|
30
|
-
"gradient-develop-start": "#007a5e",
|
|
31
|
-
"gradient-develop-end": "#00dfd8",
|
|
32
|
-
"gradient-ship-start": "#b80022",
|
|
33
|
-
"gradient-ship-end": "#f9cb28",
|
|
34
29
|
"selection-bg": "#171717",
|
|
35
30
|
"selection-fg": "#f2f2f2",
|
|
36
|
-
"state-ready": "#
|
|
37
|
-
"state-running": "#
|
|
31
|
+
"state-ready": "#4d4d4d",
|
|
32
|
+
"state-running": "#2743d8",
|
|
38
33
|
"state-review": "#f5a623",
|
|
39
34
|
"state-blocked": "#b80022",
|
|
40
35
|
"state-complete": "#008c45",
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
"
|
|
51
|
-
"
|
|
52
|
-
"
|
|
53
|
-
"
|
|
54
|
-
"
|
|
55
|
-
"
|
|
56
|
-
"
|
|
57
|
-
"
|
|
58
|
-
"
|
|
59
|
-
"
|
|
60
|
-
"
|
|
61
|
-
"
|
|
62
|
-
"
|
|
36
|
+
"background-100": "#ffffff",
|
|
37
|
+
"background-200": "#fafafa",
|
|
38
|
+
"gray-100": "#f2f2f2",
|
|
39
|
+
"gray-200": "#ebebeb",
|
|
40
|
+
"gray-300": "#e6e6e6",
|
|
41
|
+
"gray-400": "#eaeaea",
|
|
42
|
+
"gray-500": "#c9c9c9",
|
|
43
|
+
"gray-600": "#a8a8a8",
|
|
44
|
+
"gray-700": "#8f8f8f",
|
|
45
|
+
"gray-800": "#7d7d7d",
|
|
46
|
+
"gray-900": "#4d4d4d",
|
|
47
|
+
"gray-1000": "#171717",
|
|
48
|
+
"green-italia-100": "#e8faef",
|
|
49
|
+
"green-italia-200": "#d9f6e4",
|
|
50
|
+
"green-italia-300": "#c3f0d4",
|
|
51
|
+
"green-italia-400": "#9fe6bc",
|
|
52
|
+
"green-italia-500": "#62d494",
|
|
53
|
+
"green-italia-600": "#17b568",
|
|
54
|
+
"green-italia-700": "#008c45",
|
|
55
|
+
"green-italia-800": "#007a3c",
|
|
56
|
+
"green-italia-900": "#00602f",
|
|
57
|
+
"green-italia-1000": "#00301a",
|
|
58
|
+
"red-italia-100": "#fdeeee",
|
|
59
|
+
"red-italia-200": "#fce4e4",
|
|
60
|
+
"red-italia-300": "#fad3d4",
|
|
61
|
+
"red-italia-400": "#f7b3b5",
|
|
62
|
+
"red-italia-500": "#f28085",
|
|
63
|
+
"red-italia-600": "#e84e57",
|
|
64
|
+
"red-italia-700": "#cd212a",
|
|
65
|
+
"red-italia-800": "#b80022",
|
|
66
|
+
"red-italia-900": "#9c001d",
|
|
67
|
+
"red-italia-1000": "#4a000e",
|
|
68
|
+
"blue-cobalto-100": "#eef2ff",
|
|
69
|
+
"blue-cobalto-200": "#e2e9fe",
|
|
70
|
+
"blue-cobalto-300": "#cdd9fd",
|
|
71
|
+
"blue-cobalto-400": "#a9befa",
|
|
72
|
+
"blue-cobalto-500": "#7d99f2",
|
|
73
|
+
"blue-cobalto-600": "#4f6ae6",
|
|
74
|
+
"blue-cobalto-700": "#2743d8",
|
|
75
|
+
"blue-cobalto-800": "#1d33ad",
|
|
76
|
+
"blue-cobalto-900": "#16277f",
|
|
77
|
+
"blue-cobalto-1000": "#0a1240",
|
|
78
|
+
"amber-100": "#fff6e1",
|
|
79
|
+
"amber-200": "#fff1cf",
|
|
80
|
+
"amber-300": "#ffe9b3",
|
|
81
|
+
"amber-400": "#ffd97d",
|
|
82
|
+
"amber-500": "#ffc933",
|
|
83
|
+
"amber-600": "#f5a623",
|
|
84
|
+
"amber-700": "#d98800",
|
|
85
|
+
"amber-800": "#b36b00",
|
|
86
|
+
"amber-900": "#8f4a06",
|
|
87
|
+
"amber-1000": "#452301",
|
|
88
|
+
"campo-verde": "#008c45",
|
|
89
|
+
"campo-rosso": "#cd212a",
|
|
90
|
+
"campo-arancio": "#e4530b",
|
|
91
|
+
"campo-giallo": "#f2b705",
|
|
92
|
+
"campo-cobalto": "#2743d8",
|
|
93
|
+
"campo-inchiostro": "#171717",
|
|
94
|
+
"campo-bianco": "#ffffff",
|
|
95
|
+
"chart-1": "#2743d8",
|
|
96
|
+
"chart-2": "#008c45",
|
|
97
|
+
"chart-3": "#f5a623",
|
|
98
|
+
"chart-4": "#cd212a",
|
|
99
|
+
"chart-5": "#00838f",
|
|
100
|
+
"chart-6": "#6f42c1",
|
|
101
|
+
"dark-canvas": "#0a0a0a",
|
|
102
|
+
"dark-canvas-soft": "#171717",
|
|
103
|
+
"dark-canvas-soft-2": "#262626",
|
|
104
|
+
"dark-ink": "#f5f5f5",
|
|
105
|
+
"dark-body": "#d4d4d4",
|
|
106
|
+
"dark-muted": "#a3a3a3",
|
|
107
|
+
"dark-line": "#2e2e2e",
|
|
108
|
+
"dark-input": "#5d5d5d",
|
|
109
|
+
"dark-seam": "#1f1f1f",
|
|
110
|
+
"dark-primary": "#ededed",
|
|
111
|
+
"dark-on-primary": "#0a0a0a",
|
|
112
|
+
"dark-link": "#9fe6bc",
|
|
113
|
+
"dark-link-deep": "#c3f0d4",
|
|
114
|
+
"dark-link-bg-soft": "#00301a",
|
|
115
|
+
"dark-error": "#f7b3b5",
|
|
116
|
+
"dark-error-soft": "#4a000e",
|
|
117
|
+
"dark-error-deep": "#fad3d4",
|
|
118
|
+
"dark-warning": "#ffd97d",
|
|
119
|
+
"dark-warning-soft": "#452301",
|
|
120
|
+
"dark-warning-deep": "#ffe9b3",
|
|
121
|
+
"dark-cyan": "#33d1cb",
|
|
122
|
+
"dark-cyan-soft": "#7ee8de",
|
|
123
|
+
"dark-cyan-deep": "#1f9e9a",
|
|
124
|
+
"dark-success": "#62d494",
|
|
125
|
+
"dark-state-ready": "#d4d4d4",
|
|
126
|
+
"dark-state-running": "#a9befa",
|
|
127
|
+
"dark-state-review": "#ffd97d",
|
|
128
|
+
"dark-state-blocked": "#f7b3b5",
|
|
129
|
+
"dark-state-complete": "#62d494",
|
|
130
|
+
"dark-selection-bg": "#ededed",
|
|
131
|
+
"dark-selection-fg": "#0a0a0a",
|
|
132
|
+
"dark-cross": "#6e6e6e",
|
|
133
|
+
"dark-chart-1": "#7d99f2",
|
|
134
|
+
"dark-chart-6": "#9575cd"
|
|
63
135
|
},
|
|
64
136
|
"fontFamily": {
|
|
65
137
|
"display-xl": [
|
|
@@ -254,11 +326,11 @@
|
|
|
254
326
|
},
|
|
255
327
|
"borderRadius": {
|
|
256
328
|
"none": "0px",
|
|
257
|
-
"xs": "
|
|
258
|
-
"sm": "
|
|
259
|
-
"md": "
|
|
260
|
-
"lg": "
|
|
261
|
-
"xl": "
|
|
329
|
+
"xs": "2px",
|
|
330
|
+
"sm": "4px",
|
|
331
|
+
"md": "6px",
|
|
332
|
+
"lg": "8px",
|
|
333
|
+
"xl": "10px",
|
|
262
334
|
"pill-sm": "64px",
|
|
263
335
|
"pill": "100px",
|
|
264
336
|
"full": "9999px"
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
--card-foreground: var(--color-ink);
|
|
11
11
|
--popover: var(--color-canvas);
|
|
12
12
|
--popover-foreground: var(--color-ink);
|
|
13
|
-
--primary: var(--color-
|
|
13
|
+
--primary: var(--color-nadicode-primary);
|
|
14
14
|
--primary-foreground: var(--color-on-primary);
|
|
15
15
|
--secondary: var(--color-canvas-soft);
|
|
16
16
|
--secondary-foreground: var(--color-ink);
|
|
@@ -23,11 +23,11 @@
|
|
|
23
23
|
--border: var(--color-line);
|
|
24
24
|
--input: var(--color-line);
|
|
25
25
|
--ring: var(--color-link);
|
|
26
|
-
--chart-1: var(--color-
|
|
27
|
-
--chart-2: var(--color-
|
|
28
|
-
--chart-3: var(--color-
|
|
29
|
-
--chart-4: var(--color-
|
|
30
|
-
--chart-5: var(--color-
|
|
26
|
+
--chart-1: var(--color-nadicode-chart-1);
|
|
27
|
+
--chart-2: var(--color-nadicode-chart-2);
|
|
28
|
+
--chart-3: var(--color-nadicode-chart-3);
|
|
29
|
+
--chart-4: var(--color-nadicode-chart-4);
|
|
30
|
+
--chart-5: var(--color-nadicode-chart-5);
|
|
31
31
|
--sidebar: var(--color-canvas-soft);
|
|
32
32
|
--sidebar-foreground: var(--color-ink);
|
|
33
33
|
--sidebar-primary: var(--color-ink);
|
|
@@ -57,13 +57,13 @@
|
|
|
57
57
|
--destructive: var(--color-dark-error);
|
|
58
58
|
--destructive-foreground: var(--color-dark-on-primary);
|
|
59
59
|
--border: var(--color-dark-line);
|
|
60
|
-
--input: var(--color-dark-
|
|
60
|
+
--input: var(--color-dark-input);
|
|
61
61
|
--ring: var(--color-dark-link);
|
|
62
|
-
--chart-1: var(--color-dark-
|
|
63
|
-
--chart-2: var(--color-
|
|
64
|
-
--chart-3: var(--color-
|
|
65
|
-
--chart-4: var(--color-
|
|
66
|
-
--chart-5: var(--color-
|
|
62
|
+
--chart-1: var(--color-dark-chart-1);
|
|
63
|
+
--chart-2: var(--color-nadicode-chart-2);
|
|
64
|
+
--chart-3: var(--color-nadicode-chart-3);
|
|
65
|
+
--chart-4: var(--color-nadicode-chart-4);
|
|
66
|
+
--chart-5: var(--color-nadicode-chart-5);
|
|
67
67
|
--sidebar: var(--color-dark-canvas-soft);
|
|
68
68
|
--sidebar-foreground: var(--color-dark-ink);
|
|
69
69
|
--sidebar-primary: var(--color-dark-primary);
|
|
@@ -72,6 +72,14 @@
|
|
|
72
72
|
--sidebar-accent-foreground: var(--color-dark-ink);
|
|
73
73
|
--sidebar-border: var(--color-dark-line);
|
|
74
74
|
--sidebar-ring: var(--color-dark-link);
|
|
75
|
+
--nc-state-ready: var(--nc-dark-state-ready);
|
|
76
|
+
--nc-state-running: var(--nc-dark-state-running);
|
|
77
|
+
--nc-state-review: var(--nc-dark-state-review);
|
|
78
|
+
--nc-state-blocked: var(--nc-dark-state-blocked);
|
|
79
|
+
--nc-state-complete: var(--nc-dark-state-complete);
|
|
80
|
+
--nc-selection-bg: var(--nc-dark-selection-bg);
|
|
81
|
+
--nc-selection-fg: var(--nc-dark-selection-fg);
|
|
82
|
+
--nc-cross: var(--nc-dark-cross);
|
|
75
83
|
}
|
|
76
84
|
|
|
77
85
|
:root {
|
|
@@ -136,7 +144,7 @@
|
|
|
136
144
|
|
|
137
145
|
/* === FAITHFUL PROJECTION of the @google/design.md Tailwind export. === */
|
|
138
146
|
@theme {
|
|
139
|
-
--color-primary: #
|
|
147
|
+
--color-primary: #008c45;
|
|
140
148
|
--color-on-primary: #ffffff;
|
|
141
149
|
--color-ink: #171717;
|
|
142
150
|
--color-body: #4d4d4d;
|
|
@@ -147,54 +155,132 @@
|
|
|
147
155
|
--color-line: #e5e5e5;
|
|
148
156
|
--color-seam: #e4e7ec;
|
|
149
157
|
--color-cross: #a1a1a1;
|
|
150
|
-
--color-link: #
|
|
151
|
-
--color-link-deep: #
|
|
152
|
-
--color-link-bg-soft: #
|
|
158
|
+
--color-link: #007a3c;
|
|
159
|
+
--color-link-deep: #00602f;
|
|
160
|
+
--color-link-bg-soft: #d9f6e4;
|
|
161
|
+
--color-accent: #cd212a;
|
|
162
|
+
--color-info: #2743d8;
|
|
153
163
|
--color-success: #008c45;
|
|
154
164
|
--color-error: #b80022;
|
|
155
|
-
--color-error-soft: #
|
|
156
|
-
--color-error-deep: #
|
|
165
|
+
--color-error-soft: #fce4e4;
|
|
166
|
+
--color-error-deep: #9c001d;
|
|
157
167
|
--color-warning: #f5a623;
|
|
158
|
-
--color-warning-soft: #
|
|
159
|
-
--color-warning-deep: #
|
|
160
|
-
--color-cyan: #50e3c2;
|
|
161
|
-
--color-cyan-soft: #aaffec;
|
|
162
|
-
--color-cyan-deep: #29bc9b;
|
|
168
|
+
--color-warning-soft: #fff1cf;
|
|
169
|
+
--color-warning-deep: #8f4a06;
|
|
163
170
|
--color-flag-red: #cd212a;
|
|
164
|
-
--color-gradient-develop-start: #007a5e;
|
|
165
|
-
--color-gradient-develop-end: #00dfd8;
|
|
166
|
-
--color-gradient-ship-start: #b80022;
|
|
167
|
-
--color-gradient-ship-end: #f9cb28;
|
|
168
171
|
--color-selection-bg: #171717;
|
|
169
172
|
--color-selection-fg: #f2f2f2;
|
|
170
|
-
--color-state-ready: #
|
|
171
|
-
--color-state-running: #
|
|
173
|
+
--color-state-ready: #4d4d4d;
|
|
174
|
+
--color-state-running: #2743d8;
|
|
172
175
|
--color-state-review: #f5a623;
|
|
173
176
|
--color-state-blocked: #b80022;
|
|
174
177
|
--color-state-complete: #008c45;
|
|
175
|
-
--color-
|
|
176
|
-
--color-
|
|
177
|
-
--color-
|
|
178
|
-
--color-
|
|
179
|
-
--color-
|
|
180
|
-
--color-
|
|
181
|
-
--color-
|
|
182
|
-
--color-
|
|
183
|
-
--color-
|
|
184
|
-
--color-
|
|
185
|
-
--color-
|
|
186
|
-
--color-
|
|
187
|
-
--color-
|
|
188
|
-
--color-
|
|
189
|
-
--color-
|
|
190
|
-
--color-
|
|
191
|
-
--color-
|
|
192
|
-
--color-
|
|
193
|
-
--color-
|
|
194
|
-
--color-
|
|
195
|
-
--color-
|
|
196
|
-
--color-
|
|
178
|
+
--color-background-100: #ffffff;
|
|
179
|
+
--color-background-200: #fafafa;
|
|
180
|
+
--color-gray-100: #f2f2f2;
|
|
181
|
+
--color-gray-200: #ebebeb;
|
|
182
|
+
--color-gray-300: #e6e6e6;
|
|
183
|
+
--color-gray-400: #eaeaea;
|
|
184
|
+
--color-gray-500: #c9c9c9;
|
|
185
|
+
--color-gray-600: #a8a8a8;
|
|
186
|
+
--color-gray-700: #8f8f8f;
|
|
187
|
+
--color-gray-800: #7d7d7d;
|
|
188
|
+
--color-gray-900: #4d4d4d;
|
|
189
|
+
--color-gray-1000: #171717;
|
|
190
|
+
--color-green-italia-100: #e8faef;
|
|
191
|
+
--color-green-italia-200: #d9f6e4;
|
|
192
|
+
--color-green-italia-300: #c3f0d4;
|
|
193
|
+
--color-green-italia-400: #9fe6bc;
|
|
194
|
+
--color-green-italia-500: #62d494;
|
|
195
|
+
--color-green-italia-600: #17b568;
|
|
196
|
+
--color-green-italia-700: #008c45;
|
|
197
|
+
--color-green-italia-800: #007a3c;
|
|
198
|
+
--color-green-italia-900: #00602f;
|
|
199
|
+
--color-green-italia-1000: #00301a;
|
|
200
|
+
--color-red-italia-100: #fdeeee;
|
|
201
|
+
--color-red-italia-200: #fce4e4;
|
|
202
|
+
--color-red-italia-300: #fad3d4;
|
|
203
|
+
--color-red-italia-400: #f7b3b5;
|
|
204
|
+
--color-red-italia-500: #f28085;
|
|
205
|
+
--color-red-italia-600: #e84e57;
|
|
206
|
+
--color-red-italia-700: #cd212a;
|
|
207
|
+
--color-red-italia-800: #b80022;
|
|
208
|
+
--color-red-italia-900: #9c001d;
|
|
209
|
+
--color-red-italia-1000: #4a000e;
|
|
210
|
+
--color-blue-cobalto-100: #eef2ff;
|
|
211
|
+
--color-blue-cobalto-200: #e2e9fe;
|
|
212
|
+
--color-blue-cobalto-300: #cdd9fd;
|
|
213
|
+
--color-blue-cobalto-400: #a9befa;
|
|
214
|
+
--color-blue-cobalto-500: #7d99f2;
|
|
215
|
+
--color-blue-cobalto-600: #4f6ae6;
|
|
216
|
+
--color-blue-cobalto-700: #2743d8;
|
|
217
|
+
--color-blue-cobalto-800: #1d33ad;
|
|
218
|
+
--color-blue-cobalto-900: #16277f;
|
|
219
|
+
--color-blue-cobalto-1000: #0a1240;
|
|
220
|
+
--color-amber-100: #fff6e1;
|
|
221
|
+
--color-amber-200: #fff1cf;
|
|
222
|
+
--color-amber-300: #ffe9b3;
|
|
223
|
+
--color-amber-400: #ffd97d;
|
|
224
|
+
--color-amber-500: #ffc933;
|
|
225
|
+
--color-amber-600: #f5a623;
|
|
226
|
+
--color-amber-700: #d98800;
|
|
227
|
+
--color-amber-800: #b36b00;
|
|
228
|
+
--color-amber-900: #8f4a06;
|
|
229
|
+
--color-amber-1000: #452301;
|
|
230
|
+
--color-campo-verde: #008c45;
|
|
231
|
+
--color-campo-rosso: #cd212a;
|
|
232
|
+
--color-campo-arancio: #e4530b;
|
|
233
|
+
--color-campo-giallo: #f2b705;
|
|
234
|
+
--color-campo-cobalto: #2743d8;
|
|
235
|
+
--color-campo-inchiostro: #171717;
|
|
236
|
+
--color-campo-bianco: #ffffff;
|
|
237
|
+
--color-chart-1: #2743d8;
|
|
238
|
+
--color-chart-2: #008c45;
|
|
239
|
+
--color-chart-3: #f5a623;
|
|
240
|
+
--color-chart-4: #cd212a;
|
|
241
|
+
--color-chart-5: #00838f;
|
|
242
|
+
--color-chart-6: #6f42c1;
|
|
243
|
+
--color-dark-canvas: #0a0a0a;
|
|
244
|
+
--color-dark-canvas-soft: #171717;
|
|
245
|
+
--color-dark-canvas-soft-2: #262626;
|
|
246
|
+
--color-dark-ink: #f5f5f5;
|
|
247
|
+
--color-dark-body: #d4d4d4;
|
|
248
|
+
--color-dark-muted: #a3a3a3;
|
|
249
|
+
--color-dark-line: #2e2e2e;
|
|
250
|
+
--color-dark-input: #5d5d5d;
|
|
251
|
+
--color-dark-seam: #1f1f1f;
|
|
252
|
+
--color-dark-primary: #ededed;
|
|
253
|
+
--color-dark-on-primary: #0a0a0a;
|
|
254
|
+
--color-dark-link: #9fe6bc;
|
|
255
|
+
--color-dark-link-deep: #c3f0d4;
|
|
256
|
+
--color-dark-link-bg-soft: #00301a;
|
|
257
|
+
--color-dark-error: #f7b3b5;
|
|
258
|
+
--color-dark-error-soft: #4a000e;
|
|
259
|
+
--color-dark-error-deep: #fad3d4;
|
|
260
|
+
--color-dark-warning: #ffd97d;
|
|
261
|
+
--color-dark-warning-soft: #452301;
|
|
262
|
+
--color-dark-warning-deep: #ffe9b3;
|
|
263
|
+
--color-dark-cyan: #33d1cb;
|
|
264
|
+
--color-dark-cyan-soft: #7ee8de;
|
|
265
|
+
--color-dark-cyan-deep: #1f9e9a;
|
|
266
|
+
--color-dark-success: #62d494;
|
|
267
|
+
--color-dark-state-ready: #d4d4d4;
|
|
268
|
+
--color-dark-state-running: #a9befa;
|
|
269
|
+
--color-dark-state-review: #ffd97d;
|
|
270
|
+
--color-dark-state-blocked: #f7b3b5;
|
|
271
|
+
--color-dark-state-complete: #62d494;
|
|
272
|
+
--color-dark-selection-bg: #ededed;
|
|
273
|
+
--color-dark-selection-fg: #0a0a0a;
|
|
274
|
+
--color-dark-cross: #6e6e6e;
|
|
275
|
+
--color-dark-chart-1: #7d99f2;
|
|
276
|
+
--color-dark-chart-6: #9575cd;
|
|
197
277
|
--color-nadicode-muted: #888888;
|
|
278
|
+
--color-nadicode-primary: #008c45;
|
|
279
|
+
--color-nadicode-chart-1: #2743d8;
|
|
280
|
+
--color-nadicode-chart-2: #008c45;
|
|
281
|
+
--color-nadicode-chart-3: #f5a623;
|
|
282
|
+
--color-nadicode-chart-4: #cd212a;
|
|
283
|
+
--color-nadicode-chart-5: #00838f;
|
|
198
284
|
--font-display-xl: Geist, Inter, system-ui, -apple-system, sans-serif;
|
|
199
285
|
--font-display-lg: Geist, Inter, system-ui, -apple-system, sans-serif;
|
|
200
286
|
--font-display-md: Geist, Inter, system-ui, -apple-system, sans-serif;
|
|
@@ -332,11 +418,11 @@
|
|
|
332
418
|
--text-button-lg--font-weight: 500;
|
|
333
419
|
--font-weight-button-lg: 500;
|
|
334
420
|
--radius-none: 0px;
|
|
335
|
-
--radius-xs:
|
|
336
|
-
--radius-sm:
|
|
337
|
-
--radius-md:
|
|
338
|
-
--radius-lg:
|
|
339
|
-
--radius-xl:
|
|
421
|
+
--radius-xs: 2px;
|
|
422
|
+
--radius-sm: 4px;
|
|
423
|
+
--radius-md: 6px;
|
|
424
|
+
--radius-lg: 8px;
|
|
425
|
+
--radius-xl: 10px;
|
|
340
426
|
--radius-pill-sm: 64px;
|
|
341
427
|
--radius-pill: 100px;
|
|
342
428
|
--radius-full: 9999px;
|