From 210165daf7d3bba447211d69f25763e83e0ac78e Mon Sep 17 00:00:00 2001 From: Tor Hveem Date: Sun, 29 Mar 2015 14:04:12 +0200 Subject: [PATCH 1/5] Improve footer, more monochrome dark design --- css/glowingbear.css | 7 ++++++- css/themes/dark.css | 23 ++++++++++++++++++++++- css/themes/light.css | 5 +++++ directives/input.html | 2 +- 4 files changed, 34 insertions(+), 3 deletions(-) diff --git a/css/glowingbear.css b/css/glowingbear.css index e55dbb6..ba74539 100644 --- a/css/glowingbear.css +++ b/css/glowingbear.css @@ -50,9 +50,14 @@ td.message { #sendMessage { width: 100%; - height: 36px; + height: 35px; resize: none; } + +#sendMessage:focus, #sendMessage:active { + border-bottom: 2px solid #555; +} + .footer button { border-radius: 0; } diff --git a/css/themes/dark.css b/css/themes/dark.css index 574ac5f..1fbbddb 100644 --- a/css/themes/dark.css +++ b/css/themes/dark.css @@ -20,6 +20,10 @@ html { color: #333; } +.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { + background-color: #555; +} + /* fix for mobile firefox which ignores :hover */ .nav-pills > li > a:active, .nav-pills > li > a:active span { background-color: #eee; @@ -39,6 +43,15 @@ tr.bufferline:hover { color: black; } +.btn-primary { + background-color: #555; + border-color: #444; +} +.btn-primary:hover { + background-color: #666; + border-color: #555; +} + li.notification { color: green; } @@ -55,12 +68,17 @@ li.notification { background-color:rgba(0, 0, 0, 0.5) } -input[type=text], input[type=password], #sendMessage, .badge { +input[type=text], input[type=password], #sendMessage, .badge, .btn-send { color: #ccc; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), 0px 1px 7px 0px rgba(0, 0, 0, 0.8) inset; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3); } +.btn-send:hover, .btn-send:focus { + background-color: #555; + color: white; +} + #connection-infos { color: #aaa; } @@ -88,6 +106,9 @@ input[type=text], input[type=password], #sendMessage, .badge { #topbar .actions { background: #282828; } +#topbar a { + color: #666; +} #topbar, #sidebar, .panel, .dropdown-menu, .modal-content { background: #282828; diff --git a/css/themes/light.css b/css/themes/light.css index 73bc97a..b292136 100644 --- a/css/themes/light.css +++ b/css/themes/light.css @@ -22,6 +22,11 @@ html { background-color: #222; } +.btn-send { + background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.3); + color: #428BCA; +} + tr.bufferline:hover { background-color: #efefef; } diff --git a/directives/input.html b/directives/input.html index afcf580..9b23817 100644 --- a/directives/input.html +++ b/directives/input.html @@ -3,7 +3,7 @@ - + From 7c2b2d98e818749ab76a833a6fa9ec0652803f8f Mon Sep 17 00:00:00 2001 From: Tor Hveem Date: Sun, 29 Mar 2015 15:18:38 +0200 Subject: [PATCH 2/5] fix button align and colors --- css/glowingbear.css | 4 ++++ css/themes/dark.css | 4 ++-- directives/plugin.html | 4 ++-- 3 files changed, 8 insertions(+), 4 deletions(-) diff --git a/css/glowingbear.css b/css/glowingbear.css index ba74539..c76750b 100644 --- a/css/glowingbear.css +++ b/css/glowingbear.css @@ -58,6 +58,10 @@ td.message { border-bottom: 2px solid #555; } +.input-group-addon, .input-group-btn { + vertical-align: top; +} + .footer button { border-radius: 0; } diff --git a/css/themes/dark.css b/css/themes/dark.css index 1fbbddb..de5c150 100644 --- a/css/themes/dark.css +++ b/css/themes/dark.css @@ -43,11 +43,11 @@ tr.bufferline:hover { color: black; } -.btn-primary { +.btn-default { background-color: #555; border-color: #444; } -.btn-primary:hover { +.btn-default:hover { background-color: #666; border-color: #555; } diff --git a/directives/plugin.html b/directives/plugin.html index f3cd7b3..0ae78eb 100644 --- a/directives/plugin.html +++ b/directives/plugin.html @@ -1,5 +1,5 @@
- @@ -8,7 +8,7 @@
-