New blue theme

This commit is contained in:
Tor Hveem 2016-09-23 18:52:09 +02:00
parent dd18ad4f28
commit ab649c86d4
No known key found for this signature in database
GPG key ID: 7C3ECF7851B7F195
2 changed files with 180 additions and 1 deletions

179
css/themes/blue.css Normal file
View file

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

View file

@ -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.