diff options
| -rw-r--r-- | css/help.css | 31 | ||||
| -rw-r--r-- | css/popup.css | 30 | ||||
| -rw-r--r-- | css/redirector.css | 118 | ||||
| -rw-r--r-- | help.html | 2 | ||||
| -rw-r--r-- | js/background.js | 2 | ||||
| -rw-r--r-- | redirector.html | 2 |
6 files changed, 181 insertions, 4 deletions
diff --git a/css/help.css b/css/help.css index 1658291..e104f93 100644 --- a/css/help.css +++ b/css/help.css @@ -74,4 +74,33 @@ table { padding-right:2px; border-radius:3px; background: #eee; -}
\ No newline at end of file +} + +/* Dark mode support */ + +@media (prefers-color-scheme: dark) { + + html { + background: rgb(32,33,36); + } + body { + background: rgb(42,43,46); + color: #ddd; + border: solid 1px #888; + } + th { + color: white; + font-weight: normal; + } + a, a:visited, a:hover { + color: rgb(138,179,241); + } + + h1, h2, h3, h4, strong { + color: white; + } + + tr .pattern { + color: rgb(53,180,75); + } + }
\ No newline at end of file diff --git a/css/popup.css b/css/popup.css index 83311af..0d774aa 100644 --- a/css/popup.css +++ b/css/popup.css @@ -47,3 +47,33 @@ label { top:1px; } } + + +@media (prefers-color-scheme: dark) { + + html { + background: rgb(52,53,56); + color: #ddd; + } + + h1 { + color: white; + } + + label { + color: #eee; + } + th { + color: white; + font-weight: normal; + } + + .disabled span { + color: rgb(252,87,84); + } + button { + background-color: rgb(32,33,36) !important; + border: solid 1px #777 !important; + color: #eee; + } + } diff --git a/css/redirector.css b/css/redirector.css index d0046cc..f727dc4 100644 --- a/css/redirector.css +++ b/css/redirector.css @@ -479,4 +479,122 @@ footer small a:hover { #storage-sync-option input { margin:10px; +} + +/* Dark mode support */ + +@media (prefers-color-scheme: dark) { + + body { + background: rgb(32,33,36); + color: #bbb; + } + + h1 { + color: #eee; + } + h5, footer small { + color: #aaa; + } + + .redirect-row label { + color: white; + } + + footer small a, footer small a:visited { + color: rgb(138,179,241); + } + + .redirect-row:nth-child(odd) { + background: rgb(31,32,35); + } + .redirect-row:nth-child(even) { + background: rgb(41,42,45); + } + + .btn { + background-color: rgb(32,33,36); + border: solid 1px #777; + } + + .btn.grey { + color: #ccc; + } + + .btn.green { + color: rgb(53,180,75); + } + + #message-box.success { + background-color: rgb(53,203,75);; + } + + #message-box.error { + background-color: rgb(252,87,84); + } + + .redirect-table, .redirect-row { + border-color: #555 !important; + } + + .redirect-row h4 span.disabled-marker { + color:rgb(252,87,84) !important; + } + + .btn.red { + color: rgb(252,87,84); + } + + .btn.grey[disabled]:hover { + border: solid 1px #777 !important; + background: rgb(32,33,36) !important; + color:#555 !important;; + } + + .btn.grey:hover { + border: solid 1px white; + background: black; + color: white !important; + } + + .btn.blue { + color: rgb(138,179,241); + } + + [data-bind="description"] { + color: #eee; + } + + .redirect-info.disabled label, .redirect-info.disabled span, span.disabled, .redirect-info.disabled p, a.disabled, button[disabled] { + color:#555 !important; + } + + #edit-redirect-form { + background:rgb(41,42,45); + border: solid 1px #888; + } + + #advanced-toggle a, #advanced-toggle a:visited { + color: rgb(138,179,241); + } + + h3 { + color: #eee; + } + + #edit-redirect-form label { + color: white; + font-weight: normal; + } + + .example-result-error { + color:rgb(252,87,84) !important; + } + + #edit-redirect-form input { + background: rgb(68,68,68); + color: #ddd; + border-color: rgb(68,68,68) !important ; + border-radius: 2px; + } }
\ No newline at end of file @@ -4,7 +4,7 @@ <title>REDIRECTOR HELP</title> <meta charset="UTF-8"> <link rel="stylesheet" href="css/help.css" /> - <link rel="shortcut icon" href="images/icon-dark-32.png"> + <link rel="shortcut icon" href="images/icon-light-theme-32.png"> </head> <body> diff --git a/js/background.js b/js/background.js index 89118d0..30bd6e0 100644 --- a/js/background.js +++ b/js/background.js @@ -210,7 +210,7 @@ function updateIcon() { if (obj.disabled) { chrome.browserAction.setBadgeText({text: 'off'}); - chrome.browserAction.setBadgeBackgroundColor({color: 'red'}); + chrome.browserAction.setBadgeBackgroundColor({color: '#fc5953'}); if (chrome.browserAction.setBadgeTextColor) { //Not supported in Chrome chrome.browserAction.setBadgeTextColor({color: '#fafafa'}); } diff --git a/redirector.html b/redirector.html index 89cdbc2..46fda66 100644 --- a/redirector.html +++ b/redirector.html @@ -5,7 +5,7 @@ <meta charset="UTF-8"> <link rel="stylesheet" href="css/redirector.css" /> <!-- ☈ --> - <link rel="shortcut icon" href="images/icon-dark-32.png"> + <link rel="shortcut icon" href="images/icon-light-theme-32.png"> </head> <body> <div id="cover"> |