EZPPFarm/EZPPLauncher
2
0
Fork 0
Code Issues Pull Requests Projects Releases 17 Activity

make darkmode dependent on system color scheme

Browse Source
This commit is contained in:
HorizonCode
2024-01-10 14:50:58 +01:00
parent bbc3d7ed67
commit 1f1dc65a97
4 changed files with 25 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/app.pcss
View File

@@ -12,19 +12,10 @@ html .cet-titlebar {
color: #202020 !important;
}
html.dark .cet-titlebar {
background-color: #202020 !important;
color: #ececec !important;
}
html .cet-titlebar .cet-control-icon svg {
fill: #000;
}
html.dark .cet-titlebar .cet-control-icon svg {
fill: #fff;
}
.cet-titlebar .cet-icon {
display: none;
}
@@ -42,15 +33,27 @@ html.dark .cet-titlebar .cet-control-icon svg {
animation: progress-loading 5s ease-in-out infinite;
}
html.dark .indeterminate {
background-image: repeating-linear-gradient(
90deg,
rgb(217 5 89) -1%,
rgb(217 5 89) 10%,
#535353 10%,
#535353 90%
);
@media (prefers-color-scheme: dark) {
.indeterminate {
background-image: repeating-linear-gradient(
90deg,
rgb(217 5 89) -1%,
rgb(217 5 89) 10%,
#535353 10%,
#535353 90%
);
}
html .cet-titlebar .cet-control-icon svg {
fill: #fff;
}
html .cet-titlebar {
background-color: #202020 !important;
color: #ececec !important;
}
}
@keyframes progress-loading {
50% {
background-position-x: -115%;