lordwelch/downthemall
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Dark mode scrollbar colors

Browse Source
This commit is contained in:
Nils Maier 2019-10-02 22:09:04 +02:00
parent 4ba7bb530d
commit 312f39f7f6
2 changed files with 26 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
style/common.css
View File

@ -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);
}

10
windows/popup.html
View File

@ -1,4 +1,6 @@
<!doctype html>
<html id="popup">
<head>
<!-- License: GPL-v2 -->
<meta charset="utf-8">
@ -11,6 +13,8 @@
height: auto !important;
-webkit-user-select: none;
user-select: none;
margin: 0;
padding: 0;
}
ul {
@ -65,7 +69,7 @@
<script defer src="/bundles/content-popup.js"></script>
</head>
<body id="popup">
<body>
<ul>
<li id="regular" data-action="do-regular">
<img srcset="/style/button-regular.png, /style/button-regular@2x.png 2x">
@ -105,4 +109,6 @@
<span data-i18n="prefs.short">Preferences</span>
</li>
</ul>
</body>
</body>
</html>