Update custom widgets

This commit is contained in:
Late Night Defender 2025-02-24 03:59:46 +07:00
parent 46e7a5a163
commit 1e5e650fa2

View file

@ -1,15 +1,34 @@
.topbar.stealth {
background-color: unset;
border: unset;
}
.button.header {
font-weight: normal;
border-radius: 12px;
height: 1cm;
font-weight: 700;
margin-top: 0.25cm;
width: 4cm;
background-color: unset;
}
/* For tablet screens */
@media only screen and (max-width: 600px) {
.button.header {width: 3cm;}
}
/* For phone screens */
@media only screen and (max-width: 500px) {
.button.header {width: 2cm;}
}
@media (prefers-color-scheme: light) {
.button.header {background-color: unset;}
.button:hover {background-color: rgba(var(--black), 0.18);}
.button:hover {background-color: rgba(var(--black), 0.10);}
.button.header.selected {background-color: rgba(var(--black), 0.18);}
.topbar.stealth {background-color: rgb(var(--whitebg));}
}
@media (prefers-color-scheme: dark) {
.button:hover {background-color: rgba(var(--white), 0.10);}
.button.header.selected {background-color: rgba(var(--white), 0.18);}
.topbar.stealth {background-color: rgb(var(--blackbg));}
}