Skip to content

Commit b689172

Browse files
mguleryuzmguleryuz
committed
fix: theme clash
1 parent 5c03206 commit b689172

File tree

3 files changed

+65
-68
lines changed

3 files changed

+65
-68
lines changed

‎inverter-network-react-0.0.0.tgz

3.88 KB
Binary file not shown.

‎src/styles/theme.css

+38-41
Original file line numberDiff line numberDiff line change
@@ -1,61 +1,58 @@
11
@layer base {
22
:root,
33
.dark {
4-
--primary: 200 100% 60%;
5-
--primary-foreground: 0 0% 98%;
4+
--in--primary: 200 100% 60%;
5+
--in--primary-foreground: 0 0% 98%;
66

7-
--accent: 200 80% 70%;
8-
--accent-foreground: 0 0% 98%;
7+
--in--accent: 200 80% 70%;
8+
--in--accent-foreground: 0 0% 98%;
99

10-
--destructive: 0 80% 60%;
11-
--destructive-foreground: 0 0% 98%;
10+
--in--destructive: 0 80% 60%;
11+
--in--destructive-foreground: 0 0% 98%;
1212

13-
--chart-1: 200 100% 60%;
14-
--chart-2: 140 60% 40%;
15-
--chart-3: 16 100% 66%;
16-
--chart-4: 280 65% 60%;
17-
--chart-5: 0 80% 60%;
13+
--in--chart-1: 200 100% 60%;
14+
--in--chart-2: 140 60% 40%;
15+
--in--chart-3: 16 100% 66%;
16+
--in--chart-4: 280 65% 60%;
17+
--in--chart-5: 0 80% 60%;
1818
}
1919

2020
:root {
21-
--background: 0 0% 100%;
22-
--foreground: 0 0% 3.9%;
23-
--card: 0 0% 100%;
24-
--card-foreground: 0 0% 3.9%;
25-
--popover: 0 0% 100%;
26-
--popover-foreground: 0 0% 3.9%;
27-
--secondary: 0 0% 96.1%;
28-
--secondary-foreground: 0 0% 9%;
29-
--muted: 0 0% 96.1%;
30-
--muted-foreground: 0 0% 45.1%;
31-
--border: 0 0% 89.8%;
32-
--input: 0 0% 89.8%;
33-
--ring: 0 0% 3.9%;
21+
--in--background: 0 0% 100%;
22+
--in--foreground: 0 0% 3.9%;
23+
--in--card: 0 0% 100%;
24+
--in--card-foreground: 0 0% 3.9%;
25+
--in--popover: 0 0% 100%;
26+
--in--popover-foreground: 0 0% 3.9%;
27+
--in--secondary: 0 0% 96.1%;
28+
--in--secondary-foreground: 0 0% 9%;
29+
--in--muted: 0 0% 96.1%;
30+
--in--muted-foreground: 0 0% 45.1%;
31+
--in--border: 0 0% 89.8%;
32+
--in--input: 0 0% 89.8%;
33+
--in--ring: 0 0% 3.9%;
3434

35-
--radius: 0.5rem;
35+
--in--radius: 0.5rem;
3636
}
3737
.dark {
38-
--background: 0 0% 3.9%;
39-
--foreground: 0 0% 98%;
40-
--card: 0 0% 3.9%;
41-
--card-foreground: 0 0% 98%;
42-
--popover: 0 0% 3.9%;
43-
--popover-foreground: 0 0% 98%;
44-
--secondary: 0 0% 14.9%;
45-
--secondary-foreground: 0 0% 98%;
46-
--muted: 0 0% 14.9%;
47-
--muted-foreground: 0 0% 63.9%;
48-
--border: 0 0% 14.9%;
49-
--input: 0 0% 14.9%;
50-
--ring: 0 0% 83.1%;
38+
--in--background: 0 0% 3.9%;
39+
--in--foreground: 0 0% 98%;
40+
--in--card: 0 0% 3.9%;
41+
--in--card-foreground: 0 0% 98%;
42+
--in--popover: 0 0% 3.9%;
43+
--in--popover-foreground: 0 0% 98%;
44+
--in--secondary: 0 0% 14.9%;
45+
--in--secondary-foreground: 0 0% 98%;
46+
--in--muted: 0 0% 14.9%;
47+
--in--muted-foreground: 0 0% 63.9%;
48+
--in--border: 0 0% 14.9%;
49+
--in--input: 0 0% 14.9%;
50+
--in--ring: 0 0% 83.1%;
5151
}
5252
}
5353

5454
@layer base {
5555
* {
5656
@apply in--border-border;
5757
}
58-
body {
59-
@apply in--bg-background in--text-foreground;
60-
}
6158
}

‎tailwind.config.mjs

+27-27
Original file line numberDiff line numberDiff line change
@@ -7,50 +7,50 @@ export default {
77
theme: {
88
extend: {
99
borderRadius: {
10-
lg: 'var(--radius)',
11-
md: 'calc(var(--radius) - 2px)',
12-
sm: 'calc(var(--radius) - 4px)',
10+
lg: 'var(--in--radius)',
11+
md: 'calc(var(--in--radius) - 2px)',
12+
sm: 'calc(var(--in--radius) - 4px)',
1313
},
1414
colors: {
15-
background: 'hsl(var(--background))',
16-
foreground: 'hsl(var(--foreground))',
15+
background: 'hsl(var(--in--background))',
16+
foreground: 'hsl(var(--in--foreground))',
1717
card: {
18-
DEFAULT: 'hsl(var(--card))',
19-
foreground: 'hsl(var(--card-foreground))',
18+
DEFAULT: 'hsl(var(--in--card))',
19+
foreground: 'hsl(var(--in--card-foreground))',
2020
},
2121
popover: {
22-
DEFAULT: 'hsl(var(--popover))',
23-
foreground: 'hsl(var(--popover-foreground))',
22+
DEFAULT: 'hsl(var(--in--popover))',
23+
foreground: 'hsl(var(--in--popover-foreground))',
2424
},
2525
primary: {
26-
DEFAULT: 'hsl(var(--primary))',
27-
foreground: 'hsl(var(--primary-foreground))',
26+
DEFAULT: 'hsl(var(--in--primary))',
27+
foreground: 'hsl(var(--in--primary-foreground))',
2828
},
2929
secondary: {
30-
DEFAULT: 'hsl(var(--secondary))',
31-
foreground: 'hsl(var(--secondary-foreground))',
30+
DEFAULT: 'hsl(var(--in--secondary))',
31+
foreground: 'hsl(var(--in--secondary-foreground))',
3232
},
3333
muted: {
34-
DEFAULT: 'hsl(var(--muted))',
35-
foreground: 'hsl(var(--muted-foreground))',
34+
DEFAULT: 'hsl(var(--in--muted))',
35+
foreground: 'hsl(var(--in--muted-foreground))',
3636
},
3737
accent: {
38-
DEFAULT: 'hsl(var(--accent))',
39-
foreground: 'hsl(var(--accent-foreground))',
38+
DEFAULT: 'hsl(var(--in--accent))',
39+
foreground: 'hsl(var(--in--accent-foreground))',
4040
},
4141
destructive: {
42-
DEFAULT: 'hsl(var(--destructive))',
43-
foreground: 'hsl(var(--destructive-foreground))',
42+
DEFAULT: 'hsl(var(--in--destructive))',
43+
foreground: 'hsl(var(--in--destructive-foreground))',
4444
},
45-
border: 'hsl(var(--border))',
46-
input: 'hsl(var(--input))',
47-
ring: 'hsl(var(--ring))',
45+
border: 'hsl(var(--in--border))',
46+
input: 'hsl(var(--in--input))',
47+
ring: 'hsl(var(--in--ring))',
4848
chart: {
49-
1: 'hsl(var(--chart-1))',
50-
2: 'hsl(var(--chart-2))',
51-
3: 'hsl(var(--chart-3))',
52-
4: 'hsl(var(--chart-4))',
53-
5: 'hsl(var(--chart-5))',
49+
1: 'hsl(var(--in--chart-1))',
50+
2: 'hsl(var(--in--chart-2))',
51+
3: 'hsl(var(--in--chart-3))',
52+
4: 'hsl(var(--in--chart-4))',
53+
5: 'hsl(var(--in--chart-5))',
5454
},
5555
},
5656
keyframes: {

0 commit comments

Comments
 (0)