wide/static/css/themes/dark.css

/*
 * Copyright (c) 2014-present, b3log.org
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     https://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/*
 * themes for dark.
 *
 * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
 * @version 0.1.0.0, Dec 6, 2015
 */
.side {
    background-color: #303130;
}

.side-right {
    background-color: #303130;
    color: #999;
}

.footer {
    background-color: #181B1D;
    border-top: 1px solid #000000;
    color: rgba(255, 255, 255, 0.5);
}

.edit-panel {
    background-color: #181818;
    color: #EBEBEB;
}

.font-ico,
.ico-restore {
    color: rgba(255, 255, 255, 0.5);
}

.font-ico:hover,
.ico-restore:hover,
.frame li:hover .font-ico {
    color: #e1e1e1;
}

.menu {
    background: #252525;
    box-shadow: 0 1px 0 0 #353535 inset;
    border-bottom: 1px solid #000000;
}

.menu > ul > li > span {
    color: #cecece;
    text-shadow: #292a2b 0px 1px 0px;
}

.menu > ul > li.selected {
    background-color: #494949;
    color: #d4d4d4;
    box-shadow: 1px 0 0 0 #000000 inset, 1px 0 0 0 #000000, 0 1px 0 0 rgba(255, 255, 255, 0.15) inset;
}

.menu .split {
    border-color: #000000;
}

.frame {
    color: #f1f1f1;
    border: 1px solid #00040a;
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.65);
    background-color: #494949;
    text-shadow: 0px 1px 0px #2c2c2c;
}

.frame li:hover,
.zeroclipboard-is-hover {
    background-color: #3875D7;
    color: #FFF;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.frame li.disabled:hover {
    background-color: #494949;
    color: #999;
}

.frame .hr {
    font-size: 1px;
    margin: 2px 3px;
    border-top: 1px solid #353535;
    border-bottom: 1px solid #565656;
    height: 0;
}

.tabs {
    box-shadow: 0 -1px 0 0 #000000 inset, 0 1px 0 0 rgba(255, 255, 255, 0.06) inset, 0 1px 0 rgba(255, 255, 255, 0.06);
    background-color: #252525;
}

.tabs > div {
    background-color: #303030;
    color: #adadad;
    text-shadow: 0 1px rgba(0, 0, 0, 0.4);
    border-right: 1px solid #181B1D;
}

.tabs > div:hover {
    background-color: #363636;
}

.tabs > div.current {
    color: rgba(255, 255, 255, 0.85);
    text-shadow: 0 1px rgba(0, 0, 0, 0.4);
    background-color: #555;
}

.dialog-header-bg {
    border-bottom: 1px solid #000000;
    box-shadow: 0 1px #5b5c5e inset;
    background-image: -webkit-linear-gradient(top, #404143 0%, #333537 52%, #252729 52%, #252729 100%);
}

.dialog-title {
    font-weight: bold;
    color: #ffffff;
}

.dialog-main {
    background-color: #DEDEDF;
}

.dialog-footer {
    box-shadow: 0 1px 0 0 #353535 inset;
    border-top: 1px solid #000000;
    background-color: #2B2B2B;
}

.ztree li a {
    color: #e1e1e1;
}

.bottom-window-group .tabs-panel {
    background-color: #181818;
    color: #ebebeb;
}

#dialogPreference .preference {
    border: 1px solid #000;
}
/* start layout resize */
.ui-layout-resizer,
.ui-layout-resizer-dragging,
.ui-layout-resizer-open-hover,
.ui-layout-resizer-dragging { 
    background: #000;
}
.ui-layout-resizer-closed {
    background-color: #555555;
}
.ui-layout-resizer-west-closed {
    border-right: 1px solid #000;
}
.ui-layout-resizer-south-closed {
    border-top: 1px solid #000;
}
.ui-layout-resizer-east-closed {
    border-left: 1px solid #000;
}
.ui-layout-resizer-closed-hover	{ /* hover-color to 'slide open' */
    background: #000;
}