From 312f39f7f68f5757069dc05f2ac602d59fb0e6d5 Mon Sep 17 00:00:00 2001 From: Nils Maier Date: Wed, 2 Oct 2019 22:09:04 +0200 Subject: [PATCH] Dark mode scrollbar colors --- style/common.css | 20 ++++++++++++++++++-- windows/popup.html | 10 ++++++++-- 2 files changed, 26 insertions(+), 4 deletions(-) diff --git a/style/common.css b/style/common.css index d00a265..f0e41d1 100644 --- a/style/common.css +++ b/style/common.css @@ -63,11 +63,26 @@ --popup-bgcolor: #4a4a4f; --popup-color: rgb(249, 249, 250); --general-button-shadow: 0px 0px 7px 1px rgba(128,128,128,0.8); + scrollbar-color: rgba(249,249,250,.4) rgba(20,20,25,.3); } - html.dark a { + +html.dark a { color: lightblue; } +html.dark ::-webkit-scrollbar { + background: rgba(20,20,25,.3); +} + +html.dark ::-webkit-scrollbar-thumb { + background: rgba(249,249,250,.4); +} + +html.dark ::-webkit-scrollbar-corner { + background: #000; +} + + html[data-platform="mac"] { --folder-color: rgb(4, 102, 214); } @@ -197,7 +212,8 @@ body, html { background: var(--general-bgcolor); } -body#popup { +html#popup, +html#popup > body { color: var(--popup-color); background: var(--popup-bgcolor); } diff --git a/windows/popup.html b/windows/popup.html index 4f0ded5..9f3fd94 100644 --- a/windows/popup.html +++ b/windows/popup.html @@ -1,4 +1,6 @@ + + @@ -11,6 +13,8 @@ height: auto !important; -webkit-user-select: none; user-select: none; + margin: 0; + padding: 0; } ul { @@ -65,7 +69,7 @@ - + - \ No newline at end of file + + + \ No newline at end of file