Merge pull request #819 from torhve/blue

New blue theme

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;
+   }
+}

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.