KBin Extra Compact Dark Blue Theme

Greasy Fork is available in English.
KBin Extra Compact Dark Blue Theme

KBin dark blue theme that also makes Compact mode even more compact
换行
/* ==UserStyle==
// @name            KBin Extra Compact Dark Blue Theme
// @namespace       http://greasyfork.icu/en/users/160017-timebomb
// @version         0.1.5
// @description     KBin dark blue theme that also makes Compact mode even more compact
// @author          TimeBomb
// @license         GPL-3.0-or-later
==/UserStyle== */
 
@-moz-document domain("kbin.social") {
/* BEGIN COMPACTER COMPACT MODE */
.view-compact .entry header {
    margin-bottom: 0;
}


@media (min-width: 690px) {
    .view-compact .entry .vote {
        margin-right: 0.7rem !important;
    }
}

.view-compact .entry footer menu {
    column-gap: 0.85rem;
}

.view-compact .section menu > li {
    padding: 0;
}

.view-compact .entry {
    padding: 0.5rem;
}
/* END COMPACTER COMPACT MODE */
/* BEGIN DARK BLUE THEME */
#header,#middle,#footer,#topbar,#popover,#scroll-top {
    --kbin-link-color: #ddddee;
    --kbin-link-hover-color: #bbccff;
    --kbin-options-link-hover-color: #ededfc;
    --kbin-options-link-color: #ddddee;
    --kbin-section-link-color: #0088cc;
    --kbin-section-title-link-color: #eef;
    --kbin-entry-link-visited-color: #aab;
    --kbin-meta-link-color: #ccd;
    --kbin-meta-link-hover-color: #dde;
    --kbin-meta-text-color: #d0d0e0;
    --kbin-text-color: #d0d0e0;
    --kbin-section-text-color: #d0d0e0;
    --kbin-bg: #1f1d2c;
    --kbin-header-bg: #1f1d2c;
    --kbin-primary-color: #1f1d2c;
    --kbin-input-bg: #1f1d2c;
    --kbin-button-primary-bg: #1f1d2c;
    --kbin-button-secondary-bg: #1f1d2c;
    --kbin-footer-bg: #1f1d2c;
    --kbin-input-bg: #1f1d2c;
    --kbin-meta-bg:  #1f1d2c;
    --kbin-section-bg: #262837;
    --custom-blue-theme-dark-bg: #262837;
    --kbin-options-bg: #262837;
    --kbin-header-link-active-bg: #262837;
    --kbin-sidebar-header-text-color: #d0d0d0;
    --custom-blue-theme-darker-bg: #1e2130;
    --custom-blue-theme-darkest-bg: #1a1827;
    --kbin-alert-info-bg: #E6E6D5;
    --kbin-alert-info-border: #eee;
    --kbin-alert-info-text-color: #333;
    --kbin-vote-text-hover-color: #fff;
    --custom-blue-theme-icon-color: #fff;
    --kbin-input-text-color: #d0d0e0;
    --kbin-button-secondary-text-color: #d0d0e0;
}

.ts-control input {
    color: var(--kbin-input-text-color);
}

#scroll-top i {
    color: var(--custom-blue-theme-icon-color);
}

#middle {
    background: var(--kbin-bg) !important;
}

#footer .lang-switch select {
    border-style: solid;
}

table tbody tr:nth-of-type(2n) {
    background-color: var(--custom-blue-theme-dark-bg);
}

.section {
    border: 0;
}


/* TODO figure out how to convert dotted lines in comments to solid */
#comments .section,
#comments .subject,
.btn__secondary,
#entry_comment_lang,
.params .ts-wrapper.single .ts-control,
#post_lang,
.params .ts-wrapper .ts-dropdown.single {
    border-style: solid !important;
}

.comment-level--2,
.comment-level--4,
.comment-level--6,
.comment-level--8,
.comment-level--10 {
    background: var(--custom-blue-theme-darker-bg);
}

.vote button {
    background: #1a1827;
    height: 1.7rem !important;
    width: 4rem !important;
}

.vote button:active,
.btn__secondary:active,
#entry_comment_submit:active,
#post_submit:active, .btn__primary:active {
    position: relative;
    top: 1px;
}

.btn__secondary,
#entry_comment_submit,
#footer .lang-switch select,
#post_submit, .btn__primary {
    cursor: pointer;
}

.btn__secondary:hover,
#entry_comment_submit:hover,
#footer .lang-switch select,
#post_submit:hover,
.theme--dark .ts-dropdown .active,
.dropdown__menu a:hover,
.dropdown__menu button:hover, .btn__primary {
    background: var(--custom-blue-theme-darkest-bg) !important;
}

form .btn__primary[type="submit"] {
    min-width: 38px;
    min-height: 38px;
    padding: 0 10px;
    margin-left: 4px;
}
/* END DARK BLUE THEME */
}