Skip to content

Commit 1ac7f9c

Browse files
author
布丁狗~
authored
Create win11.css
1 parent 79c1073 commit 1ac7f9c

File tree

1 file changed

+181
-0
lines changed

1 file changed

+181
-0
lines changed

‎themes/win11.css

Lines changed: 181 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,181 @@
1+
/* Win11 */
2+
3+
[data-slot="input-wrapper"] {
4+
border-bottom: 1px solid hsl(var(--nextui-default-800)) !important;
5+
}
6+
7+
[data-slot="input-wrapper"][data-focus="true"]{
8+
border-bottom: 2px solid hsl(var(--nextui-primary)) !important;
9+
}
10+
11+
.sticky,[data-orientation="vertical"] {
12+
--nextui-divider-opacity: 0.15 !important;
13+
}
14+
15+
label:not([data-selected])>span {
16+
height: 20px !important;
17+
background-color: transparent !important;
18+
border: 1px hsl(var(--nextui-default-800)) solid !important;
19+
}
20+
21+
label[data-selected="true"]>span {
22+
height: 20px !important;
23+
}
24+
25+
label:not([data-selected])>span>span {
26+
height: 12px !important;
27+
width: 12px !important;
28+
background-color: hsl(var(--nextui-default-800)) !important;
29+
}
30+
31+
label[data-selected="true"]>span>span {
32+
height: 12px !important;
33+
width: 12px !important;
34+
transform: translateX(2px) !important;
35+
background-color: hsl(var(--nextui-primary-foreground)) !important;
36+
}
37+
38+
[data-slot="content"] [data-slot="listbox"]>li[data-selected="true"] {
39+
border-left: 3px hsl(var(--nextui-primary)) solid !important;
40+
background-color: hsl(var(--nextui-content2)) !important;
41+
}
42+
43+
[data-slot="content"] {
44+
--nextui-box-shadow-small: 0px 0px 5px 0px rgb(0 0 0 / 0.05),
45+
0px 2px 10px 0px rgb(0 0 0 / 0.2),
46+
inset 0px 0px 1px 0px rgb(255 255 255 / 0.15) !important;
47+
--nextui-box-shadow-medium: 0px 0px 15px 0px rgb(0 0 0 / 0.06),
48+
0px 2px 30px 0px rgb(0 0 0 / 0.22),
49+
inset 0px 0px 1px 0px rgb(255 255 255 / 0.15) !important;
50+
--nextui-box-shadow-large: 0px 0px 30px 0px rgb(0 0 0 / 0.07),
51+
0px 30px 60px 0px rgb(0 0 0 / 0.26),
52+
inset 0px 0px 1px 0px rgb(255 255 255 / 0.15) !important;
53+
--nextui-hover-opacity: 0.9 !important;
54+
}
55+
56+
.side .grid>div>div:not(.bg-primary):hover {
57+
background-color: hsl(var(--nextui-content2)) !important;
58+
}
59+
60+
.dark, [data-theme="dark"] {
61+
--nextui-background: 0 0% 13% !important;
62+
--nextui-foreground-50: 0 0 100% !important;
63+
--nextui-foreground-100: 0 0 100% !important;
64+
--nextui-foreground-200: 0 0 100% !important;
65+
--nextui-foreground-300: 0 0 100% !important;
66+
--nextui-foreground-400: 0 0 100% !important;
67+
--nextui-foreground-500: 0 0 100% !important;
68+
--nextui-foreground-600: 0 0 100% !important;
69+
--nextui-foreground-700: 0 0 100% !important;
70+
--nextui-foreground-800: 0 0 100% !important;
71+
--nextui-foreground-900: 0 0 100% !important;
72+
--nextui-foreground: 0 0 100% !important;
73+
--nextui-divider-opacity: 0 !important;
74+
--nextui-content1: 0 0% 17% !important;
75+
--nextui-content2: 0 0% 21% !important;
76+
--nextui-content3: 0 0% 25% !important;
77+
--nextui-content4: 0 0% 30% !important;
78+
--nextui-default-50: 0 0% 17% !important;
79+
--nextui-default-100: 0 0% 21% !important;
80+
--nextui-default-200: 0 0% 25% !important;
81+
--nextui-default-300: 0 0% 30% !important;
82+
--nextui-default-400: 0 0% 40% !important;
83+
--nextui-default-500: 0 0% 50% !important;
84+
--nextui-default-600: 0 0% 60% !important;
85+
--nextui-default-700: 0 0% 70% !important;
86+
--nextui-default-800: 0 0% 80% !important;
87+
--nextui-default-900: 0 0% 90% !important;
88+
--nextui-default: 0 0 21% !important;
89+
--nextui-primary-50: 200 100 65% !important;
90+
--nextui-primary-100: 200 100 65% !important;
91+
--nextui-primary-200: 200 100 65% !important;
92+
--nextui-primary-300: 200 100 65% !important;
93+
--nextui-primary-400: 200 100 65% !important;
94+
--nextui-primary-500: 200 100 65% !important;
95+
--nextui-primary-600: 2200 100 65% !important;
96+
--nextui-primary-700: 200 100 65% !important;
97+
--nextui-primary-800: 200 100 65% !important;
98+
--nextui-primary-900: 200 100 65% !important;
99+
--nextui-primary-foreground: 0 0% 0% !important;
100+
--nextui-primary: 200 100 65% !important;
101+
--nextui-secondary-50: 294 58 72% !important;
102+
--nextui-secondary-100: 294 58 72% !important;
103+
--nextui-secondary-200: 294 58 72% !important;
104+
--nextui-secondary-300: 294 58 72% !important;
105+
--nextui-secondary-400: 294 58 72% !important;
106+
--nextui-secondary-500: 294 58 72% !important;
107+
--nextui-secondary-600: 294 58 72% !important;
108+
--nextui-secondary-700: 294 58 72% !important;
109+
--nextui-secondary-800: 294 58 72% !important;
110+
--nextui-secondary-900: 294 58 72% !important;
111+
--nextui-secondary-foreground: 0 0% 0% !important;
112+
--nextui-secondary: 294 58 72% !important;
113+
--nextui-radius-small: 4px !important;
114+
--nextui-radius-medium: 4px !important;
115+
--nextui-radius-large: 6px !important;
116+
--nextui-box-shadow-small: none !important;
117+
--nextui-box-shadow-medium: none !important;
118+
--nextui-box-shadow-large: none !important;
119+
}
120+
121+
.light, [data-theme="light"] {
122+
color-scheme: light !important;
123+
--nextui-background: 0 0% 95% !important;
124+
--nextui-foreground-50: 0 0 0% !important;
125+
--nextui-foreground-100: 0 0 0% !important;
126+
--nextui-foreground-200: 0 0 0% !important;
127+
--nextui-foreground-300: 0 0 0% !important;
128+
--nextui-foreground-400: 0 0 0% !important;
129+
--nextui-foreground-500: 0 0 0% !important;
130+
--nextui-foreground-600: 0 0 0% !important;
131+
--nextui-foreground-700: 0 0 0% !important;
132+
--nextui-foreground-800: 0 0 0% !important;
133+
--nextui-foreground-900: 0 0 0% !important;
134+
--nextui-foreground: 0 0 0% !important;
135+
--nextui-divider-opacity: 0 !important;
136+
--nextui-content1: 0 0% 98% !important;
137+
--nextui-content2: 0 0% 95% !important;
138+
--nextui-content3: 0 0% 90% !important;
139+
--nextui-content4: 0 0% 80% !important;
140+
--nextui-default-50: 0 0% 98% !important;
141+
--nextui-default-100: 0 0% 95% !important;
142+
--nextui-default-200: 0 0% 90% !important;
143+
--nextui-default-300: 0 0% 80% !important;
144+
--nextui-default-400: 0 0% 70% !important;
145+
--nextui-default-500: 0 0% 60% !important;
146+
--nextui-default-600: 0 0% 50% !important;
147+
--nextui-default-700: 0 0% 40% !important;
148+
--nextui-default-800: 0 0% 30% !important;
149+
--nextui-default-900: 0 0% 20% !important;
150+
--nextui-default: 0 0% 80% !important;
151+
--nextui-primary-50: 208 100 38% !important;
152+
--nextui-primary-100: 208 100 38% !important;
153+
--nextui-primary-200: 208 100 38% !important;
154+
--nextui-primary-300: 208 100 38% !important;
155+
--nextui-primary-400: 208 100 38% !important;
156+
--nextui-primary-500: 208 100 38% !important;
157+
--nextui-primary-600: 208 100 38% !important;
158+
--nextui-primary-700: 208 100 38% !important;
159+
--nextui-primary-800: 208 100 38% !important;
160+
--nextui-primary-900: 208 100 38% !important;
161+
--nextui-primary-foreground: 0 0% 100% !important;
162+
--nextui-primary: 208 100 38% !important;
163+
--nextui-secondary-50: 265 40 43% !important;
164+
--nextui-secondary-100: 265 40 43% !important;
165+
--nextui-secondary-200: 265 40 43% !important;
166+
--nextui-secondary-300: 265 40 43% !important;
167+
--nextui-secondary-400: 265 40 43% !important;
168+
--nextui-secondary-500: 265 40 43% !important;
169+
--nextui-secondary-600: 265 40 43% !important;
170+
--nextui-secondary-700: 265 40 43% !important;
171+
--nextui-secondary-800: 265 40 43% !important;
172+
--nextui-secondary-900: 265 40 43% !important;
173+
--nextui-secondary-foreground: 0 0% 100% !important;
174+
--nextui-secondary: 265 40 43% !important;
175+
--nextui-radius-small: 4px !important;
176+
--nextui-radius-medium: 4px !important;
177+
--nextui-radius-large: 6px !important;
178+
--nextui-box-shadow-small: 0px 0px 0px 0px rgb(0 0 0 / 0.02), 0px 2px 10px 0px rgb(0 0 0 / 0.06), 0px 0px 1px 0px rgb(0 0 0 / 0.3) !important;
179+
--nextui-box-shadow-medium: 0px 0px 0px 0px rgb(0 0 0 / 0.03), 0px 2px 30px 0px rgb(0 0 0 / 0.08), 0px 0px 1px 0px rgb(0 0 0 / 0.3) !important;
180+
--nextui-box-shadow-large: 0px 0px 0px 0px rgb(0 0 0 / 0.04), 0px 30px 60px 0px rgb(0 0 0 / 0.12), 0px 0px 1px 0px rgb(0 0 0 / 0.3) !important;
181+
}

0 commit comments

Comments
 (0)