@wakastellar/ui 1.0.6 → 1.0.8

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 (7) hide show
  1. package/package.json +1 -1
  2. package/src/styles/globals.css +49 -52
  3. package/src/styles/themes/forest.css +48 -48
  4. package/src/styles/themes/monochrome.css +48 -48
  5. package/src/styles/themes/perpetuity.css +48 -48
  6. package/src/styles/themes/sunset.css +48 -48
  7. package/src/styles/themes/twilight.css +48 -48
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wakastellar/ui",
3
- "version": "1.0.6",
3
+ "version": "1.0.8",
4
4
  "description": "UI Library compatible TweakCN + i18n pour Next.js",
5
5
  "keywords": [
6
6
  "ui",
package/src/styles/globals.css CHANGED
@@ -12,62 +12,62 @@
12
12
  @import './code-highlight.css';
13
13
 
14
14
  @layer base {
15
- /* Thème par défaut */
15
+ /* Thème par défaut - Format shadcn/ui standard (H S L sans hsl()) */
16
16
  :root,
17
17
  [data-theme="default"] {
18
- --background: hsl(0 0% 100%);
19
- --foreground: hsl(222.2 84% 4.9%);
20
- --card: hsl(0 0% 100%);
21
- --card-foreground: hsl(222.2 84% 4.9%);
22
- --popover: hsl(0 0% 100%);
23
- --popover-foreground: hsl(222.2 84% 4.9%);
24
- --primary: hsl(222.2 47.4% 11.2%);
25
- --primary-foreground: hsl(210 40% 98%);
26
- --secondary: hsl(210 40% 96.1%);
27
- --secondary-foreground: hsl(222.2 47.4% 11.2%);
28
- --muted: hsl(210 40% 96.1%);
29
- --muted-foreground: hsl(215.4 16.3% 46.9%);
30
- --accent: hsl(210 40% 96.1%);
31
- --accent-foreground: hsl(222.2 47.4% 11.2%);
32
- --destructive: hsl(0 84.2% 60.2%);
33
- --destructive-foreground: hsl(210 40% 98%);
34
- --border: hsl(214.3 31.8% 91.4%);
35
- --input: hsl(214.3 31.8% 91.4%);
36
- --ring: hsl(222.2 84% 4.9%);
37
- --chart-1: hsl(222.2 47.4% 11.2%);
38
- --chart-2: hsl(215 25% 27%);
39
- --chart-3: hsl(210 20% 50%);
40
- --chart-4: hsl(210 25% 70%);
41
- --chart-5: hsl(210 20% 85%);
18
+ --background: 0 0% 100%;
19
+ --foreground: 222.2 84% 4.9%;
20
+ --card: 0 0% 100%;
21
+ --card-foreground: 222.2 84% 4.9%;
22
+ --popover: 0 0% 100%;
23
+ --popover-foreground: 222.2 84% 4.9%;
24
+ --primary: 222.2 47.4% 11.2%;
25
+ --primary-foreground: 210 40% 98%;
26
+ --secondary: 210 40% 96.1%;
27
+ --secondary-foreground: 222.2 47.4% 11.2%;
28
+ --muted: 210 40% 96.1%;
29
+ --muted-foreground: 215.4 16.3% 46.9%;
30
+ --accent: 210 40% 96.1%;
31
+ --accent-foreground: 222.2 47.4% 11.2%;
32
+ --destructive: 0 84.2% 60.2%;
33
+ --destructive-foreground: 210 40% 98%;
34
+ --border: 214.3 31.8% 91.4%;
35
+ --input: 214.3 31.8% 91.4%;
36
+ --ring: 222.2 84% 4.9%;
37
+ --chart-1: 222.2 47.4% 11.2%;
38
+ --chart-2: 215 25% 27%;
39
+ --chart-3: 210 20% 50%;
40
+ --chart-4: 210 25% 70%;
41
+ --chart-5: 210 20% 85%;
42
42
  --radius: 0.5rem;
43
43
  }
44
44
 
45
45
  .dark,
46
46
  [data-theme="default"].dark {
47
- --background: hsl(222.2 84% 4.9%);
48
- --foreground: hsl(210 40% 98%);
49
- --card: hsl(222.2 84% 4.9%);
50
- --card-foreground: hsl(210 40% 98%);
51
- --popover: hsl(222.2 84% 4.9%);
52
- --popover-foreground: hsl(210 40% 98%);
53
- --primary: hsl(210 40% 98%);
54
- --primary-foreground: hsl(222.2 47.4% 11.2%);
55
- --secondary: hsl(217.2 32.6% 17.5%);
56
- --secondary-foreground: hsl(210 40% 98%);
57
- --muted: hsl(217.2 32.6% 17.5%);
58
- --muted-foreground: hsl(215 20.2% 65.1%);
59
- --accent: hsl(217.2 32.6% 17.5%);
60
- --accent-foreground: hsl(210 40% 98%);
61
- --destructive: hsl(0 62.8% 30.6%);
62
- --destructive-foreground: hsl(210 40% 98%);
63
- --border: hsl(217.2 32.6% 17.5%);
64
- --input: hsl(217.2 32.6% 17.5%);
65
- --ring: hsl(212.7 26.8% 83.9%);
66
- --chart-1: hsl(210 40% 98%);
67
- --chart-2: hsl(215 20% 70%);
68
- --chart-3: hsl(210 15% 50%);
69
- --chart-4: hsl(210 20% 35%);
70
- --chart-5: hsl(217 25% 25%);
47
+ --background: 222.2 84% 4.9%;
48
+ --foreground: 210 40% 98%;
49
+ --card: 222.2 84% 4.9%;
50
+ --card-foreground: 210 40% 98%;
51
+ --popover: 222.2 84% 4.9%;
52
+ --popover-foreground: 210 40% 98%;
53
+ --primary: 210 40% 98%;
54
+ --primary-foreground: 222.2 47.4% 11.2%;
55
+ --secondary: 217.2 32.6% 17.5%;
56
+ --secondary-foreground: 210 40% 98%;
57
+ --muted: 217.2 32.6% 17.5%;
58
+ --muted-foreground: 215 20.2% 65.1%;
59
+ --accent: 217.2 32.6% 17.5%;
60
+ --accent-foreground: 210 40% 98%;
61
+ --destructive: 0 62.8% 30.6%;
62
+ --destructive-foreground: 210 40% 98%;
63
+ --border: 217.2 32.6% 17.5%;
64
+ --input: 217.2 32.6% 17.5%;
65
+ --ring: 212.7 26.8% 83.9%;
66
+ --chart-1: 210 40% 98%;
67
+ --chart-2: 215 20% 70%;
68
+ --chart-3: 210 15% 50%;
69
+ --chart-4: 210 20% 35%;
70
+ --chart-5: 217 25% 25%;
71
71
  }
72
72
  }
73
73
 
@@ -79,6 +79,3 @@
79
79
  @apply bg-background text-foreground;
80
80
  }
81
81
  }
82
-
83
-
84
-
package/src/styles/themes/forest.css CHANGED
@@ -1,55 +1,55 @@
1
1
  /* TweakCN Theme: Forest - Vert naturel */
2
2
  [data-theme="forest"] {
3
- --background: #f0f4f0;
4
- --foreground: #1a3d1a;
5
- --card: #f7faf7;
6
- --card-foreground: #1a3d1a;
7
- --popover: #f7faf7;
8
- --popover-foreground: #1a3d1a;
9
- --primary: #2d7a2d;
10
- --primary-foreground: #ffffff;
11
- --secondary: #d9ead9;
12
- --secondary-foreground: #1a3d1a;
13
- --muted: #e5f0e5;
14
- --muted-foreground: #4a6b4a;
15
- --accent: #c4e3c4;
16
- --accent-foreground: #1a3d1a;
17
- --destructive: #d13838;
18
- --destructive-foreground: #ffffff;
19
- --border: #cde5cd;
20
- --input: #d9ead9;
21
- --ring: #2d7a2d;
22
- --chart-1: #2d7a2d;
23
- --chart-2: #3d8f3d;
24
- --chart-3: #4da64d;
25
- --chart-4: #6bb86b;
26
- --chart-5: #8fcc8f;
3
+ --background: 120 14% 95%;
4
+ --foreground: 120 39% 17%;
5
+ --card: 120 18% 97%;
6
+ --card-foreground: 120 39% 17%;
7
+ --popover: 120 18% 97%;
8
+ --popover-foreground: 120 39% 17%;
9
+ --primary: 120 45% 33%;
10
+ --primary-foreground: 0 0% 100%;
11
+ --secondary: 120 30% 89%;
12
+ --secondary-foreground: 120 39% 17%;
13
+ --muted: 120 22% 92%;
14
+ --muted-foreground: 120 19% 36%;
15
+ --accent: 120 36% 83%;
16
+ --accent-foreground: 120 39% 17%;
17
+ --destructive: 0 63% 52%;
18
+ --destructive-foreground: 0 0% 100%;
19
+ --border: 120 28% 85%;
20
+ --input: 120 30% 89%;
21
+ --ring: 120 45% 33%;
22
+ --chart-1: 120 45% 33%;
23
+ --chart-2: 120 40% 40%;
24
+ --chart-3: 120 36% 48%;
25
+ --chart-4: 120 32% 57%;
26
+ --chart-5: 120 28% 68%;
27
27
  --radius: 0.5rem;
28
28
  }
29
29
 
30
30
  [data-theme="forest"].dark {
31
- --background: #0f1f0f;
32
- --foreground: #7fdf7f;
33
- --card: #142814;
34
- --card-foreground: #7fdf7f;
35
- --popover: #142814;
36
- --popover-foreground: #7fdf7f;
37
- --primary: #5fbf5f;
38
- --primary-foreground: #0f1f0f;
39
- --secondary: #1f4d1f;
40
- --secondary-foreground: #7fdf7f;
41
- --muted: #1a3d1a;
42
- --muted-foreground: #5fa55f;
43
- --accent: #2d5f2d;
44
- --accent-foreground: #7fdf7f;
45
- --destructive: #e83c3c;
46
- --destructive-foreground: #f2f2f2;
47
- --border: #2d5f2d;
48
- --input: #1f4d1f;
49
- --ring: #5fbf5f;
50
- --chart-1: #5fbf5f;
51
- --chart-2: #4da64d;
52
- --chart-3: #3d8f3d;
53
- --chart-4: #2d7a2d;
54
- --chart-5: #1f5f1f;
31
+ --background: 120 33% 9%;
32
+ --foreground: 120 56% 69%;
33
+ --card: 120 30% 12%;
34
+ --card-foreground: 120 56% 69%;
35
+ --popover: 120 30% 12%;
36
+ --popover-foreground: 120 56% 69%;
37
+ --primary: 120 40% 56%;
38
+ --primary-foreground: 120 33% 9%;
39
+ --secondary: 120 43% 21%;
40
+ --secondary-foreground: 120 56% 69%;
41
+ --muted: 120 39% 17%;
42
+ --muted-foreground: 120 28% 51%;
43
+ --accent: 120 36% 28%;
44
+ --accent-foreground: 120 56% 69%;
45
+ --destructive: 0 78% 57%;
46
+ --destructive-foreground: 0 0% 95%;
47
+ --border: 120 36% 28%;
48
+ --input: 120 43% 21%;
49
+ --ring: 120 40% 56%;
50
+ --chart-1: 120 40% 56%;
51
+ --chart-2: 120 36% 48%;
52
+ --chart-3: 120 40% 40%;
53
+ --chart-4: 120 45% 33%;
54
+ --chart-5: 120 50% 25%;
55
55
  }
package/src/styles/themes/monochrome.css CHANGED
@@ -1,55 +1,55 @@
1
1
  /* TweakCN Theme: Monochrome - Minimaliste noir et blanc */
2
2
  [data-theme="monochrome"] {
3
- --background: #ffffff;
4
- --foreground: #0a0a0a;
5
- --card: #fafafa;
6
- --card-foreground: #0a0a0a;
7
- --popover: #fafafa;
8
- --popover-foreground: #0a0a0a;
9
- --primary: #171717;
10
- --primary-foreground: #fafafa;
11
- --secondary: #f5f5f5;
12
- --secondary-foreground: #0a0a0a;
13
- --muted: #f5f5f5;
14
- --muted-foreground: #737373;
15
- --accent: #e5e5e5;
16
- --accent-foreground: #0a0a0a;
17
- --destructive: #d13838;
18
- --destructive-foreground: #fafafa;
19
- --border: #e5e5e5;
20
- --input: #e5e5e5;
21
- --ring: #0a0a0a;
22
- --chart-1: #0a0a0a;
23
- --chart-2: #404040;
24
- --chart-3: #737373;
25
- --chart-4: #a3a3a3;
26
- --chart-5: #d4d4d4;
3
+ --background: 0 0% 100%;
4
+ --foreground: 0 0% 4%;
5
+ --card: 0 0% 98%;
6
+ --card-foreground: 0 0% 4%;
7
+ --popover: 0 0% 98%;
8
+ --popover-foreground: 0 0% 4%;
9
+ --primary: 0 0% 9%;
10
+ --primary-foreground: 0 0% 98%;
11
+ --secondary: 0 0% 96%;
12
+ --secondary-foreground: 0 0% 4%;
13
+ --muted: 0 0% 96%;
14
+ --muted-foreground: 0 0% 45%;
15
+ --accent: 0 0% 90%;
16
+ --accent-foreground: 0 0% 4%;
17
+ --destructive: 0 63% 52%;
18
+ --destructive-foreground: 0 0% 98%;
19
+ --border: 0 0% 90%;
20
+ --input: 0 0% 90%;
21
+ --ring: 0 0% 4%;
22
+ --chart-1: 0 0% 4%;
23
+ --chart-2: 0 0% 25%;
24
+ --chart-3: 0 0% 45%;
25
+ --chart-4: 0 0% 64%;
26
+ --chart-5: 0 0% 83%;
27
27
  --radius: 0.375rem;
28
28
  }
29
29
 
30
30
  [data-theme="monochrome"].dark {
31
- --background: #0a0a0a;
32
- --foreground: #fafafa;
33
- --card: #171717;
34
- --card-foreground: #fafafa;
35
- --popover: #171717;
36
- --popover-foreground: #fafafa;
37
- --primary: #fafafa;
38
- --primary-foreground: #0a0a0a;
39
- --secondary: #262626;
40
- --secondary-foreground: #fafafa;
41
- --muted: #171717;
42
- --muted-foreground: #a3a3a3;
43
- --accent: #262626;
44
- --accent-foreground: #fafafa;
45
- --destructive: #e83c3c;
46
- --destructive-foreground: #fafafa;
47
- --border: #262626;
48
- --input: #262626;
49
- --ring: #d4d4d4;
50
- --chart-1: #fafafa;
51
- --chart-2: #d4d4d4;
52
- --chart-3: #a3a3a3;
53
- --chart-4: #737373;
54
- --chart-5: #404040;
31
+ --background: 0 0% 4%;
32
+ --foreground: 0 0% 98%;
33
+ --card: 0 0% 9%;
34
+ --card-foreground: 0 0% 98%;
35
+ --popover: 0 0% 9%;
36
+ --popover-foreground: 0 0% 98%;
37
+ --primary: 0 0% 98%;
38
+ --primary-foreground: 0 0% 4%;
39
+ --secondary: 0 0% 15%;
40
+ --secondary-foreground: 0 0% 98%;
41
+ --muted: 0 0% 9%;
42
+ --muted-foreground: 0 0% 64%;
43
+ --accent: 0 0% 15%;
44
+ --accent-foreground: 0 0% 98%;
45
+ --destructive: 0 78% 57%;
46
+ --destructive-foreground: 0 0% 98%;
47
+ --border: 0 0% 15%;
48
+ --input: 0 0% 15%;
49
+ --ring: 0 0% 83%;
50
+ --chart-1: 0 0% 98%;
51
+ --chart-2: 0 0% 83%;
52
+ --chart-3: 0 0% 64%;
53
+ --chart-4: 0 0% 45%;
54
+ --chart-5: 0 0% 25%;
55
55
  }
package/src/styles/themes/perpetuity.css CHANGED
@@ -1,55 +1,55 @@
1
1
  /* TweakCN Theme: Perpetuity - Cyan et turquoise */
2
2
  [data-theme="perpetuity"] {
3
- --background: #e8f0f0;
4
- --foreground: #0a4a55;
5
- --card: #f2f7f7;
6
- --card-foreground: #0a4a55;
7
- --popover: #f2f7f7;
8
- --popover-foreground: #0a4a55;
9
- --primary: #06858e;
10
- --primary-foreground: #ffffff;
11
- --secondary: #d9eaea;
12
- --secondary-foreground: #0a4a55;
13
- --muted: #e0eaea;
14
- --muted-foreground: #427a7e;
15
- --accent: #c9e5e7;
16
- --accent-foreground: #0a4a55;
17
- --destructive: #d13838;
18
- --destructive-foreground: #ffffff;
19
- --border: #cde0e2;
20
- --input: #d9eaea;
21
- --ring: #06858e;
22
- --chart-1: #06858e;
23
- --chart-2: #1e9ea6;
24
- --chart-3: #37b6be;
25
- --chart-4: #5dc7ce;
26
- --chart-5: #8ad8dd;
3
+ --background: 180 14% 93%;
4
+ --foreground: 189 79% 19%;
5
+ --card: 180 18% 96%;
6
+ --card-foreground: 189 79% 19%;
7
+ --popover: 180 18% 96%;
8
+ --popover-foreground: 189 79% 19%;
9
+ --primary: 184 93% 29%;
10
+ --primary-foreground: 0 0% 100%;
11
+ --secondary: 180 30% 89%;
12
+ --secondary-foreground: 189 79% 19%;
13
+ --muted: 180 22% 90%;
14
+ --muted-foreground: 184 32% 38%;
15
+ --accent: 183 36% 85%;
16
+ --accent-foreground: 189 79% 19%;
17
+ --destructive: 0 63% 52%;
18
+ --destructive-foreground: 0 0% 100%;
19
+ --border: 183 28% 85%;
20
+ --input: 180 30% 89%;
21
+ --ring: 184 93% 29%;
22
+ --chart-1: 184 93% 29%;
23
+ --chart-2: 184 70% 38%;
24
+ --chart-3: 184 57% 48%;
25
+ --chart-4: 184 55% 59%;
26
+ --chart-5: 183 54% 70%;
27
27
  --radius: 0.125rem;
28
28
  }
29
29
 
30
30
  [data-theme="perpetuity"].dark {
31
- --background: #0a1a20;
32
- --foreground: #4de8e8;
33
- --card: #0c2025;
34
- --card-foreground: #4de8e8;
35
- --popover: #0c2025;
36
- --popover-foreground: #4de8e8;
37
- --primary: #4de8e8;
38
- --primary-foreground: #0a1a20;
39
- --secondary: #164955;
40
- --secondary-foreground: #4de8e8;
41
- --muted: #0f3039;
42
- --muted-foreground: #36a5a5;
43
- --accent: #164955;
44
- --accent-foreground: #4de8e8;
45
- --destructive: #e83c3c;
46
- --destructive-foreground: #f2f2f2;
47
- --border: #164955;
48
- --input: #164955;
49
- --ring: #4de8e8;
50
- --chart-1: #4de8e8;
51
- --chart-2: #36a5a5;
52
- --chart-3: #2d8a8a;
53
- --chart-4: #19595e;
54
- --chart-5: #0e383c;
31
+ --background: 195 50% 8%;
32
+ --foreground: 180 75% 60%;
33
+ --card: 193 47% 10%;
34
+ --card-foreground: 180 75% 60%;
35
+ --popover: 193 47% 10%;
36
+ --popover-foreground: 180 75% 60%;
37
+ --primary: 180 75% 60%;
38
+ --primary-foreground: 195 50% 8%;
39
+ --secondary: 189 59% 21%;
40
+ --secondary-foreground: 180 75% 60%;
41
+ --muted: 190 55% 14%;
42
+ --muted-foreground: 180 50% 43%;
43
+ --accent: 189 59% 21%;
44
+ --accent-foreground: 180 75% 60%;
45
+ --destructive: 0 78% 57%;
46
+ --destructive-foreground: 0 0% 95%;
47
+ --border: 189 59% 21%;
48
+ --input: 189 59% 21%;
49
+ --ring: 180 75% 60%;
50
+ --chart-1: 180 75% 60%;
51
+ --chart-2: 180 50% 43%;
52
+ --chart-3: 180 50% 36%;
53
+ --chart-4: 186 56% 23%;
54
+ --chart-5: 186 60% 15%;
55
55
  }
package/src/styles/themes/sunset.css CHANGED
@@ -1,55 +1,55 @@
1
1
  /* TweakCN Theme: Sunset - Orange et doré */
2
2
  [data-theme="sunset"] {
3
- --background: #faf5f0;
4
- --foreground: #4d2d1a;
5
- --card: #fcf8f5;
6
- --card-foreground: #4d2d1a;
7
- --popover: #fcf8f5;
8
- --popover-foreground: #4d2d1a;
9
- --primary: #ea580c;
10
- --primary-foreground: #ffffff;
11
- --secondary: #fed7aa;
12
- --secondary-foreground: #4d2d1a;
13
- --muted: #fef3c7;
14
- --muted-foreground: #92400e;
15
- --accent: #fcd34d;
16
- --accent-foreground: #4d2d1a;
17
- --destructive: #d13838;
18
- --destructive-foreground: #ffffff;
19
- --border: #fed7aa;
20
- --input: #fed7aa;
21
- --ring: #ea580c;
22
- --chart-1: #ea580c;
23
- --chart-2: #f59e0b;
24
- --chart-3: #fbbf24;
25
- --chart-4: #fcd34d;
26
- --chart-5: #fde68a;
3
+ --background: 30 43% 97%;
4
+ --foreground: 24 48% 20%;
5
+ --card: 30 54% 98%;
6
+ --card-foreground: 24 48% 20%;
7
+ --popover: 30 54% 98%;
8
+ --popover-foreground: 24 48% 20%;
9
+ --primary: 21 90% 48%;
10
+ --primary-foreground: 0 0% 100%;
11
+ --secondary: 28 92% 83%;
12
+ --secondary-foreground: 24 48% 20%;
13
+ --muted: 47 95% 88%;
14
+ --muted-foreground: 26 80% 31%;
15
+ --accent: 45 97% 65%;
16
+ --accent-foreground: 24 48% 20%;
17
+ --destructive: 0 63% 52%;
18
+ --destructive-foreground: 0 0% 100%;
19
+ --border: 28 92% 83%;
20
+ --input: 28 92% 83%;
21
+ --ring: 21 90% 48%;
22
+ --chart-1: 21 90% 48%;
23
+ --chart-2: 38 92% 50%;
24
+ --chart-3: 43 96% 56%;
25
+ --chart-4: 45 97% 65%;
26
+ --chart-5: 48 96% 77%;
27
27
  --radius: 0.5rem;
28
28
  }
29
29
 
30
30
  [data-theme="sunset"].dark {
31
- --background: #1c0f08;
32
- --foreground: #fed7aa;
33
- --card: #291508;
34
- --card-foreground: #fed7aa;
35
- --popover: #291508;
36
- --popover-foreground: #fed7aa;
37
- --primary: #f59e0b;
38
- --primary-foreground: #1c0f08;
39
- --secondary: #78350f;
40
- --secondary-foreground: #fed7aa;
41
- --muted: #451a03;
42
- --muted-foreground: #d97706;
43
- --accent: #92400e;
44
- --accent-foreground: #fed7aa;
45
- --destructive: #e83c3c;
46
- --destructive-foreground: #f2f2f2;
47
- --border: #78350f;
48
- --input: #78350f;
49
- --ring: #f59e0b;
50
- --chart-1: #f59e0b;
51
- --chart-2: #ea580c;
52
- --chart-3: #d97706;
53
- --chart-4: #b45309;
54
- --chart-5: #92400e;
31
+ --background: 18 56% 7%;
32
+ --foreground: 28 92% 83%;
33
+ --card: 18 70% 10%;
34
+ --card-foreground: 28 92% 83%;
35
+ --popover: 18 70% 10%;
36
+ --popover-foreground: 28 92% 83%;
37
+ --primary: 38 92% 50%;
38
+ --primary-foreground: 18 56% 7%;
39
+ --secondary: 28 75% 26%;
40
+ --secondary-foreground: 28 92% 83%;
41
+ --muted: 24 96% 14%;
42
+ --muted-foreground: 32 92% 44%;
43
+ --accent: 26 80% 31%;
44
+ --accent-foreground: 28 92% 83%;
45
+ --destructive: 0 78% 57%;
46
+ --destructive-foreground: 0 0% 95%;
47
+ --border: 28 75% 26%;
48
+ --input: 28 75% 26%;
49
+ --ring: 38 92% 50%;
50
+ --chart-1: 38 92% 50%;
51
+ --chart-2: 21 90% 48%;
52
+ --chart-3: 32 92% 44%;
53
+ --chart-4: 27 91% 37%;
54
+ --chart-5: 26 80% 31%;
55
55
  }
package/src/styles/themes/twilight.css CHANGED
@@ -1,55 +1,55 @@
1
1
  /* TweakCN Theme: Twilight - Violet crépusculaire */
2
2
  [data-theme="twilight"] {
3
- --background: #f5f0f7;
4
- --foreground: #3d1a4d;
5
- --card: #faf7fc;
6
- --card-foreground: #3d1a4d;
7
- --popover: #faf7fc;
8
- --popover-foreground: #3d1a4d;
9
- --primary: #8b5cf6;
10
- --primary-foreground: #ffffff;
11
- --secondary: #ead9f5;
12
- --secondary-foreground: #3d1a4d;
13
- --muted: #f0e5f7;
14
- --muted-foreground: #6b4a7e;
15
- --accent: #e3c4f5;
16
- --accent-foreground: #3d1a4d;
17
- --destructive: #d13838;
18
- --destructive-foreground: #ffffff;
19
- --border: #e5cdf0;
20
- --input: #ead9f5;
21
- --ring: #8b5cf6;
22
- --chart-1: #8b5cf6;
23
- --chart-2: #a78bfa;
24
- --chart-3: #c4b5fd;
25
- --chart-4: #ddd6fe;
26
- --chart-5: #ede9fe;
3
+ --background: 270 29% 96%;
4
+ --foreground: 280 48% 20%;
5
+ --card: 270 43% 98%;
6
+ --card-foreground: 280 48% 20%;
7
+ --popover: 270 43% 98%;
8
+ --popover-foreground: 280 48% 20%;
9
+ --primary: 262 83% 66%;
10
+ --primary-foreground: 0 0% 100%;
11
+ --secondary: 275 54% 91%;
12
+ --secondary-foreground: 280 48% 20%;
13
+ --muted: 274 52% 93%;
14
+ --muted-foreground: 274 25% 40%;
15
+ --accent: 277 78% 87%;
16
+ --accent-foreground: 280 48% 20%;
17
+ --destructive: 0 63% 52%;
18
+ --destructive-foreground: 0 0% 100%;
19
+ --border: 278 48% 87%;
20
+ --input: 275 54% 91%;
21
+ --ring: 262 83% 66%;
22
+ --chart-1: 262 83% 66%;
23
+ --chart-2: 262 91% 76%;
24
+ --chart-3: 263 96% 85%;
25
+ --chart-4: 263 95% 92%;
26
+ --chart-5: 262 100% 96%;
27
27
  --radius: 0.75rem;
28
28
  }
29
29
 
30
30
  [data-theme="twilight"].dark {
31
- --background: #1a0f28;
32
- --foreground: #e9d5ff;
33
- --card: #241633;
34
- --card-foreground: #e9d5ff;
35
- --popover: #241633;
36
- --popover-foreground: #e9d5ff;
37
- --primary: #a78bfa;
38
- --primary-foreground: #1a0f28;
39
- --secondary: #3d2859;
40
- --secondary-foreground: #e9d5ff;
41
- --muted: #2d1f42;
42
- --muted-foreground: #9f7aea;
43
- --accent: #4c3268;
44
- --accent-foreground: #e9d5ff;
45
- --destructive: #e83c3c;
46
- --destructive-foreground: #f2f2f2;
47
- --border: #4c3268;
48
- --input: #3d2859;
49
- --ring: #a78bfa;
50
- --chart-1: #a78bfa;
51
- --chart-2: #9f7aea;
52
- --chart-3: #8b5cf6;
53
- --chart-4: #7c3aed;
54
- --chart-5: #6d28d9;
31
+ --background: 270 45% 11%;
32
+ --foreground: 275 100% 92%;
33
+ --card: 272 38% 14%;
34
+ --card-foreground: 275 100% 92%;
35
+ --popover: 272 38% 14%;
36
+ --popover-foreground: 275 100% 92%;
37
+ --primary: 262 91% 76%;
38
+ --primary-foreground: 270 45% 11%;
39
+ --secondary: 270 38% 25%;
40
+ --secondary-foreground: 275 100% 92%;
41
+ --muted: 268 36% 19%;
42
+ --muted-foreground: 263 63% 64%;
43
+ --accent: 268 35% 30%;
44
+ --accent-foreground: 275 100% 92%;
45
+ --destructive: 0 78% 57%;
46
+ --destructive-foreground: 0 0% 95%;
47
+ --border: 268 35% 30%;
48
+ --input: 270 38% 25%;
49
+ --ring: 262 91% 76%;
50
+ --chart-1: 262 91% 76%;
51
+ --chart-2: 263 63% 64%;
52
+ --chart-3: 262 83% 66%;
53
+ --chart-4: 263 81% 58%;
54
+ --chart-5: 263 70% 50%;
55
55
  }