.theme-grass:root {
    --html-main: #dde4de;
    --bg-most-dk: #487054;
    --bg-most: rgba(90, 123, 99, 0.08);
    --bg-main: #ebf2ed;
    --bg-main-less: #f0f6f1;
    --bg-main-lt-more: #eff6f2;
    --bg-main-lt: #f5f9f6;
    --bg-main-lt-less: #f6fcf8;
    --bg-main-lter-more: #f9fcfb;
    --bg-main-lter: #fefffd;
    --text-color: #666666;
    --text-color-lt: #7c8780
}

.bg-grass {
    background: #ebf2ed
}

.bg-grass .lt,
.bg-grass.lt {
    background: #f5f9f6
}

.bg-grass.lt {
    background: #f5f9f6
}

.bg-grass .dk {
    background: #eff6f2
}

.bg-grass .lter,
.bg-grass.lter {
    background: #fefffd
}

.theme-summer:root {
    --html-main: #d0e2e0;
    --bg-most-dk: #4d7d78;
    --bg-most: #dbf0ed;
    --bg-main: #e3f6f4;
    --bg-main-less: #e7f7f6;
    --bg-main-lt-more: #ebf8f7;
    --bg-main-lt: #eefbf9;
    --bg-main-lt-less: #f2fbfa;
    --bg-main-lter-more: #f9fcfb;
    --bg-main-lter: #f8feff;
    --text-color: #666;
    --text-color-lt: #879b99
}

.bg-summer {
    background: var(--bg-main)
}

.bg-summer .lt,
.bg-summer.lt {
    background: var(--bg-main-lt)
}

.bg-summer .dk {
    background: var(--bg-main-lt-more)
}

.bg-summer .lter,
.bg-summer.lter {
    background: var(--bg-main-lter)
}

.theme-autumn:root {
    --html-main: #eae5d9;
    --bg-most-dk: #615435;
    --bg-most: #ece7dc;
    --bg-main: #f4f1e7;
    --bg-main-less: #f6f3ea;
    --bg-main-lt-more: #f7f5ee;
    --bg-main-lt: #faf8f0;
    --bg-main-lt-less: #faf9f5;
    --bg-main-lter-more: #f9fcfb;
    --bg-main-lter: #fefffd;
    --text-color: #666;
    --text-color-lt: #988f84
}

.bg-autumn {
    background: var(--bg-main)
}

.bg-autumn .lt,
.bg-autumn.lt {
    background: var(--bg-main-lt)
}

.bg-autumn.lt {
    background: var(--bg-main-lt)
}

.bg-autumn .dk {
    background: var(--bg-main-lt-more)
}

.bg-autumn .lter,
.bg-autumn.lter {
    background: var(--bg-main-lter)
}

.theme-pink:root {
    --html-main: #f4e3dd;
    --bg-most-dk: #a97257;
    --bg-most: #f4e9e3;
    --bg-main: #f9f0ed;
    --bg-main-less: #fcf3f1;
    --bg-main-lt-more: #fcf6f5;
    --bg-main-lt: #fef8f7;
    --bg-main-lt-less: #fefdfc;
    --bg-main-lter-more: #f9fcfb;
    --bg-main-lter: #fefffd;
    --text-color: #666;
    --text-color-lt: #9d867c
}

.theme-special .bg-pink {
    background: #f9f0ed
}

.theme-special .bg-pink .lt,
.theme-special .bg-pink.lt {
    background: #fef8f7
}

.theme-special .bg-pink.lt {
    background: #fef8f7
}

.theme-special .bg-pink .dk {
    background: #fcf6f5
}

.theme-special .bg-pink .lter,
.theme-special .bg-pink.lter {
    background: #fefffd
}

.theme-special .aside-wrap .navi-wrap .dropdown.wrapper .avatar img {
    box-shadow: none !important
}

:not(.theme-dark).theme-special.bg {
    background: var(--html-main)
}

:not(.theme-dark).theme-special body {
    color: var(--text-color)
}

:not(.theme-dark).theme-special .app:before {
    background: var(--html-main)
}

:not(.theme-dark).theme-special #alllayout {
    background: var(--html-main)
}

:not(.theme-dark).theme-special .text-title {
    color: var(--text-color)
}

:not(.theme-dark).theme-special .text-muted {
    color: var(--text-color-lt)
}

:not(.theme-dark).theme-special #post-content blockquote {
    background: var(--bg-main-lt)
}

:not(.theme-dark).theme-special .list-group-item>.badge {
    background: var(--bg-main-lt)
}

:not(.theme-dark).theme-special #comment_form .form-control,
:not(.theme-dark).theme-special textarea#comment {
    background: var(--bg-main-lter)
}

:not(.theme-dark).theme-special .OwO .OwO-logo {
    background: var(--bg-main-lter)
}

:not(.theme-dark).theme-special .OwO .OwO-body {
    background: var(--bg-main-lter)
}

:not(.theme-dark).theme-special .OwO .OwO-body .OwO-bar {
    background: var(--bg-main)
}

:not(.theme-dark).theme-special .OwO .OwO-body .OwO-bar .OwO-packages .OwO-package-active {
    background: var(--bg-main-lter)
}

:not(.theme-dark).theme-special .page-navigator>li>a {
    color: var(--text-color)
}

:not(.theme-dark).theme-special .page-navigator>.current>a,
:not(.theme-dark).theme-special .page-navigator>.current>a:focus,
:not(.theme-dark).theme-special .page-navigator>.current>a:hover,
:not(.theme-dark).theme-special .page-navigator>.current>span,
:not(.theme-dark).theme-special .page-navigator>.current>span:focus,
:not(.theme-dark).theme-special .page-navigator>.current>span:hover {
    background: var(--bg-most-dk);
    color: #fff
}

:not(.theme-dark).theme-special .page-navigator>li>a .fontello {
    color: var(--text-color)
}

@media (min-width:768px) {
    :not(.theme-dark).theme-special .app:before {
        border: 1px solid var(--bg-main-lt);
        box-shadow: 0 0 4px 1px rgba(0, 0, 0, .05)
    }
}

:not(.theme-dark).theme-special #alllayout:not(.app-aside-dock, .app-aside-folded) #aside .nav li.select {
    background: var(--bg-most)
}

:not(.theme-dark).theme-special .nav>li>a:not([role=tab]):focus,
:not(.theme-dark).theme-special .nav>li>a:not([role=tab]):hover {
    background: var(--bg-most)
}

:not(.theme-dark).theme-special #left_footer {
    box-shadow: none;
    border: none
}

@media (min-width:768px) {

    :not(.theme-dark).theme-special #header,
    :not(.theme-dark).theme-special .navbar-nav {
        height: 50px
    }

    :not(.theme-dark).theme-special .app-aside-folded .navbar-brand img {
        margin-left: 6px
    }
}

:not(.theme-dark).theme-special #header {
    box-shadow: none
}

:not(.theme-dark).theme-special #header #header_right {
    background: var(--bg-main-lt);
    background: linear-gradient(to right, var(--bg-main-lt) 0, var(--bg-main) 40%, var(--bg-main-lt))
}

:not(.theme-dark).theme-special .dropdown-menu {
    background: var(--bg-main-lter)
}

:not(.theme-dark).theme-special .dropdown-menu>.active>a,
:not(.theme-dark).theme-special .dropdown-menu>.active>a:focus,
:not(.theme-dark).theme-special .dropdown-menu>.active>a:hover,
:not(.theme-dark).theme-special .dropdown-menu>li>a:focus,
:not(.theme-dark).theme-special .dropdown-menu>li>a:hover {
    background: var(--bg-main) !important
}

:not(.theme-dark).theme-special .modal-content,
:not(.theme-dark).theme-special .post_tab .nav,
:not(.theme-dark).theme-special .tab-container .tab-content {
    background: var(--bg-main-lter)
}

:not(.theme-dark).theme-special .player-global .aplayer-icon path {
    fill: var(--text-color)
}

:not(.theme-dark).theme-special #handsome_global_player .aplayer-list {
    background: var(--bg-main-lt)
}

:not(.theme-dark).theme-special .bg-tag:not(.tag-close) {
    background: var(--bg-most)
}

:not(.theme-dark).theme-special .bg-tag:not(.tag-close):hover {
    background: var(--bg-main)
}

:not(.theme-dark).theme-special .aplayer .aplayer-list ol li:hover {
    background: var(--bg-most)
}

:not(.theme-dark).theme-special .aplayer .aplayer-list ol li.aplayer-list-light {
    background: var(--bg-most)
}

:not(.theme-dark).theme-special #searchform1 .bg-white-pure {
    background: var(--bg-most);
    border-radius: 10px;
    box-shadow: none
}

:not(.theme-dark).theme-special #searchform1 .bg-white-pure .form-control:first-child {
    border-radius: 10px
}

:not(.theme-dark).theme-special #searchform1 .bg-white-pure #search_submit {
    display: none
}

:not(.theme-dark).theme-special #search_input:hover {
    background: var(--bg-most)
}

:not(.theme-dark).theme-special .breadcrumb.bg-white-pure {
    background: var(--bg-main-less)
}

:not(.theme-dark).theme-special .like_button {
    background: var(--bg-main-lter-more)
}

:not(.theme-dark).theme-special .pager li>a,
:not(.theme-dark).theme-special .pager li>span {
    background: var(--bg-main-lter)
}

:not(.theme-dark).theme-special .pager li>a:focus,
:not(.theme-dark).theme-special .pager li>a:hover {
    background: var(--bg-main)
}

:not(.theme-dark).theme-special #post-panel {
    background: var(--bg-main-lt)
}

:not(.theme-dark).theme-special .panel-default .panel-heading {
    background: var(--bg-main-lt)
}

:not(.theme-dark).theme-special .panel-heading.bg-white {
    background: var(--bg-main-lt)
}

:not(.theme-dark).theme-special #post-content .panel:not(.color-panel) {
    box-shadow: none;
    border: 1px solid var(--bg-most);
    background: var(--bg-main-lter)
}

:not(.theme-dark).theme-special .wrapper.bg-light,
:not(.theme-dark).theme-special .wrapper.bg-white {
    background: var(--bg-main-lt)
}

:not(.theme-dark).theme-special .panel .list-group-item {
    background: var(--bg-main-lter)
}

:not(.theme-dark).theme-special .panel .list-group-item:hover {
    background: var(--bg-main-lt)
}

:not(.theme-dark).theme-special .panel-footer {
    background: var(--bg-main-lter)
}

:not(.theme-dark).theme-special .say_footer.bg-white-pure {
    background: var(--bg-main-lter)
}

:not(.theme-dark).theme-special .panel-heading .arrow.left:after {
    border-right-color: var(--bg-main-lter)
}

:not(.theme-dark).theme-special .app-content-body header.wrapper-md {
    background: var(--bg-main-lt)
}

:not(.theme-dark).theme-special .panel-small,
:not(.theme-dark).theme-special .panel:not(.tl-content, .color-panel) {
    background: var(--bg-main-lter)
}

:not(.theme-dark).theme-special #rightAside .panel,
:not(.theme-dark).theme-special #rightAside .panel .list-group-item {
    background: var(--bg-main-lt)
}

:not(.theme-dark).theme-special .post-item-foot {
    background: var(--bg-main-lt)
}

:not(.theme-dark).theme-special #rightAside {
    background: var(--bg-main)
}

:not(.theme-dark).theme-special .rightSettingBtn {
    background: var(--bg-main-lt) !important
}

:not(.theme-dark).theme-special .new-nav-tab {
    box-shadow: none;
    background: var(--bg-main-lt-more)
}

:not(.theme-dark).theme-special .new-nav-tab .navs-slider-bar {
    background: var(--bg-main-lter-more)
}

:not(.theme-dark).theme-special #blog_info .box-shadow-wrap-normal,
:not(.theme-dark).theme-special #tag_toc .tags,
:not(.theme-dark).theme-special #toc,
:not(.theme-dark).theme-special .tags.panel {
    box-shadow: none
}

:not(.theme-dark).theme-special #blog_info .list-group-item,
:not(.theme-dark).theme-special #tag_cloud .panel,
:not(.theme-dark).theme-special #toc,
:not(.theme-dark).theme-special .tags.panel {
    box-shadow: none;
    background: var(--bg-main-lt);
    border: none
}

:not(.theme-dark).theme-special .tocify .active,
:not(.theme-dark).theme-special .vditor-outline__item--current,
:not(.theme-dark).theme-special .vditor-outline__item:hover {
    background: var(--bg-most)
}

:not(.theme-dark).theme-special .list-group-item .thumb-sm .img-square.normal-shadow {
    box-shadow: none;
    border: none
}

:not(.theme-dark).theme-special .app-footer .footer_wrapper {
    background: var(--bg-main-lter);
    box-shadow: none;
    border: none
}

:not(.theme-dark).theme-special #footer {
    background: var(--bg-main-lt)
}

@media (max-width:767px) {
    :not(.theme-dark).theme-special #footer {
        background: var(--bg-main)
    }
}

:not(.theme-dark).theme-special #tag_cloud .badge:hover,
:not(.theme-dark).theme-special #tag_cloud-post a:hover {
    background: var(--bg-most)
}