@nhatdev94/common-ui 1.1.5 → 1.1.6

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.
Files changed (2) hide show
  1. package/dist/themes/indigo.css +86 -84
  2. package/package.json +1 -1
package/dist/themes/indigo.css CHANGED
@@ -1,47 +1,50 @@
1
1
  :root {
2
- /* Nhóm màu nền & chữ chính */
3
- --background: oklch(0.98 0.005 247.86);
4
- --foreground: oklch(0.25 0.02 247.86);
2
+ /* Nền & chữ chính */
3
+ --background: oklch(0.99 0.004 95);
4
+ --foreground: oklch(0.25 0.015 95);
5
5
  --card: oklch(1 0 0);
6
- --card-foreground: oklch(0.25 0.02 247.86);
6
+ --card-foreground: oklch(0.25 0.015 95);
7
7
  --popover: oklch(1 0 0);
8
- --popover-foreground: oklch(0.25 0.02 247.86);
9
-
10
- /* Nhóm màu hành động */
11
- --primary: oklch(0.55 0.18 253.26);
12
- --primary-foreground: oklch(0.98 0.01 253.26);
13
- --secondary: oklch(0.94 0.015 253.26);
14
- --secondary-foreground: oklch(0.25 0.02 247.86);
15
-
16
- /* Nhóm màu trạng thái */
17
- --muted: oklch(0.95 0.01 247.86);
18
- --muted-foreground: oklch(0.55 0.02 247.86);
19
- --accent: oklch(0.94 0.02 253.26);
20
- --accent-foreground: oklch(0.25 0.02 247.86);
21
- --destructive: oklch(0.58 0.21 28.11);
22
- --destructive-foreground: oklch(0.98 0.01 247.86);
23
-
24
- /* Nhóm cấu trúc (Border/Input/Ring) */
25
- --border: oklch(0.91 0.01 247.86);
26
- --input: oklch(0.91 0.01 247.86);
27
- --ring: oklch(0.55 0.18 253.26 / 40%);
28
-
29
- /* Sidebar - Thiết kế theo style Slate sạch sẽ */
30
- --sidebar: oklch(0.98 0.005 247.86);
31
- --sidebar-foreground: oklch(0.35 0.02 247.86);
32
- --sidebar-primary: oklch(0.55 0.18 253.26);
33
- --sidebar-primary-foreground: oklch(0.98 0.01 253.26);
34
- --sidebar-accent: oklch(0.94 0.02 253.26);
35
- --sidebar-accent-foreground: oklch(0.25 0.02 247.86);
36
- --sidebar-border: oklch(0.91 0.01 247.86);
37
- --sidebar-ring: oklch(0.55 0.18 253.26);
38
-
39
- /* Chart - Tông Indigo/Slate phối hợp */
40
- --chart-1: oklch(0.55 0.18 253.26);
41
- --chart-2: oklch(0.65 0.12 210.5);
42
- --chart-3: oklch(0.45 0.05 247.86);
43
- --chart-4: oklch(0.75 0.15 253.26);
44
- --chart-5: oklch(0.85 0.08 210.5);
8
+ --popover-foreground: oklch(0.25 0.015 95);
9
+
10
+ /* Action */
11
+ --primary: oklch(0.60 0.16 160);
12
+ --primary-foreground: oklch(0.98 0.01 160);
13
+
14
+ --secondary: oklch(0.95 0.02 160);
15
+ --secondary-foreground: oklch(0.25 0.015 95);
16
+
17
+ /* State */
18
+ --muted: oklch(0.96 0.01 95);
19
+ --muted-foreground: oklch(0.55 0.015 95);
20
+
21
+ --accent: oklch(0.93 0.04 160);
22
+ --accent-foreground: oklch(0.25 0.015 95);
23
+
24
+ --destructive: oklch(0.58 0.22 27);
25
+ --destructive-foreground: oklch(0.98 0.01 27);
26
+
27
+ /* Structure */
28
+ --border: oklch(0.92 0.01 95);
29
+ --input: oklch(0.92 0.01 95);
30
+ --ring: oklch(0.60 0.16 160 / 40%);
31
+
32
+ /* Sidebar */
33
+ --sidebar: oklch(0.985 0.005 95);
34
+ --sidebar-foreground: oklch(0.35 0.015 95);
35
+ --sidebar-primary: oklch(0.60 0.16 160);
36
+ --sidebar-primary-foreground: oklch(0.98 0.01 160);
37
+ --sidebar-accent: oklch(0.94 0.03 160);
38
+ --sidebar-accent-foreground: oklch(0.25 0.015 95);
39
+ --sidebar-border: oklch(0.92 0.01 95);
40
+ --sidebar-ring: oklch(0.60 0.16 160);
41
+
42
+ /* Chart */
43
+ --chart-1: oklch(0.60 0.16 160);
44
+ --chart-2: oklch(0.65 0.14 145);
45
+ --chart-3: oklch(0.50 0.06 95);
46
+ --chart-4: oklch(0.75 0.12 160);
47
+ --chart-5: oklch(0.85 0.07 145);
45
48
 
46
49
  --radius: 0.625rem;
47
50
  }
@@ -91,47 +94,46 @@
91
94
  }
92
95
 
93
96
  .dark {
94
- /* Nhóm màu nền & chữ */
95
- --background: oklch(0.18 0.015 247.86);
96
- --foreground: oklch(0.95 0.01 247.86);
97
- --card: oklch(0.22 0.02 247.86);
98
- --card-foreground: oklch(0.95 0.01 247.86);
99
- --popover: oklch(0.22 0.02 247.86);
100
- --popover-foreground: oklch(0.95 0.01 247.86);
101
-
102
- /* Nhóm màu hành động */
103
- --primary: oklch(0.65 0.18 253.26);
104
- --primary-foreground: oklch(0.18 0.015 247.86);
105
- --secondary: oklch(0.28 0.02 253.26);
106
- --secondary-foreground: oklch(0.95 0.01 247.86);
107
-
108
- /* Nhóm màu trạng thái */
109
- --muted: oklch(0.26 0.02 247.86);
110
- --muted-foreground: oklch(0.65 0.02 247.86);
111
- --accent: oklch(0.28 0.03 253.26);
112
- --accent-foreground: oklch(0.95 0.01 247.86);
113
- --destructive: oklch(0.50 0.18 28.11);
114
- --destructive-foreground: oklch(0.95 0.01 247.86);
115
-
116
- /* Nhóm cấu trúc */
117
- --border: oklch(0.28 0.02 247.86);
118
- --input: oklch(0.28 0.02 247.86);
119
- --ring: oklch(0.65 0.18 253.26 / 30%);
120
-
121
- /* Sidebar Dark */
122
- --sidebar: oklch(0.20 0.02 247.86);
123
- --sidebar-foreground: oklch(0.85 0.01 247.86);
124
- --sidebar-primary: oklch(0.65 0.18 253.26);
125
- --sidebar-primary-foreground: oklch(0.18 0.015 247.86);
126
- --sidebar-accent: oklch(0.28 0.02 247.86);
127
- --sidebar-accent-foreground: oklch(0.95 0.01 247.86);
128
- --sidebar-border: oklch(0.28 0.02 247.86);
129
- --sidebar-ring: oklch(0.65 0.18 253.26);
130
-
131
- /* Chart - Indigo/Slate for Dark */
132
- --chart-1: oklch(0.7 0.16 253.26);
133
- --chart-2: oklch(0.75 0.10 210.5);
134
- --chart-3: oklch(0.6 0.04 247.86);
135
- --chart-4: oklch(0.8 0.14 253.26);
136
- --chart-5: oklch(0.88 0.06 210.5);
97
+ --background: oklch(0.20 0.01 95);
98
+ --foreground: oklch(0.96 0.01 95);
99
+
100
+ --card: oklch(0.24 0.015 95);
101
+ --card-foreground: oklch(0.96 0.01 95);
102
+
103
+ --popover: oklch(0.24 0.015 95);
104
+ --popover-foreground: oklch(0.96 0.01 95);
105
+
106
+ --primary: oklch(0.70 0.15 160);
107
+ --primary-foreground: oklch(0.18 0.01 95);
108
+
109
+ --secondary: oklch(0.30 0.02 160);
110
+ --secondary-foreground: oklch(0.96 0.01 95);
111
+
112
+ --muted: oklch(0.28 0.015 95);
113
+ --muted-foreground: oklch(0.70 0.015 95);
114
+
115
+ --accent: oklch(0.30 0.03 160);
116
+ --accent-foreground: oklch(0.96 0.01 95);
117
+
118
+ --destructive: oklch(0.50 0.20 27);
119
+ --destructive-foreground: oklch(0.96 0.01 95);
120
+
121
+ --border: oklch(0.30 0.015 95);
122
+ --input: oklch(0.30 0.015 95);
123
+ --ring: oklch(0.70 0.15 160 / 30%);
124
+
125
+ --sidebar: oklch(0.22 0.015 95);
126
+ --sidebar-foreground: oklch(0.85 0.01 95);
127
+ --sidebar-primary: oklch(0.70 0.15 160);
128
+ --sidebar-primary-foreground: oklch(0.18 0.01 95);
129
+ --sidebar-accent: oklch(0.30 0.02 95);
130
+ --sidebar-accent-foreground: oklch(0.96 0.01 95);
131
+ --sidebar-border: oklch(0.30 0.015 95);
132
+ --sidebar-ring: oklch(0.70 0.15 160);
133
+
134
+ --chart-1: oklch(0.75 0.15 160);
135
+ --chart-2: oklch(0.80 0.10 145);
136
+ --chart-3: oklch(0.65 0.05 95);
137
+ --chart-4: oklch(0.85 0.13 160);
138
+ --chart-5: oklch(0.90 0.06 145);
137
139
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nhatdev94/common-ui",
3
- "version": "1.1.5",
3
+ "version": "1.1.6",
4
4
  "description": "",
5
5
  "main": "dist/index.cjs",
6
6
  "module": "dist/index.js",