Add alternative dark theme

This commit is contained in:
calzoneman 2013-09-02 14:53:59 -05:00
parent 3ad925ad84
commit a5a83c4121
2 changed files with 221 additions and 0 deletions

218
www/assets/css/altdark.css Normal file
View File

@ -0,0 +1,218 @@
body {
background-color: #000;
color: #ccc;
}
.well {
background-color: #222!important;
border: 1px solid #555;
}
#usercountwrap, #userlist, #messagebuffer, #videowrap {
background-color: #222;
}
#usercountwrap, #currenttitle {
border: 1px solid #555;
border-bottom: none;
margin: 0;
}
#userlist, #messagebuffer {
border-color: #555;
}
input, textarea {
border-color: #555!important;
background: #222!important;
}
textarea, input {
color: #ccc!important;
}
button, .btn, .dropdown-menu, select, option {
background: #111!important;
border-color: #555!important;
color: #aaa!important;
text-shadow: none!important;
box-shadow: none!important;
}
.dropdown-menu > li > a {
color: #ccc!important;
}
.btn:hover {
background-color: #333!important;
}
.btn-success {
background: #009900!important;
border: 1px solid #006600!important;
}
.btn-success:hover {
background: #00bb00!important;
}
.btn-danger {
background: #990000!important;
border: 1px solid #660000!important;
}
.btn-danger:hover {
background: #bb0000!important;
}
.btn-primary {
background: #000099!important;
border: 1px solid #000066!important;
}
.btn-primary:hover {
background: #0000bb!important;
}
input, textarea, button, .well, .btn, .dropdown-menu, select {
border-radius: 0!important;
}
.videolist {
background-color: #000;
}
.queue_entry {
background-color: #000!important;
border: 1px solid #ccc;
color: #ccc;
}
.queue_entry > a {
color: #ccc;
}
.queue_temp {
/*border: 1px dashed #ccc;*/
}
.queue_active {
background-color: #555!important;
}
#plmeta {
border-color: #555;
background-color: #222;
}
[class^="icon-"],
[class*=" icon-"] {
background-image: url("../img/glyphicons-halflings-white.png");
}
.profile-box, .user-dropdown {
color: #ccc!important;
background-color: #222;
border: 1px solid #ccc!important;
border-radius: 0;
}
.close {
background: none!important;
}
.alert {
border-radius: 0;
text-shadow: none!important;
}
hr {
border: 1px solid #111!important;
}
.alert-error {
background-color: #550000;
border: 1px solid #880000;
color: #ff9999;
}
.alert-info {
background-color: #000055;
border: 1px solid #000088;
color: #9999ff;
}
.alert-warning {
background-color: #555500;
border: 1px solid #888800;
color: #ffff99;
}
.table-striped tbody > tr:nth-child(odd) > td {
background-color: #111!important;
}
.table-striped tbody > tr:nth-child(even) > td {
background-color: #000!important;
}
.table td, .table tr, .table th {
border-color: #ccc!important;
}
.table-bordered, .table-bordered tr, .table-bordered td,
.table-bordered th {
border-radius: 0!important;
border-top-left-radius: 0!important;
border-bottom-left-radius: 0!important;
border-top-right-radius: 0!important;
border-bottom-right-radius: 0!important;
}
.pagination ul > li:first-child > a,
.pagination ul > li:last-child > a {
border-radius: 0!important;
}
.pagination ul > li > a, .pagination > ul > li > span {
background-color: #222!important;
}
pre {
border: 1px solid #ccc!important;
background-color: #222!important;
color: #ccc!important;
border-radius: 0!important;
}
.userlist_owner {
color: #ff9900;
}
.nick-hover {
background-color: #111;
}
.nick-highlight {
background-color: #555;
}
.drink {
border-color: #ff9900;
}
.modal {
background-color: #222!important;
}
.modal-header, .modal-footer {
background-color: #222!important;
}
.caret {
border-top: 4px solid #ccc!important;
}
.dropup .caret {
border-top: none!important;
border-bottom: 4px solid #ccc!important;
}

View File

@ -557,6 +557,9 @@ function showOptionsMenu() {
$("<option/>").attr("value", "assets/css/darkstrap.css")
.text("Dark")
.appendTo(gen_theme);
$("<option/>").attr("value", "assets/css/altdark.css")
.text("Alternate Dark")
.appendTo(gen_theme);
gen_theme.val(USEROPTS.theme);
addOption(general, "Theme", gen_theme);