From 01d0891a2d11cc9a50c363cb7300ef674ca2ced7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lorenz=20H=C3=BCbschle-Schneider?= Date: Sat, 26 Dec 2015 11:47:09 +0100 Subject: [PATCH] Themes: Add black theme for AMOLED displays, fix theme selector background in dark theme Deprecates / closes #671 --- css/glowingbear.css | 12 ++++++------ css/themes/black.css | 22 ++++++++++++++++++++++ css/themes/dark.css | 5 +++++ js/glowingbear.js | 2 +- 4 files changed, 34 insertions(+), 7 deletions(-) create mode 100644 css/themes/black.css diff --git a/css/glowingbear.css b/css/glowingbear.css index 44364a9..1f6c933 100644 --- a/css/glowingbear.css +++ b/css/glowingbear.css @@ -370,12 +370,12 @@ td.time { left: 0; } - .imgur-progress-bar { - width: 0%; - height: 5px; - margin-top: 1px; - background: #428BCA; - } +.imgur-progress-bar { + width: 0%; + height: 5px; + margin-top: 1px; + background: #428BCA; +} /* fix for mobile firefox which ignores :hover */ .nav-pills > li > a:active, .nav-pills > li > a:active span { diff --git a/css/themes/black.css b/css/themes/black.css new file mode 100644 index 0000000..08ca482 --- /dev/null +++ b/css/themes/black.css @@ -0,0 +1,22 @@ +@import "dark.css"; + +body, .modal-content { + background-color: #000; +} + +#topbar, #sidebar, .panel, .dropdown-menu, #topbar .actions { + background: #080808; +} + +.nav-pills li:nth-child(2n) { + background: #000; +} + +.form-control option, input.form-control, select.form-control { + color: #ccc; + background: #080808; +} + +.close, .close:hover, .close:focus { + color: #ddd; +} diff --git a/css/themes/dark.css b/css/themes/dark.css index f219459..8d303aa 100644 --- a/css/themes/dark.css +++ b/css/themes/dark.css @@ -10,6 +10,11 @@ body { border: 0px none; } +.form-control option { + color: #eee; + background: #282828; +} + html { background-color: inherit; } diff --git a/js/glowingbear.js b/js/glowingbear.js index e2f48fc..caea115 100644 --- a/js/glowingbear.js +++ b/js/glowingbear.js @@ -21,7 +21,7 @@ weechat.controller('WeechatCtrl', ['$rootScope', '$scope', '$store', '$timeout', }; $scope.command = ''; - $scope.themes = ['dark', 'light']; + $scope.themes = ['dark', 'light', 'black']; // Initialise all our settings, this needs to include all settings // or else they won't be saved to the localStorage.