wah.su/wah-su.github.io
1
0
Fork 0
mirror of https://github.com/wah-su/wah-su.github.io.git synced 2025-05-06 04:49:39 +05:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: page dark mode

Browse source
This commit is contained in:
Kentai Radiquum 2024-05-19 19:12:48 +05:00
parent 40a31ce007
commit a9c029164f
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
4 changed files with 72 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

60
public/output.css
View file

@ -2014,6 +2014,36 @@ input:checked + .toggle-bg {
background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}
.dark\:bg-green-300:where(.dark, .dark *) {
--tw-bg-opacity: 1;
background-color: rgb(132 225 188 / var(--tw-bg-opacity));
}
.dark\:bg-green-400:where(.dark, .dark *) {
--tw-bg-opacity: 1;
background-color: rgb(49 196 141 / var(--tw-bg-opacity));
}
.dark\:bg-red-500:where(.dark, .dark *) {
--tw-bg-opacity: 1;
background-color: rgb(240 82 82 / var(--tw-bg-opacity));
}
.dark\:bg-yellow-200:where(.dark, .dark *) {
--tw-bg-opacity: 1;
background-color: rgb(252 233 106 / var(--tw-bg-opacity));
}
.dark\:bg-red-400:where(.dark, .dark *) {
--tw-bg-opacity: 1;
background-color: rgb(249 128 128 / var(--tw-bg-opacity));
}
.dark\:bg-slate-900:where(.dark, .dark *) {
--tw-bg-opacity: 1;
background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}
.dark\:text-blue-500:where(.dark, .dark *) {
--tw-text-opacity: 1;
color: rgb(63 131 248 / var(--tw-text-opacity));
@ -2034,6 +2064,36 @@ input:checked + .toggle-bg {
color: rgb(209 213 219 / var(--tw-text-opacity));
}
.dark\:text-slate-50:where(.dark, .dark *) {
--tw-text-opacity: 1;
color: rgb(248 250 252 / var(--tw-text-opacity));
}
.dark\:text-slate-100:where(.dark, .dark *) {
--tw-text-opacity: 1;
color: rgb(241 245 249 / var(--tw-text-opacity));
}
.dark\:text-slate-300:where(.dark, .dark *) {
--tw-text-opacity: 1;
color: rgb(203 213 225 / var(--tw-text-opacity));
}
.dark\:text-slate-200:where(.dark, .dark *) {
--tw-text-opacity: 1;
color: rgb(226 232 240 / var(--tw-text-opacity));
}
.dark\:text-slate-500:where(.dark, .dark *) {
--tw-text-opacity: 1;
color: rgb(100 116 139 / var(--tw-text-opacity));
}
.dark\:text-slate-400:where(.dark, .dark *) {
--tw-text-opacity: 1;
color: rgb(148 163 184 / var(--tw-text-opacity));
}
.dark\:hover\:bg-blue-700:hover:where(.dark, .dark *) {
--tw-bg-opacity: 1;
background-color: rgb(26 86 219 / var(--tw-bg-opacity));