From 9f6acc04aa9b9d128d930b345c1721f17d915ab5 Mon Sep 17 00:00:00 2001 From: Eliseu Amaro Date: Mon, 6 Sep 2021 19:33:51 +0100 Subject: [PATCH] [CSS] Light theme panels background image fix. Input elements with proper padding. --- public/assets/css/base.css | 20 +++++++++++++++++++- 1 file changed, 19 insertions(+), 1 deletion(-) diff --git a/public/assets/css/base.css b/public/assets/css/base.css index 528acc0801..0b245c860d 100644 --- a/public/assets/css/base.css +++ b/public/assets/css/base.css @@ -450,11 +450,14 @@ input { display: block; position: relative; color: var(--white); - padding: 5px 10px; + padding: 2px 8px; border: 2px solid var(--bg2) !important; border-radius: var(--unit-size) !important; background-color: var(--translucent) !important; } +button { + padding: 5px 10px; +} select { -webkit-appearance: none !important; @@ -684,4 +687,19 @@ input[type=file] { background-repeat: no-repeat; background-size: 100% 100%; } + + @media (prefers-color-scheme: dark) { + #panel-left-toggle:checked ~ .panel-content, + #panel-right-toggle:checked ~ .panel-content, + a[id|="anchor"]:target ~ .panel-content { + background-image: url(../images/bg.png); + } + } + @media (prefers-color-scheme: light) { + #panel-left-toggle:checked ~ .panel-content, + #panel-right-toggle:checked ~ .panel-content, + a[id|="anchor"]:target ~ .panel-content { + background-image: url(../images/bg-light.png); + } + } } \ No newline at end of file