mirror of
https://gitlab.com/KevinRoebert/ClearUrls
synced 2025-12-16 14:15:36 +07:00
add dark mode support
This commit is contained in:
31
css/core.css
31
css/core.css
@@ -16,10 +16,41 @@
|
|||||||
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--page-bg-color: #fff;
|
||||||
|
--page-fg-color: #15141a;
|
||||||
|
|
||||||
|
--input-bg-color: #fff;
|
||||||
|
--input-border-color: #8f8F9d;
|
||||||
|
--input-fg-color: #15141a;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
:root {
|
||||||
|
--page-bg-color: #23222b;
|
||||||
|
--page-fg-color: #fbfbfe;
|
||||||
|
|
||||||
|
--input-bg-color: #42414d;
|
||||||
|
--input-border-color: #8f8F9d;
|
||||||
|
--input-fg-color: #fbfbfe;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
background-color: var(--page-bg-color);
|
||||||
|
color: var(--page-fg-color);
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.form-control,
|
||||||
|
.form-control:disabled,
|
||||||
|
.form-control:focus,
|
||||||
|
.form-control[readonly] {
|
||||||
|
background-color: var(--input-bg-color);
|
||||||
|
border: solid 1px var(--input-border-color);
|
||||||
|
color: var(--input-fg-color);
|
||||||
|
}
|
||||||
|
|
||||||
.small-version {
|
.small-version {
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user