From ab649c86d4892440533a0c2807e2e942ad68c2f9 Mon Sep 17 00:00:00 2001 From: Tor Hveem Date: Fri, 23 Sep 2016 18:52:09 +0200 Subject: [PATCH] New blue theme --- css/themes/blue.css | 179 ++++++++++++++++++++++++++++++++++++++++++++ js/glowingbear.js | 2 +- 2 files changed, 180 insertions(+), 1 deletion(-) create mode 100644 css/themes/blue.css diff --git a/css/themes/blue.css b/css/themes/blue.css new file mode 100644 index 0000000..28e4189 --- /dev/null +++ b/css/themes/blue.css @@ -0,0 +1,179 @@ +@import "dark.css"; + +body { + background-color: #1d222c; + color: #dfdfcf; +} + +a { + color: #0787c1; +} +.btn-primary { + background: linear-gradient(#0f99d9,#0177af); + border-color: #0d7eb2; +} + + +.badge { + border-radius: 0; +} + +.footer { + bottom: 5px; +} +#bufferlines { + bottom: 45px; +} + +.form-control { + color: #ccc; + background: #141922; + border: 2px solid #4a5b6c; +} + +.form-control option { + color: #eee; + background: #282828; +} + +.nav-pills > li > a { + /* To prevent resize when they get border on active or hover */ + border: 1px solid transparent; + margin-left: 5px; + margin-right: 5px; +} + +.nav-pills > li.active > a { + background-color: rgba(27, 97, 161, 0.4); + border: 1px solid #1b61a1; +} + +/* fix for mobile firefox which ignores :hover */ +.nav-pills > li > a:active, .nav-pills > li > a:active span, .nav-pills > li.active > a:hover { + background-color: #031633; + color: #fff; + +} +.nav-pills > li > a:hover, .nav-pills > li > a:hover span { + color: #fff; +} + +.nav-pills > li > a:hover, .nav-pills > li > a:focus { + background-color: #282828; + color: white; + border: 1px solid #363943; +} + +.nav-pills > li.highlight > a, .nav-pills > li.highlight > a span { + color: #fff; + background: #283244; +} + +.bufferfilter { + margin-left: 5px; + margin-right: 5px; +} + +tr.bufferline:hover { + background-color: #1b2737; +} +td.prefix { + border-right: 1px solid #464f5e; +} +td.message { + border-left: 1px solid #1b2737; +} +input[type=text], input[type=password], #sendMessage, .badge { + /*box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), 0px 1px 7px 0px rgba(0, 0, 0, 0.8) inset; */ + border: 1px solid #4a5b6c; +} + +input[type=text], input[type=password], #sendMessage, .badge, .btn-send, .btn-send-image { + color: #ccc; + background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3); +} + +.btn-send:hover, .btn-send:focus, +.btn-send-image:hover, .btn-send-image:focus { + background-color: #555; + color: white; +} + +.nav-pills li:nth-child(2n) { + background: #283244; +} + +.nav-pills > li > a { + color: #ddd; +} + +#topbar .actions { + background: #283244; + color: #666; +} + +#topbar, #sidebar, .panel, .dropdown-menu, .modal-content { + background: #283244; +} +#topbar, #topbar .actions, #sidebar, .panel, .dropdown-menu, .modal-content { + box-shadow: 0 1px #1d222c; + border-bottom: 1px solid #3a4657; +} +#sidebar { + padding-top: 40px; + border-right: 1px solid #1d1f29; + border-bottom: 0; + box-shadow: none; +} +#nicklist a { + border: 1px solid transparent; +} +#nicklist a:hover { + background: #282828; + border: 1px solid #363943; +} + +.horizontal-line { + -webkit-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0; + -moz-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0; + box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0; + border-bottom: 1px solid #1b2737; +} +.vertical-line { + -webkit-box-shadow: rgba(255, 255, 255, 0.07) 1px 0 0; + -moz-box-shadow: rgba(255, 255, 255, 0.07) 1px 0 0; + box-shadow: rgba(255, 255, 255, 0.07) 1px 0 0; + border-right: 1px solid #1b2737; +} +.vertical-line-left { + -webkit-box-shadow: rgba(255, 255, 255, 0.07) -1px 0 0; + -moz-box-shadow: rgba(255, 255, 255, 0.07) -1px 0 0; + box-shadow: rgba(255, 255, 255, 0.07) -1px 0 0; + border-left: 1px solid #1b2737; +} +.panel-group .panel-heading + .panel-collapse .panel-body, .modal-body, .modal-header, .modal-footer { + -webkit-box-shadow: rgba(255, 255, 255, 0.07) 0 -1px 0; + -moz-box-shadow: rgba(255, 255, 255, 0.07) 0 -1px 0; + box-shadow: rgba(255, 255, 255, 0.07) 0 -1px 0; + border-top: 1px solid #1b2737; +} + +#readmarker { + border-color: rgba(29, 94, 152, 0.5); + height: 0; +} +#sendMessage:focus, #sendMessage:active { + border: 1px solid; + border-color: #0d7eb2; +} + +@media (min-width: 1400px) { + .content[sidebar-state="visible"] .footer { + padding-left: 205px; + } +} +@media (max-width: 968px) { + .footer { + padding-left: 5px !important; + } +} diff --git a/js/glowingbear.js b/js/glowingbear.js index f65f770..c4bda15 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', 'black', 'dark-spacious']; + $scope.themes = ['dark', 'light', 'black', 'dark-spacious', 'blue',]; // Initialise all our settings, this needs to include all settings // or else they won't be saved to the localStorage.