- Joined
- Dec 12, 2022
Gruvi Farms Site Theme
If you notice any unthemed elements or something that looks off, please let me know in a comment below. Optionally include the line number and a fix.
CSS:
/* Gruvi Farms KF Theme v1.2 */
:root {
--kf-bg0: #1d2021;
--kf-bg1: #282828;
--kf-bg2: #3c3836;
--kf-bg3: #504945;
--kf-bg4: #665c54;
--kf-bg5: #7c6f64;
--kf-fg0: #fbf1c7;
--kf-fg1: #ebdbb2;
--kf-fg2: #d5c4a1;
--kf-fg3: #bdae93;
--kf-fg4: #a89984;
--kf-fg5: #928374;
--kf-border: #504945;
--kf-aqua0: #8ec07c;
--kf-aqua1: #689d6a;
--kf-aqua2: #427b58;
--kf-blue0: #83a598;
--kf-blue1: #458588;
--kf-blue2: #076678;
--kf-green0: #b8bb26;
--kf-green1: #98971a;
--kf-green2: #79740e;
--kf-orange0: #fe8019;
--kf-orange1: #d65d0e;
--kf-orange2: #af3a03;
--kf-purple0: #d3869b;
--kf-purple1: #b16286;
--kf-purple2: #8f3f71;
--kf-red0: #fb4934;
--kf-red1: #cc241d;
--kf-red2: #9d0006;
--kf-yellow0: #fabd2f;
--kf-yellow1: #d79921;
--kf-yellow2: #b57614;
}
:root {
--primary-color: var(--kf-aqua1);
--link-color: var(--kf-aqua1);
--background-color: var(--kf-bg2);
--border-color: var(--kf-border);
--input-background: var(--kf-border);
--input-border-heavy: var(--kf-border);
--input-border-light: var(--kf-border);
--scrollbar-thumb: var(--kf-border);
--text-color: var(--kf-fg1);
--text-muted: var(--kf-fg4);
--button-text-color: var(--kf-fg1);
--button-danger-background: var(--kf-red1);
--button-danger-background-active: var(--kf-red0);
--button-danger-background-hover: var(--kf-red2);
--xf-contentBg: var(--kf-bg2);
--xf-contentAltBg: var(--kf-bg3);
--xf-textColor: var(--kf-fg1);
--xf-textColorMuted: var(--kf-fg3);
--xf-textColorDimmed: var(--kf-fg3);
--xf-linkColor: var(--kf-aqua1);
--xf-borderColor: var(--kf-border);
--xf-borderColorLight: var(--kf-border);
--xf-borderColorHeavy: var(--kf-border);
--xf-borderColorFaint: var(--kf-border);
}
* {
scrollbar-color: var(--kf-aqua0) transparent;
}
html {
background: var(--kf-bg1);
color: var(--kf-fg1);
}
::selection {
background: var(--kf-blue1);
color: var(--kf-fg1);
}
a:hover {
color: var(--kf-aqua0);
}
hr {
color: var(--kf-border);
}
a.shareButtons-button {
border: 2px solid var(--kf-bg2);
}
.actionBar-action.actionBar-action--mq.is-selected {
background-color: var(--kf-bg4);
border-color: var(--kf-border);
}
.actionBar-action.actionBar-action--view {
background: var(--kf-border);
border-color: var(--kf-bg4);
}
.actionBar-action.actionBar-action--view:hover, .actionBar-action.actionBar-action--view:active, .actionBar-action.actionBar-action--view:focus {
background: var(--kf-bg4);
}
.alert.is-unread {
background: var(--kf-bg4);
color: var(--kf-fg1);
}
.avatar img {
background-color: var(--kf-border);
}
.avatar.avatar--default.avatar--default--text {
color: var(--kf-fg1) !important;
background: var(--kf-bg4) !important;
}
.bbCodeBlock {
background: var(--kf-bg1);
border-left: 3px solid var(--kf-aqua1);
border: 1px solid var(--kf-border);
}
.bbCodeBlock-expandLink {
background: var(--kf-bg1);
}
.bbCodeBlock-title {
background: var(--kf-bg1);
}
.bbCodeBlock--unfurl {
color: var(--kf-fg1);
}
.bbCodeCode .prism-token.prism-comment, .bbCodeCode .prism-token.prism-prolog, .bbCodeCode .prism-token.prism-doctype, .bbCodeCode .prism-token.prism-cdata {
color: var(--kf-fg4);
}
.bbCodeCode .prism-token.prism-number {
color: var(--kf-purple0);
}
.bbCodeCode .prism-token.prism-string, .bbCodeCode .prism-token.prism-attr-value {
color: var(--kf-green0);
}
.bbCodeCode .prism-token.prism-symbol, .bbCodeCode .prism-token.prism-atrule, .bbCodeCode .prism-token.prism-keyword {
color: var(--kf-yellow0);
}
.bbCodeInline {
background: var(--kf-bg4);
border: 1px solid var(--kf-border);
}
.bbTable > table > thead > tr > th, .bbTable > table > tbody > tr > th {
background: var(--kf-bg1);
border: 1px solid var(--kf-bg1);
}
.bbTable > table > thead > tr > td, .bbTable > table > tbody > tr > td {
background: var(--kf-border);
border: 1px solid var(--kf-bg1);
}
.block-body {
box-shadow: none;
}
.block--category {
--link-color: var(--kf-aqua1);
}
.block--category3 {
--link-color: var(--kf-orange1);
}
.block--category7, .block--category74 {
--link-color: var(--kf-blue1);
}
.block--category104 {
--link-color: var(--kf-purple1);
}
.block--category116 {
--link-color: var(--kf-red0);
}
.block-container {
background: var(--kf-bg2);
border: 1px solid var(--kf-border);
border-radius: 4px;
color: var(--kf-fg1);
}
.block-filterBar a {
color: var(--kf-fg1);
}
.block--messages .block-container {
background: var(--kf-bg1);
}
.block--messages .message, .block--messages .block-row {
color: var(--kf-fg1);
}
.block--messages .message.hbReact-postmarked.hbReact-postmarked--auto, .message.hbReact-postmarked.hbReact-postmarked--auto {
border-top-color: var(--kf-aqua0);
}
.block--messages .message.hbReact-postmarked.hbReact-postmarked--feature.hbReact-postmarked--staff, .message.hbReact-postmarked.hbReact-postmarked--feature.hbReact-postmarked--staff {
border-top-color: var(--kf-red0);
}
.block--messages .message.hbReact-postmarked.hbReact-postmarked--manual, .message.hbReact-postmarked.hbReact-postmarked--manual {
border-top-color: var(--kf-blue0);
}
.block-container .structItemContainer-group .structItem-title a {
color: var(--kf-fg1);
}
.block-container .structItemContainer-group .is-unread .structItem-title a {
color: var(--kf-aqua1);
}
.block-container > .tabPanes > li > .blocks > .block:last-child .block-outer.block-outer--after, .block-container > .block-body > .blocks > .block:last-child .block-outer.block-outer--after, .block-container > .block-body > .block-row > .blocks > .block:last-child .block-outer.block-outer--after, .overlay-content > .blocks > .block:last-child .block-outer.block-outer--after, .block-container > .tabPanes > li > .block:last-child .block-outer.block-outer--after, .block-container > .block-body > .block:last-child .block-outer.block-outer--after, .block-container > .block-body > .block-row > .block:last-child .block-outer.block-outer--after, .overlay-content > .block:last-child .block-outer.block-outer--after, .block-container > .tabPanes > li > .blockMessage:last-child .block-outer.block-outer--after, .block-container > .block-body > .blockMessage:last-child .block-outer.block-outer--after, .block-container > .block-body > .block-row > .blockMessage:last-child .block-outer.block-outer--after, .overlay-content > .blockMessage:last-child .block-outer.block-outer--after {
background: var(--kf-bg1);
border-top: none !important;
}
.block-footer {
background: var(--kf-bg2);
color: var(--kf-fg4);
}
.block-header {
color: var(--kf-fg1);
}
.block-header a {
color: var(--kf-fg1);
}
.block-header .block-desc {
color: var(--kf-fg4);
}
.block--messages article.message {
border: 1px solid var(--kf-border);
box-shadow: none;
}
.block--messages .message, .block--messages .block-row {
border: 1px solid var(--kf-border);
color: var(--kf-fg1);
}
.block--messages .message .message-cell.message-cell--main {
background: var(--kf-bg2);
}
.block--messages .message.hb-react-threadHighlight {
border-top: 2px solid var(--kf-aqua1);
}
.block--messages .message.hbReact-postmarked, .message.hbReact-postmarked {
border-top: 1px solid var(--kf-border);
}
.blockMessage {
background: var(--kf-bg2);
color: var(--kf-fg1);
}
.blockMessage.blockMessage--alt {
background: var(--kf-bg2);
border: 1px solid var(--kf-border);
color: var(--kf-fg1);
}
.blockMessage.blockMessage--none {
color: var(--kf-fg1);
}
.block-minorHeader a {
color: var(--kf-fg1);
}
.block-minorTabHeader {
background: var(--kf-bg2);
color: var(--kf-fg1);
}
.block-minorTabHeader .hScroller-action {
color: var(--kf-fg1);
}
.block-minorTabHeader .hScroller-action.hScroller-action--end {
background: linear-gradient(to right, rgba(56,60,66,0) 0%, var(--kf-bg2) 33%);
}
.block-minorTabHeader .tabs-tab.is-active {
border-color: var(--kf-fg1);
color: var(--kf-fg1);
}
.block-tabHeader {
background: var(--kf-bg1);
}
.block-tabHeader .tabs-tab:hover {
background: var(--kf-border);
}
.block-tabHeader .tabs-tab.is-active {
border-color: var(--kf-border);
color: var(--kf-fg1);
}
.block-tabHeader .tabs-tab:not(.is-readonly):hover {
background: var(--kf-bg3);
color: var(--kf-fg0);
}
.block-textHeader {
color: var(--kf-fg1);
}
.blockLink.is-selected {
background: var(--kf-border);
border-left: 3px solid var(--kf-bg2)
}
.blockLink:hover {
background: var(--kf-border);
}
.blockStatus {
background: var(--kf-bg2);
border-bottom-color: var(--kf-border);
border-left: 3px solid var(--kf-border);
border-right-color: var(--kf-border);
border-top-color: var(--kf-border);
box-shadow: none !important;
color: var(--kf-fg1);
}
body.style-dark {
--background-color: var(--kf-bg2);
--border-color: var(--kf-border);
--input-background: var(--kf-border);
--scrollbar-thumb: var(--kf-border);
--text-color: var(--kf-fg1);
--text-muted: var(--kf-fg4);
}
.button, a.button {
background: var(--kf-bg2);
border: 1px solid var(--kf-border);
color: var(--kf-fg1);
}
.button.button--cta, a.button.button--cta {
background: var(--kf-bg2);
border-color: var(--kf-border);
color: var(--kf-fg1);
}
.button.button--cta:not(.button--splitTrigger):hover, a.button.button--cta:not(.button--splitTrigger):hover, .button.button--cta.button--splitTrigger > .button-text:hover, a.button.button--cta.button--splitTrigger > .button-text:hover, .button.button--cta.button--splitTrigger > .button-menu:hover, a.button.button--cta.button--splitTrigger > .button-menu:hover, .button.button--cta:not(.button--splitTrigger):focus, a.button.button--cta:not(.button--splitTrigger):focus, .button.button--cta.button--splitTrigger > .button-text:focus, a.button.button--cta.button--splitTrigger > .button-text:focus, .button.button--cta.button--splitTrigger > .button-menu:focus, a.button.button--cta.button--splitTrigger > .button-menu:focus, .button.button--cta:not(.button--splitTrigger):active, a.button.button--cta:not(.button--splitTrigger):active, .button.button--cta.button--splitTrigger > .button-text:active, a.button.button--cta.button--splitTrigger > .button-text:active, .button.button--cta.button--splitTrigger > .button-menu:active, a.button.button--cta.button--splitTrigger > .button-menu:active {
background-color: var(--kf-bg3);
}
.button.button--link, a.button.button--link {
background: var(--kf-bg0);
border-color: var(--kf-bg1);
}
.button.button--primary, a.button.button--primary {
background: var(--kf-bg1);
border-color: var(--kf-border);
color: var(--kf-fg1);
}
.button.button--primary:not(.button--splitTrigger):hover, a.button.button--primary:not(.button--splitTrigger):hover, .button.button--primary.button--splitTrigger > .button-text:hover, a.button.button--primary.button--splitTrigger > .button-text:hover, .button.button--primary.button--splitTrigger > .button-menu:hover, a.button.button--primary.button--splitTrigger > .button-menu:hover, .button.button--primary:not(.button--splitTrigger):focus, a.button.button--primary:not(.button--splitTrigger):focus, .button.button--primary.button--splitTrigger > .button-text:focus, a.button.button--primary.button--splitTrigger > .button-text:focus, .button.button--primary.button--splitTrigger > .button-menu:focus, a.button.button--primary.button--splitTrigger > .button-menu:focus, .button.button--primary:not(.button--splitTrigger):active, a.button.button--primary:not(.button--splitTrigger):active, .button.button--primary.button--splitTrigger > .button-text:active, a.button.button--primary.button--splitTrigger > .button-text:active, .button.button--primary.button--splitTrigger > .button-menu:active, a.button.button--primary.button--splitTrigger > .button-menu:active {
background: var(--kf-bg1);
}
.button.is-disabled, a.button.is-disabled {
background: var(--kf-bg2);
border-color: transparent;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
color: var(--kf-fg4);
}
.button.is-disabled:hover, a.button.is-disabled:hover, .button.is-disabled:active, a.button.is-disabled:active, .button.is-disabled:focus, a.button.is-disabled:focus {
background: var(--kf-bg2) !important;
}
.button:not(.button--splitTrigger):hover, a.button:not(.button--splitTrigger):hover, .button.button--splitTrigger > .button-text:hover, a.button.button--splitTrigger > .button-text:hover, .button.button--splitTrigger > .button-menu:hover, a.button.button--splitTrigger > .button-menu:hover, .button:not(.button--splitTrigger):focus, a.button:not(.button--splitTrigger):focus, .button.button--splitTrigger > .button-text:focus, a.button.button--splitTrigger > .button-text:focus, .button.button--splitTrigger > .button-menu:focus, a.button.button--splitTrigger > .button-menu:focus, .button:not(.button--splitTrigger):active, a.button:not(.button--splitTrigger):active, .button.button--splitTrigger > .button-text:active, a.button.button--splitTrigger > .button-text:active, .button.button--splitTrigger > .button-menu:active, a.button.button--splitTrigger > .button-menu:active {
background: var(--kf-border);
}
#chat {
color: var(--kf-fg1);
}
.chat-fields {
background: var(--kf-border);
color: var(--kf-fg1);
}
#chat-messages > .chat-message--highlightAuthor .message {
background-color: var(--kf-green2);
border-left-color: var(--kf-green1);
}
#chat-messages > .chat-message--highlight .message, #chat-messages > .chat-message:hover .message {
background-color: var(--kf-yellow2);
border-left-color: var(--kf-yellow1);
}
#chat-rooms {
box-shadow: none;
}
.chat-message .timestamp {
color: var(--kf-fg4);
}
.chat-room {
color: var(--kf-fg1);
}
.chat-room:hover {
background: var(--kf-border);
}
.codeEditor.CodeMirror {
background: var(--kf-bg1);
color: var(--kf-fg3);
}
.codeEditor.CodeMirror.CodeMirror-focused {
background: var(--kf-bg1);
color: var(--kf-fg3);
}
.comment-actionBar .actionBar-set {
color: var(--kf-fg3);
}
.contentRow-extra.contentRow-extra--large {
color: var(--kf-fg4);
}
.contentRow-minor {
color: var(--kf-fg4);
}
.contentVote {
color: var(--kf-fg4);
}
.disruptive-user {
color: var(--kf-purple0);
}
.file {
background: var(--kf-bg1);
}
.file-info {
background: var(--kf-bg1);
color: var(--kf-fg1);
}
.flashMessage.is-active {
background: var(--kf-bg2);
color: var(--kf-fg1);
}
.formRow > dt {
background: var(--kf-bg2);
border-color: var(--kf-bg1);
}
.formRow .formRow-explain {
color: var(--kf-fg4);
}
.formSubmitRow-bar {
background: var(--kf-bg2);
border-top: none;
}
.fr-box.fr-basic {
background: var(--kf-bg1);
border: solid 1px var(--kf-border);
}
.fr-box.fr-basic .fr-toolbar.fr-top {
background: var(--kf-bg1);
}
.fr-box.fr-basic .fr-element {
color: var(--kf-fg1);
}
.fr-box.fr-basic.is-focused {
background: var(--kf-bg1);
}
.fr-box.fr-basic.is-focused .fr-element {
color: var(--kf-fg0);
}
.fr-box.fr-basic.is-focused .fr-toolbar.fr-top {
background: var(--kf-bg1);
}
.fr-desktop .fr-command:hover:not(.fr-table-cell), .fr-desktop .fr-command:focus:not(.fr-table-cell), .fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell), .fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) {
background: var(--kf-bg2);
}
.fr-desktop .fr-command:hover, .fr-desktop .fr-command:focus, .fr-desktop .fr-command.fr-btn-hover, .fr-desktop .fr-command.fr-expanded {
color: var(--kf-fg0);
}
.fr-toolbar .fr-command.fr-btn.fr-disabled, .fr-popup .fr-command.fr-btn.fr-disabled, .fr-modal .fr-command.fr-btn.fr-disabled {
color: var(--kf-fg1);
}
.fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn, .fr-modal .fr-command.fr-btn {
color: var(--kf-fg1);
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown::after, .fr-popup .fr-command.fr-btn.fr-dropdown::after, .fr-modal .fr-command.fr-btn.fr-dropdown::after {
border-top: 4px solid var(--kf-fg1);
}
.fr-view blockquote {
background: var(--kf-border);
border-left: 3px solid var(--kf-aqua1);
}
.fr-view blockquote[data-quote]::before {
background: var(--kf-bg2);
color: var(--kf-aqua1);
}
.fr-wrapper .fr-placeholder {
color: var(--kf-fg4);
}
.hb-quotes {
color: var(--kf-fg3);
}
.hb-rules {
color: var(--kf-aqua1);
}
.hbReact-postmarked--auto .hbReact-message-postmark {
color: var(--kf-aqua0);
}
.hbReact-postmarked--feature.hbReact-postmarked--staff .hbReact-message-postmark {
color: var(--kf-red0);
}
.hbReact-postmarked--manual .hbReact-message-postmark {
color: var(--kf-blue0);
}
.input {
background: var(--kf-bg1);
background-color: var(--kf-bg1);
border-bottom-color: var(--kf-border);
border-left-color: var(--kf-border);
border-right-color: var(--kf-border);
border-top-color: var(--kf-border);
color: var(--kf-fg1);
}
.input:focus {
background: var(--kf-bg3);
border-color: var(--kf-border);
color: var(--kf-fg1);
}
.input:focus, .input.is-focused, .inputGroup:focus-within, #XF .fr-box.fr-basic.is-focused, .codeEditor.CodeMirror.CodeMirror-focused {
--input-border-heavy: var(--kf-border);
--input-border-light: var(--kf-border);
}
.input[readonly], .input.is-readonly {
background: var(--kf-bg2);
}
.inputGroup.inputGroup--joined .inputGroup-text {
border-color: var(--kf-border);
}
.inputGroup.inputGroup--joined .input + .inputGroup-text, .inputGroup.inputGroup--joined .input + .input, .inputGroup.inputGroup--joined .inputGroup-text + .input {
border-color: var(--kf-border);
}
.inputChoices-explain {
color: var(--kf-fg4);
}
.inputGroup.inputGroup--joined .inputGroup-text {
background: var(--kf-bg1);
}
.inputTypes {
border-bottom: 1px solid var(--kf-border);
color: var(--kf-fg4);
}
.inputTypes-input:checked + .inputTypes-display, .inputTypes-display:hover {
background: linear-gradient(180deg, #3c3836, #3c3836);
color: var(--kf-fg1);
border-color: var(--kf-border);
border-bottom-color: var(--kf-bg2);
}
.is-unread .structItem-cell.structItem-cell--main::before {
color: var(--kf-aqua1);
}
.label.label--accent {
background: var(--kf-bg1);
border-color: var(--kf-bg0);
color: var(--kf-fg1);
}
.label.label--accent:hover, a:hover .label.label--accent {
background: var(--kf-bg2);
border-color: var(--kf-bg0);
color: var(--kf-fg1);
}
.label.label--blue {
background: var(--kf-blue1);
border-color: var(--kf-blue2);
color: var(--kf-fg1);
}
.label.label--blue:hover, a:hover .label.label--royalBlue {
background: var(--kf-blue2);
border-color: var(--kf-blue1);
color: var(--kf-fg1);
}
.label.label--green {
background: var(--kf-green2);
border-color: var(--kf-green1);
color: var(--kf-fg1);
}
.label.label--green:hover, a:hover .label.label--green {
background: var(--kf-green1);
border-color: var(--kf-green0);
color: var(--kf-fg0);
}
.label.label--lightGreen {
background: var(--kf-aqua1);
border-color: var(--kf-aqua2);
color: var(--kf-fg1);
}
.label.label--lightGreen:hover, a:hover .label.label--lightGreen {
background: var(--kf-aqua0);
border-color: var(--kf-aqua1);
color: var(--kf-fg0);
}
.label.label--olive {
background: var(--kf-green1);
border-color: var(--kf-green0);
color: var(--kf-fg0);
}
.label.label--olive:hover, a:hover .label.label--olive {
background: var(--kf-green2);
border-color: var(--kf-green1);
color: var(--kf-fg1);
}
.label.label--orange {
background: var(--kf-yellow1);
border-color: var(--kf-yellow2);
color: var(--kf-bg1);
}
.label.label--orange:hover, a:hover .label.label--orange {
background: var(--kf-yellow0);
border-color: var(--kf-yellow1);
color: var(--kf-bg1);
}
.label.label--primary {
background: var(--kf-bg1);
border-color: var(--kf-bg0);
color: var(--kf-green1);
}
.label.label--primary:hover, a:hover .label.label--primary {
background: var(--kf-bg0);
border-color: var(--kf-bg0);
color: var(--kf-green1);
}
.label.label--red {
background: var(--kf-red2);
border-color: var(--kf-red1);
color: var(--kf-fg1);
}
.label.label--red:hover, a:hover .label.label--red {
background: var(--kf-red1);
border-color: var(--kf-red0);
color: var(--kf-fg0);
}
.label.label--silver {
background: var(--kf-fg2);
border-color: var(--kf-fg1);
color: var(--kf-bg1);
}
.label.label--silver:hover, a:hover .label.label--silver {
background: var(--kf-fg4);
border-color: var(--kf-fg3);
color: var(--kf-bg0);
}
.label.label--skyBlue {
background: var(--kf-aqua0);
border-color: var(--kf-aqua1);
color: var(--kf-fg0);
}
a.label.label--skyBlue:hover, a:hover .label.label--skyBlue {
background: var(--kf-aqua1);
border-color: var(--kf-aqua2);
color: var(--kf-fg1);
}
.label.label--royalBlue {
background: var(--kf-blue0);
border-color: var(--kf-blue1);
color: var(--kf-fg0);
}
a.label.label--royalBlue:hover, a:hover .label.label--royalBlue {
background: var(--kf-blue1);
border-color: var(--kf-blue2);
color: var(--kf-fg1);
}
.label.label--yellow {
background: var(--kf-yellow0);
border-color: var(--kf-yellow1);
color: var(--kf-bg1);
}
.label.label--yellow:hover, a:hover .label.label--yellow {
background: var(--kf-yellow1);
border-color: var(--kf-yellow2);
color: var(--kf-bg1);
}
.logo-default > picture > img {
display: none !important;
}
.memberHeader-main {
background: var(--kf-border);
}
.memberHeader-name {
color: var(--kf-fg1);
}
.memberHeader--withBanner .memberHeader-blurbContainer {
color: var(--kf-fg1);
}
.memberHeader--withBanner .memberHeader-blurbContainer .memberHeader-blurb .pairs dt, .memberHeader--withBanner .memberHeader-blurbContainer .memberHeader-blurb a {
color: var(--kf-fg3);
}
.memberHeader--withBanner .memberHeader-name {
color: var(--kf-fg1);
}
.memberHeader--withBanner .username {
text-shadow: -1px -1px 0 #282828,1px -1px 0 #282828,-1px 1px 0 #282828,1px 1px 0 #282828;
}
.memberOverviewBlock-seeMore {
background: var(--kf-border);
border: none !important;
}
.memberTooltip-header {
background: var(--kf-border);
border-bottom: 1px solid var(--kf-border);
}
.memberTooltip-name a {
color: var(--kf-yellow0);
}
.memberTooltip--withBanner .username {
text-shadow: none !important;
}
.menu-arrow {
border-bottom-color: transparent !important;
}
.menu-content {
background: var(--kf-border);
border: 3px solid var(--kf-border);
color: var(--kf-fg1);
}
.menu-header {
background: var(--kf-bg1);
color: var(--kf-fg1);
}
.menu-linkRow {
color: var(--kf-fg1);
}
.menu-linkRow.is-selected, .menu-linkRow:hover, .menu-linkRow:focus {
background: var(--kf-bg4);
border-left-color: var(--kf-bg4);
}
.menu-linkRow.menu-linkRow--alt {
background: var(--kf-bg4);
}
.menu-row.menu-row--alt {
background: var(--kf-border);
color: var(--kf-fg1);
}
.menu-row.menu-row--clickable:hover {
background: var(--kf-bg5);
color: var(--kf-fg1);
}
.menu-tabHeader {
color: var(--kf-fg1);
background: var(--kf-border);
}
.menu-tabHeader .tabs-tab.is-active {
border-color: var(--kf-bg4);
color: var(--kf-fg1);
}
.menu-footer {
background: var(--kf-border);
color: var(--kf-fg1);
}
.menuPrefix.menuPrefix--none, .menuPrefix.label--hidden.menuPrefix--none {
color: var(--kf-fg1);
}
.message-articleUserInfo {
background: var(--kf-bg2);
}
.message-attribution {
color: var(--kf-fg4);
}
.message-cell.message-cell--alert {
background: var(--kf-bg0);
color: var(--kf-fg1);
}
.message-cell.message-cell--alert a {
color: var(--kf-aqua1);
}
.message-cell.message-cell--solutionHeader {
background: var(--kf-green2);
border-left: 3px solid var(--kf-green1);
color: var(--kf-green0);
}
.message-cell.message-cell--user, .message-cell.message-cell--action {
background: var(--kf-border);
}
.message-cell.message-cell--user .joined-2012, .message-cell.message-cell--action .joined-2012 {
color: var(--kf-red0);
}
.message-cell.message-cell--user .joined-2013, .message-cell.message-cell--action .joined-2013 {
color: var(--kf-red0);
}
.message-cell.message-cell--user .joined-2014, .message-cell.message-cell--action .joined-2014 {
color: var(--kf-yellow0);
}
.message-cell.message-cell--user .joined-2015, .message-cell.message-cell--action .joined-2015 {
color: var(--kf-yellow0);
}
.message-cell.message-cell--user .joined-2016, .message-cell.message-cell--action .joined-2016 {
color: var(--kf-green0);
}
.message-cell.message-cell--user .joined-2017, .message-cell.message-cell--action .joined-2017 {
color: var(--kf-green0);
}
.message-cell.message-cell--user .joined-2018, .message-cell.message-cell--action .joined-2018 {
color: var(--kf-aqua0);
}
.message-cell.message-cell--user .joined-2019, .message-cell.message-cell--action .joined-2019 {
color: var(--kf-aqua0);
}
.message-cell.message-cell--user .joined-2020, .message-cell.message-cell--action .joined-2020 {
color: var(--kf-blue0);
}
.message-cell.message-cell--user .joined-2021, .message-cell.message-cell--action .joined-2021 {
color: var(--kf-blue0);
}
.message-cell.message-cell--user .joined-2022, .message-cell.message-cell--action .joined-2022 {
color: var(--kf-purple0);
}
.message-cell.message-cell--user .joined-2023, .message-cell.message-cell--action .joined-2023 {
color: var(--kf-purple0);
}
.message-cell.message-cell--user .joined-2022.joined-m-12, .message-cell.message-cell--action .joined-2022.joined-m-12, .message-cell.message-cell--user .joined-2023, .message-cell.message-cell--action .joined-2023 {
color: var(--kf-purple0);
}
.message-cell.message-cell--user .joined-2024, .message-cell.message-cell--action .joined-2024 {
color: var(--kf-purple0);
}
.message-cell.message-cell--user .joined-2025, .message-cell.message-cell--action .joined-2025 {
color: var(--kf-orange0);
}
.message-cell.message-cell--vote {
background: var(--kf-border);
}
.message-cell .messageNotice {
background-color: var(--kf-bg1);
color: var(--kf-fg1);
}
.message-cell .messageNotice.messageNotice--warning {
background: var(--kf-fg1);
border-color: var(--kf-red0);
color: var(--kf-red0);
}
.message-cell .messageNotice.messageNotice--warning::before {
color: var(--kf-red0);
}
.message-expandLink:empty {
background: linear-gradient(to bottom, rgba(56,60,66,0) 0%, #3c3836 100%);
}
.message-lastEdit {
color: var(--kf-bg5);
}
.message-newIndicator, a.message-newIndicator {
background: var(--kf-border);
color: var(--kf-fg1);
}
.message-responseRow {
background: var(--kf-border);
border: 1px solid transparent !important;
}
.message-userArrow::after {
border-right-color: var(--kf-bg2);
}
.messageNotice {
border-left: 2px solid var(--kf-border);
}
.node--unread .node-title a, .node--unread .structItem-title a, .is-unread .node-title a, .is-unread .structItem-title a {
color: var(--kf-aqua1);
}
.node--unread .node-title a:hover, .node--unread .structItem-title a:hover, .is-unread .node-title a:hover, .is-unread .structItem-title a:hover {
color: var(--kf-aqua0);
}
.node-description {
color: var(--kf-fg1);
}
.node + .node {
border-top: none !important;
}
.node + .node:nth-child(2n) {
background: var(--kf-border);
border-top: none !important;
}
.node:hover, .node + .node:nth-child(2n):hover {
background: var(--kf-bg4);
}
.node-icon i::before {
color: var(--kf-fg1);
}
.node-subNodeMenu .menuTrigger {
color: var(--kf-fg2);
}
.node-title a, .structItem-title a, .node-extra a, .pageNav-jump, .button.button--link, a.button.button--link {
color: var(--kf-aqua1);
}
.node-title a:hover, .structItem-title a:hover, .node-extra a:hover, .pageNav-jump:hover, .button.button--link:hover, a.button.button--link:hover {
color: var(--kf-aqua0);
}
.overlay {
background: var(--kf-bg2);
border: 1px solid var(--kf-border);
box-shadow: none;
color: var(--kf-fg1);
}
.overlay-title {
background: var(--kf-bg1);
border-bottom: 1px solid var(--kf-border);
color: var(--kf-fg1);
}
.p-body-inner {
background: var(--kf-bg1);
}
.p-body-pageContent .block .block-minorHeader {
background: var(--kf-bg2);
color: var(--kf-aqua1);
}
.p-body-sidebar .block .block-container, .p-body-sideNavContent .block .block-container {
background: var(--kf-bg2);
border: 1px solid var(--kf-border);
}
.p-body-sidebar .block .block-minorHeader, .p-body-sideNavContent .block .block-minorHeader {
background: var(--kf-bg2);
color: var(--kf-fg1);
}
.p-body-sidebar .block .block-minorHeader::before, .p-body-sideNavContent .block .block-minorHeader::before {
color: var(--kf-fg4);
}
.p-breadcrumbs li:first-of-type::before {
color: var(--kf-fg4);
}
.p-breadcrumbs--parent .p-breadcrumbs a {
color: var(--kf-aqua1);
}
.p-description {
color: var(--kf-fg4);
}
.p-footer {
color: var(--kf-fg1);
}
.p-footer a {
color: var(--kf-aqua1);
}
.p-footer-copyright {
color: var(--kf-fg1);
}
.p-footer-custom .xb-footer-block .block-container .block-body {
color: var(--kf-fg1);
}
.p-footer-custom .xb-footer-block h3 {
color: var(--kf-fg1);
}
.p-footer-custom .xb-footer-block h3 a {
color: var(--kf-fg1);
}
.p-footer-custom .xb-footer-block .pairs > dt {
color: var(--kf-fg3);
}
.p-footer-linkList>li a:hover {
background-color: var(--kf-bg2);
}
.p-nav {
background: var(--kf-bg1);
}
.p-nav a {
color: var(--kf-aqua1);
}
.p-nav-list .p-navEl.is-menuOpen {
background: var(--kf-border);
}
.p-nav-list .p-navEl.is-selected .p-navEl-link {
background: var(--kf-bg2);
}
.p-nav-list .p-navEl.is-selected .p-navEl-link:hover {
background: var(--kf-bg1);
}
.p-nav-list .p-navEl:not(.is-selected):not(.is-menuOpen):hover, .p-nav-list .p-navEl:not(.is-selected):not(.is-menuOpen) .p-navEl-link:hover, .p-nav-list .p-navEl:not(.is-selected):not(.is-menuOpen) .p-navEl-splitTrigger:hover {
background: var(--kf-bg2);
}
.p-nav-scroller .hScroller-action {
color: var(--kf-aqua1);
}
.p-nav-scroller .hScroller-action.hScroller-action--end {
background: var(--kf-bg1);
}
.p-nav-smallLogo > a {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4KCjxzdmcKICAgdmVyc2lvbj0iMS4xIgogICBpZD0iTGF5ZXJfMSIKICAgeD0iMHB4IgogICB5PSIwcHgiCiAgIHdpZHRoPSIxOTguNjg5cHgiCiAgIGhlaWdodD0iNzQuODAzcHgiCiAgIHZpZXdCb3g9IjAgMCAxOTguNjg5IDc0LjgwMyIKICAgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTk4LjY4OSA3NC44MDMiCiAgIHhtbDpzcGFjZT0icHJlc2VydmUiCiAgIHNvZGlwb2RpOmRvY25hbWU9Iktpd2lfRmFybXNfTG9nb19XaGl0ZV9UZXh0LnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4yLjIgKDczMmEwMWRhNjMsIDIwMjItMTItMDkpIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzCiAgIGlkPSJkZWZzNDQiIC8+PHNvZGlwb2RpOm5hbWVkdmlldwogICBpZD0ibmFtZWR2aWV3NDIiCiAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgYm9yZGVyY29sb3I9IiM5OTk5OTkiCiAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgIGlua3NjYXBlOnNob3dwYWdlc2hhZG93PSIwIgogICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgaW5rc2NhcGU6ZGVza2NvbG9yPSIjZDFkMWQxIgogICBzaG93Z3JpZD0iZmFsc2UiCiAgIGlua3NjYXBlOnpvb209IjMuMDkwMjU2NyIKICAgaW5rc2NhcGU6Y3g9IjEwMy4zODk0NyIKICAgaW5rc2NhcGU6Y3k9IjY1Ljg1MjEzNCIKICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxNDYyIgogICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxNTM2IgogICBpbmtzY2FwZTp3aW5kb3cteD0iMTU1MCIKICAgaW5rc2NhcGU6d2luZG93LXk9IjE2IgogICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIwIgogICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJMYXllcl8xIiAvPgo8ZwogICBpZD0iZzM5Ij4KCQoJCTxsaW5lYXJHcmFkaWVudAogICBpZD0iU1ZHSURfMV8iCiAgIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIgogICB4MT0iLTI5Ni44NDYiCiAgIHkxPSItNTIwLjE5NjkiCiAgIHgyPSItMjk2Ljg0NiIKICAgeTI9Ii01OTUiCiAgIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMzMyIC01MjAuMTk3KSI+CgkJPHN0b3AKICAgb2Zmc2V0PSIwIgogICBzdHlsZT0ic3RvcC1jb2xvcjojOGVjMDdjO3N0b3Atb3BhY2l0eToxOyIKICAgaWQ9InN0b3AyIiAvPgoJCTxzdG9wCiAgIG9mZnNldD0iMC4xOTk2IgogICBzdHlsZT0ic3RvcC1jb2xvcjojYjhiYjI2O3N0b3Atb3BhY2l0eToxOyIKICAgaWQ9InN0b3A0IiAvPgoJCTxzdG9wCiAgIG9mZnNldD0iMC40NjczIgogICBzdHlsZT0ic3RvcC1jb2xvcjojYjhiYjI2O3N0b3Atb3BhY2l0eToxOyIKICAgaWQ9InN0b3A2IiAvPgoJCTxzdG9wCiAgIG9mZnNldD0iMC43NzIxOTk5OSIKICAgc3R5bGU9InN0b3AtY29sb3I6Izk4OTcxYTtzdG9wLW9wYWNpdHk6MTsiCiAgIGlkPSJzdG9wOCIgLz4KCQk8c3RvcAogICBvZmZzZXQ9IjEiCiAgIHN0eWxlPSJzdG9wLWNvbG9yOiM3OTc0MGU7c3RvcC1vcGFjaXR5OjE7IgogICBpZD0ic3RvcDEwIiAvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoCiAgIGZpbGw9InVybCgjU1ZHSURfMV8pIgogICBkPSJNMzguNjE2LDc0LjgwM2MxMi4wMzctMTAuNjIsMTMuNjEtMTcuODM4LDYuMTQ4LTMxLjM5N2MtMy45NzQtNy4yMjEtOS4xMzktMTMuNzg3LTE0LjI4NS0yMS40MTcgICBDMjEuMDQsMzIuMTc0LDEzLjEwOCw0Mi4wMzQsMTAuNjUsNTUuMDc5Yy0xLjQ2Niw3Ljc3OCwxLjg3LDE1LjE2Myw5LjA2OSwxOS43MjRDOS4zNjUsNzQuNDQxLDAuNjU3LDYzLjAwNSwwLjA1OSw1MS45MzYgICBjLTAuNzEtMTMuMTQ3LDUuMDkyLTIzLjgwMiwxMi42MTctMzMuNzkxYzIuNjk4LTMuNTgyLDYuMDgxLTYuNjUsOC43NDItMTAuMjU1YzUuODg3LTcuOTc2LDEzLjk1Mi04LjgxMiwyMi43MDctNy4yMjkgICBDNTQuNjE0LDIuNTU4LDY0LjUwNiw1LjY4NSw3MC4yOCwxNS44MDdjMC4wNDYsMC4wODEtMC4xMTIsMC4yNzksMC4wMjgtMC4wNDFjLTUuMDAxLTIuODY3LTkuODAyLTYuMzQyLTE1LjEzOC04LjQ3NyAgIGMtNS4zNTEtMi4xNC0xMS4yMjMtMi4xMjYtMTYuODA2LTAuMzMzYzQuOTMxLDYuNjcsOS45NjUsMTIuODUyLDE0LjI4OCwxOS40OTdjNC42ODQsNy4xOTksNy4yNzEsMTUuMTc1LDcuMDI2LDI0LjAwMyAgIEM1OS4zMjcsNjMuMTQ1LDUyLjg2OCw3MS4wNzYsMzguNjE2LDc0LjgwM3oiCiAgIGlkPSJwYXRoMTMiIC8+Cgk8Y2lyY2xlCiAgIGZpbGw9IiM0MTQwNDIiCiAgIGN4PSIzMS4xNjUiCiAgIGN5PSI5LjYyNyIKICAgcj0iMi4xMDEiCiAgIGlkPSJjaXJjbGUxNSIKICAgc3R5bGU9ImZpbGw6IzNjMzgzNjtmaWxsLW9wYWNpdHk6MSIgLz4KCTxnCiAgIGlkPSJnMjciPgoJCTxwYXRoCiAgIGZpbGw9IiNGRkZGRkYiCiAgIHN0cm9rZT0iI0ZGRkZGRiIKICAgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIgogICBkPSJNMTAxLjE4OSw1My45MDZoNS44NjV2MC44OTloLTQuOTY2djIuOTM4aDMuNjgzdjAuODk5aC0zLjY4MyAgICB2My44MzhoLTAuODk5QzEwMS4xODksNjIuNDgsMTAxLjE4OSw1My45MDYsMTAxLjE4OSw1My45MDZ6IgogICBpZD0icGF0aDE3IgogICBzdHlsZT0iZmlsbDojZmJmMWM3O2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojZmJmMWM3O3N0cm9rZS1vcGFjaXR5OjEiIC8+CgkJPHBhdGgKICAgZmlsbD0iI0ZGRkZGRiIKICAgc3Ryb2tlPSIjRkZGRkZGIgogICBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiCiAgIGQ9Ik0xMjAuNDk0LDUzLjkwNmwzLjc2Niw4LjU3NWgtMC45NzFsLTEuMTY0LTIuNjVoLTMuOTQ2ICAgIGwtMS4xNjMsMi42NWgtMC45NzJsMy43NjYtOC41NzVIMTIwLjQ5NHogTTEyMS43Myw1OC45NDNsLTEuNTcyLTMuNTg2bC0xLjU4MiwzLjU4NkgxMjEuNzN6IgogICBpZD0icGF0aDE5IgogICBzdHlsZT0iZmlsbDojZmJmMWM3O2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojZmJmMWM3O3N0cm9rZS1vcGFjaXR5OjEiIC8+CgkJPHBhdGgKICAgZmlsbD0iI0ZGRkZGRiIKICAgc3Ryb2tlPSIjRkZGRkZGIgogICBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiCiAgIGQ9Ik0xMzUuNTA3LDU4LjY0M2w0LjMzLDMuODM4aC0xLjMzMmwtNC4wNzgtMy42MzR2My42MzRoLTAuODk4ICAgIHYtOC41NzVoMy4zOTRjMS4yOTYsMCwyLjM1MSwxLjA2NywyLjM1MSwyLjM2MmMwLDEuMzA4LTEuMDU1LDIuMzc1LTIuMzUxLDIuMzc1SDEzNS41MDd6IE0xMzQuNDI3LDU3Ljc0NGgyLjQ5NSAgICBjMC44MDQsMCwxLjQ2NC0wLjY1OSwxLjQ2NC0xLjQ3NmMwLTAuODAzLTAuNjYtMS40NjMtMS40NjQtMS40NjNoLTIuNDk1VjU3Ljc0NHoiCiAgIGlkPSJwYXRoMjEiCiAgIHN0eWxlPSJmaWxsOiNmYmYxYzc7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOiNmYmYxYzc7c3Ryb2tlLW9wYWNpdHk6MSIgLz4KCQk8cGF0aAogICBmaWxsPSIjRkZGRkZGIgogICBzdHJva2U9IiNGRkZGRkYiCiAgIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIKICAgZD0iTTE1Ny4zNTUsNTMuOTA2djguNTc1aC0wLjg5OHYtNi4xODhsLTIuOTE1LDYuMTg4aC0wLjY1OSAgICBsLTIuODc5LTYuMTc3djYuMTc3aC0wLjg5OXYtOC41NzVoMC43NjhsMy4zNDcsNy4xNmwzLjM1Ny03LjE2QzE1Ni41NzcsNTMuOTA2LDE1Ny4zNTUsNTMuOTA2LDE1Ny4zNTUsNTMuOTA2eiIKICAgaWQ9InBhdGgyMyIKICAgc3R5bGU9ImZpbGw6I2ZiZjFjNztmaWxsLW9wYWNpdHk6MTtzdHJva2U6I2ZiZjFjNztzdHJva2Utb3BhY2l0eToxIiAvPgoJCTxwYXRoCiAgIGZpbGw9IiNGRkZGRkYiCiAgIHN0cm9rZT0iI0ZGRkZGRiIKICAgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIgogICBkPSJNMTcyLjg5Niw2MC4xMThjMCwxLjMwOC0xLjI0NywyLjM2My0yLjc3MSwyLjM2M2gtMC43MzEgICAgYy0xLjUyMywwLTIuNzcxLTEuMDU2LTIuNzcxLTIuMzYzYzAtMC4wMTIsMC0wLjAyMywwLTAuMDQ3bDAuMDEzLTAuMzM2aDAuOTM1bC0wLjAxMiwwLjM4M2MtMC4wMjQsMC44MDUsMC44MjcsMS40NjQsMS44MzUsMS40NjQgICAgaDAuNzMxYzEuMDA4LDAsMS44MzUtMC42NTksMS44MzUtMS40NjRjMC0wLjgxNC0wLjgyNy0xLjQ3NS0xLjgzNS0xLjQ3NWgtMC4wMjRjLTAuMDIzLDAtMC4wNzEsMC0wLjExOSwwaC0wLjE5MiAgICBjLTAuNDkxLTAuMDIzLTEuMTUxLTAuMDg0LTEuNTExLTAuM2MtMC45NDctMC41NTItMS40MDMtMS4yMjQtMS40MDMtMi4wNzVjMC0xLjI5NSwxLjI0Ny0yLjM2MiwyLjc3MS0yLjM2MmgwLjIxNiAgICBjMS40NzYsMCwyLjY5OCwwLjk4MywyLjc3MSwyLjI0M2wwLjAyMywwLjM1OWgtMC45MzZsLTAuMDIzLTAuMzI0Yy0wLjA2MS0wLjc3OS0wLjg2My0xLjM3OS0xLjgzNS0xLjM3OWgtMC4yMTYgICAgYy0xLjAwOCwwLTEuODIzLDAuNjYtMS44MjMsMS40NjNjMCwwLjc5MiwwLjc2OCwxLjQ1MSwxLjcyOCwxLjQ3NmgwLjA2aDAuMDI0aDAuMzU5djAuMDEyYzAuNDA4LDAuMDEzLDAuNjExLDAuMDI0LDAuNjIzLDAuMDM2ICAgIGgwLjAzN0MxNzEuOTYsNTcuOTQ4LDE3Mi44OTYsNTguOTc5LDE3Mi44OTYsNjAuMTE4eiIKICAgaWQ9InBhdGgyNSIKICAgc3R5bGU9ImZpbGw6I2ZiZjFjNztmaWxsLW9wYWNpdHk6MTtzdHJva2U6I2ZiZjFjNztzdHJva2Utb3BhY2l0eToxIiAvPgoJPC9nPgoJPGcKICAgaWQ9ImczNyI+CgkJPHBhdGgKICAgZmlsbD0iI0ZGRkZGRiIKICAgZD0iTTkwLjg5MiwyOS42MDJsMTMuMTAxLDEzLjAyM2MyLjE0OSwyLjE0OSwzLjk4MywzLjYxMiw1LjUwMyw0LjM4OXMzLjAzOSwxLjIxOCw0LjU1OSwxLjMyM3YwLjk2OUg5Ny4xNTQgICAgdi0wLjk2OWMxLjAxMywwLDEuNzQyLTAuMTcsMi4xODgtMC41MTFzMC42NjgtMC43MjEsMC42NjgtMS4xNHMtMC4wODMtMC43OTUtMC4yNDktMS4xMjdzLTAuNzEyLTAuOTUyLTEuNjM4LTEuODZMODUuODYxLDMxLjU2NyAgICB2MTEuNDVjMCwxLjc5OSwwLjExNCwyLjk4NywwLjM0MSwzLjU2NGMwLjE3NSwwLjQzNywwLjU0MiwwLjgxMiwxLjEwMSwxLjEyN2MwLjc1MSwwLjQxOSwxLjU0NiwwLjYyOSwyLjM4NCwwLjYyOWgxLjIwNXYwLjk2OSAgICBINzUuNzQ3di0wLjk2OWgxLjI1OGMxLjQ2NywwLDIuNTMzLTAuNDI4LDMuMTk3LTEuMjg0YzAuNDE5LTAuNTU5LDAuNjI5LTEuOTA0LDAuNjI5LTQuMDM1VjIwLjA2NSAgICBjMC0xLjc5OS0wLjExNC0yLjk5Ni0wLjM0MS0zLjU5Yy0wLjE3NS0wLjQxOS0wLjUzMy0wLjc4Ni0xLjA3NC0xLjEwMWMtMC43NjktMC40MTktMS41NzItMC42MjktMi40MTEtMC42MjloLTEuMjU4di0wLjk2OSAgICBoMTUuMTQ1djAuOTY5aC0xLjIwNWMtMC44MjEsMC0xLjYxNiwwLjIwMS0yLjM4NCwwLjYwM2MtMC41NDIsMC4yNzktMC45MTcsMC42OTktMS4xMjcsMS4yNTggICAgYy0wLjIxLDAuNTU5LTAuMzE0LDEuNzEyLTAuMzE0LDMuNDU5djEwLjg3NGMwLjM0OS0wLjMzMiwxLjU0Ni0xLjQ0MSwzLjU5LTMuMzI4YzUuMTg4LTQuNzUxLDguMzI0LTcuOTIyLDkuNDA3LTkuNTExICAgIGMwLjQ3Mi0wLjY5OSwwLjcwNy0xLjMxLDAuNzA3LTEuODM0YzAtMC40MDItMC4xODMtMC43NTYtMC41NS0xLjA2MWMtMC4zNjctMC4zMDYtMC45ODctMC40NTktMS44Ni0wLjQ1OWgtMC44MTJ2LTAuOTY5aDEzLjA0OSAgICB2MC45NjljLTAuNzY5LDAuMDE3LTEuNDY3LDAuMTIyLTIuMDk2LDAuMzE0cy0xLjM5NywwLjU2My0yLjMwNiwxLjExNGMtMC45MDgsMC41NS0yLjAyNiwxLjQzNy0zLjM1NCwyLjY2ICAgIGMtMC4zODQsMC4zNDktMi4xNTcsMi4xNC01LjMxOSw1LjM3MUw5MC44OTIsMjkuNjAyeiIKICAgaWQ9InBhdGgyOSIKICAgc3R5bGU9ImZpbGw6I2ZiZjFjNztmaWxsLW9wYWNpdHk6MSIgLz4KCQk8cGF0aAogICBmaWxsPSIjRkZGRkZGIgogICBkPSJNMTMwLjE3LDQ4LjMzN3YwLjk2OWgtMTUuMjI0di0wLjk2OWgxLjI1OGMxLjQ2NywwLDIuNTMzLTAuNDI4LDMuMTk3LTEuMjg0ICAgIGMwLjQxOS0wLjU1OSwwLjYyOS0xLjkwNCwwLjYyOS00LjAzNVYyMC4wNjVjMC0xLjc5OS0wLjExNC0yLjk4Ny0wLjM0MS0zLjU2NGMtMC4xNzUtMC40MzctMC41MzMtMC44MTItMS4wNzQtMS4xMjcgICAgYy0wLjc2OS0wLjQxOS0xLjU3Mi0wLjYyOS0yLjQxMS0wLjYyOWgtMS4yNTh2LTAuOTY5aDE1LjIyNHYwLjk2OWgtMS4yODRjLTEuNDUsMC0yLjUwNywwLjQyOC0zLjE3LDEuMjg0ICAgIGMtMC40MzcsMC41NTktMC42NTUsMS45MDQtMC42NTUsNC4wMzV2MjIuOTUzYzAsMS43OTksMC4xMTQsMi45ODcsMC4zNDEsMy41NjRjMC4xNzUsMC40MzcsMC41NDIsMC44MTIsMS4xMDEsMS4xMjcgICAgYzAuNzUxLDAuNDE5LDEuNTQ2LDAuNjI5LDIuMzg0LDAuNjI5SDEzMC4xN3oiCiAgIGlkPSJwYXRoMzEiCiAgIHN0eWxlPSJmaWxsOiNmYmYxYzc7ZmlsbC1vcGFjaXR5OjEiIC8+CgkJPHBhdGgKICAgZmlsbD0iI0ZGRkZGRiIKICAgZD0iTTE4MS43MSwxMy43NzZ2MC45NjljLTAuOTI2LDAtMS42NzcsMC4xNjYtMi4yNTMsMC40OThzLTEuMTI3LDAuOTUyLTEuNjUxLDEuODYgICAgYy0wLjM0OSwwLjYxMS0wLjksMi4wNy0xLjY1MSw0LjM3NmwtOS45MDUsMjguNjM5aC0xLjA0OGwtOC4wOTYtMjIuNzE3bC04LjA0NCwyMi43MThoLTAuOTQzbC0xMC41Ni0yOS41MDQgICAgYy0wLjc4Ni0yLjIwMS0xLjI4NC0zLjUwMi0xLjQ5NC0zLjkwNGMtMC4zNDktMC42NjQtMC44MjUtMS4xNTctMS40MjgtMS40OGMtMC42MDMtMC4zMjMtMS40MTktMC40ODUtMi40NS0wLjQ4NXYtMC45NjloMTMuMTU0ICAgIHYwLjk2OWgtMC42MjljLTAuOTI2LDAtMS42MzMsMC4yMS0yLjEyMiwwLjYyOWMtMC40ODksMC40MTktMC43MzQsMC45MjYtMC43MzQsMS41MmMwLDAuNjExLDAuMzg0LDIuMDE4LDEuMTUzLDQuMjE5bDYuOTk2LDE5Ljk0ICAgIGw1Ljg5Ni0xNi45NTNsLTEuMDQ4LTIuOTg3bC0wLjgzOC0yLjM4NGMtMC4zNjctMC44NzMtMC43NzctMS42NDItMS4yMzItMi4zMDZjLTAuMjI3LTAuMzMyLTAuNTA3LTAuNjExLTAuODM4LTAuODM4ICAgIGMtMC40MzctMC4zMTQtMC44NzMtMC41NDItMS4zMS0wLjY4MWMtMC4zMzItMC4xMDUtMC44NTYtMC4xNTctMS41NzItMC4xNTd2LTAuOTY5aDEzLjgzNXYwLjk2OWgtMC45NDMgICAgYy0wLjk3OCwwLTEuNjk0LDAuMjEtMi4xNDksMC42MjlzLTAuNjgxLDAuOTg3LTAuNjgxLDEuNzAzYzAsMC44OTEsMC4zOTMsMi40NDYsMS4xNzksNC42NjRsNi44MTMsMTkuMzExbDYuNzYtMTkuNTczICAgIGMwLjc2OS0yLjE2NiwxLjE1My0zLjY2OCwxLjE1My00LjUwN2MwLTAuNDAyLTAuMTI3LTAuNzc3LTAuMzgtMS4xMjdjLTAuMjUzLTAuMzQ5LTAuNTcyLTAuNTk0LTAuOTU2LTAuNzM0ICAgIGMtMC42NjQtMC4yNDUtMS41MjgtMC4zNjctMi41OTQtMC4zNjd2LTAuOTY5aDEwLjYxTDE4MS43MSwxMy43NzZMMTgxLjcxLDEzLjc3NnoiCiAgIGlkPSJwYXRoMzMiCiAgIHN0eWxlPSJmaWxsOiNmYmYxYzc7ZmlsbC1vcGFjaXR5OjEiIC8+CgkJPHBhdGgKICAgZmlsbD0iI0ZGRkZGRiIKICAgZD0iTTE5OC42ODksNDguMzM3djAuOTY5aC0xNS4yMjR2LTAuOTY5aDEuMjU4YzEuNDY3LDAsMi41MzMtMC40MjgsMy4xOTctMS4yODQgICAgYzAuNDE5LTAuNTU5LDAuNjI5LTEuOTA0LDAuNjI5LTQuMDM1VjIwLjA2NWMwLTEuNzk5LTAuMTE0LTIuOTg3LTAuMzQxLTMuNTY0Yy0wLjE3NS0wLjQzNy0wLjUzMy0wLjgxMi0xLjA3NC0xLjEyNyAgICBjLTAuNzY5LTAuNDE5LTEuNTcyLTAuNjI5LTIuNDExLTAuNjI5aC0xLjI1OHYtMC45NjloMTUuMjI0djAuOTY5aC0xLjI4NGMtMS40NSwwLTIuNTA3LDAuNDI4LTMuMTcxLDEuMjg0ICAgIGMtMC40MzcsMC41NTktMC42NTUsMS45MDQtMC42NTUsNC4wMzV2MjIuOTUzYzAsMS43OTksMC4xMTQsMi45ODcsMC4zNDEsMy41NjRjMC4xNzUsMC40MzcsMC41NDIsMC44MTIsMS4xLDEuMTI3ICAgIGMwLjc1MSwwLjQxOSwxLjU0NiwwLjYyOSwyLjM4NCwwLjYyOUgxOTguNjg5eiIKICAgaWQ9InBhdGgzNSIKICAgc3R5bGU9ImZpbGw6I2ZiZjFjNztmaWxsLW9wYWNpdHk6MSIgLz4KCTwvZz4KPC9nPgo8L3N2Zz4=");
display: inline-block;
height: 75px;
width: 199px;
}
.p-navgroup {
background: var(--kf-bg2);
}
.p-navgroup-link:hover {
background: var(--kf-bg4);
}
.p-navgroup-link.is-menuOpen {
background: var(--kf-border);
box-shadow: none !important;
color: var(--kf-fg1);
}
.p-offline-main {
background: var(--kf-bg2);
box-shadow: none !important;;
color: var(--kf-fg1);
}
.p-pageWrapper {
background-color: var(--kf-bg1);
background-image: none !important;
}
.p-sectionLinks {
background: var(--kf-bg2);
border-bottom: 1px solid var(--kf-border);
}
.p-sectionLinks-list a {
color: var(--kf-fg4);
}
.p-sectionLinks-list .p-navEl.is-menuOpen {
background: var(--kf-border);
box-shadow: none !important;
color: var(--kf-fg4);
}
.p-title {
color: var(--kf-yellow1);
}
.pageNav-page, .pageNav-jump {
background: var(--kf-bg2);
}
.pageNav-jump {
border: 1px solid var(--kf-border);
border-radius: 4px;
box-shadow: none;
}
.pageNav-jump:hover, .pageNav-jump:active {
background: var(--kf-border);
}
.pageNav-main {
border: 1px solid var(--kf-border);
border-radius: 4px;
}
.pageNav-page {
border: none;
box-shadow: none;
}
.pageNav-page > a {
background: var(--kf-bg2);
}
.pageNav-page > a:hover {
background: var(--kf-bg3);
}
.pageNav-page.pageNav-page--current {
background: var(--kf-bg3);
border: none !important;
color: var(--kf-aqua1);
}
.pageNav-page.pageNav-page--current > a {
background: var(--kf-bg3);
}
.pageNav-page.pageNav-page--current > a:hover {
background: var(--kf-bg3);
}
.pageNav-page:first-child {
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
.pageNav-page:first-child > a {
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
.pageNav-page:last-child {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
.pageNav-page:last-child > a {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
.pairs > dt {
color: var(--kf-fg4);
}
.pollResult-bar > i {
background: var(--kf-fg4);
}
.pollResult-voters {
background: var(--kf-bg3);
color: var(--kf-fg1);
}
.pollResult.pollResult--showVoters:hover {
background: var(--kf-bg3);
}
.rc-anchor-dark {
background: var(--kf-bg0);
color: var(--kf-fg1);
}
.rc-anchor-dark.rc-anchor-normal, .rc-anchor-dark.rc-anchor-compact {
border: 1px solid var(--kf-bg0);
}
.reaction--3 .reaction-text {
color: var(--kf-red0);
}
.reaction--5 .reaction-text {
color: var(--kf-yellow0);
}
.reaction--6 .reaction-text {
color: var(--kf-blue0);
}
.reaction--17 .reaction-text {
color: var(--kf-fg4)
}
.reaction--26 .reaction-text {
color: var(--kf-red0);
}
.reaction--30 .reaction-text {
color: var(--kf-aqua1);
}
.reactionsBar-link {
color: var(--kf-aqua1);
}
#regi-warning {
background: var(--kf-bg1);
}
#regi-warning-title {
color: var(--kf-red0);
}
:root:not([data-variation]) .cm-s-default span.cm-atom {
color: var(--kf-orange0);
}
:root:not([data-variation]) .cm-s-default span.cm-builtin {
color: var(--kf-fg2);
}
:root:not([data-variation]) .cm-s-default span.cm-keyword {
color: var(--kf-red0);
}
:root:not([data-variation]) .cm-s-default span.cm-number {
color: var(--kf-blue1);
}
:root:not([data-variation]) .cm-s-default span.cm-property {
color: var(--kf-blue0);
}
:root:not([data-variation]) .cm-s-default span.cm-qualifier {
color: var(--kf-aqua0);
}
:root:not([data-variation]) .cm-s-default span.cm-string {
color: var(--kf-green1);
}
:root:not([data-variation]) .cm-s-default span.cm-tag {
color: var(--kf-orange0);
}
:root:not([data-variation]) .cm-s-default span.cm-variable {
color: var(--kf-blue0);
}
:root:not([data-variation]) .cm-s-default span.cm-variable-2 {
color: var(--kf-blue0);
}
:root:not([data-variation]) .cm-s-default span.cm-variable-3, :root:not([data-variation]) .cm-s-default span.cm-comment {
color: var(--kf-fg4);
}
a.shareButtons-button.shareButtons-button--linkedin:hover {
background-color: var(--kf-blue2);
border-color: var(--kf-blue2);
color: var(--kf-aqua0);
}
.shareButtons-button.shareButtons-button--rss:hover {
background-color: var(--kf-orange1);
border-color: var(--kf-orange1);
color: var(--kf-aqua0);
}
.shareButtons-button.shareButtons-button--telegram:hover {
background-color: var(--kf-blue1);
border-color: var(--kf-blue1);
color: var(--kf-aqua0);
}
.shareButtons-button.shareButtons-button--twitter:hover {
background-color: var(--kf-bg0);
border-color: var(--kf-bg0);
color: var(--kf-aqua0);
}
.solutionIcon.is-solution {
color: var(--kf-green1);
}
.structItem {
padding: 8px 8px;
}
.structItem-minor {
color: var(--kf-bg5);
}
.structItem-minor a {
color: var(--kf-fg3);
}
.structItem-pageJump a {
background: var(--kf-bg1);
border: 1px solid var(--kf-bg0);
}
.structItem-pageJump a:hover {
background: var(--kf-bg2);
}
.structItem-status::before {
color: var(--kf-fg3);
}
.structItemContainer .structItemContainer-group .structItem:nth-child(2n):not(.is-mod-selected) {
background-color: var(--kf-bg3);
}
.suggestedThreads {
background: var(--kf-bg3);
}
.suggestedThreads-header {
color: var(--kf-fg3);
}
.tabs--standalone {
background: var(--kf-bg2);
}
.tabs--standalone .tabs-tab:hover {
color: var(--kf-yellow0);
}
.tabs--standalone .tabs-tab.is-active {
border-color: var(--kf-yellow1);
color: var(--kf-yellow0);
}
.tabs-tab {
color: var(--kf-fg1);
}
.tagItem {
background: var(--kf-bg1);
border: 1px solid var(--kf-bg0);
color: var(--kf-fg1);
}
a.tagItem:hover {
background: var(--kf-bg2);
}
.tooltip--basic .tooltip-content {
background: var(--kf-bg2);
color: var(--kf-fg1);
}
.tooltip--bookmark .tooltip-content, .tooltip--member .tooltip-content, .tooltip--share .tooltip-content {
background: var(--kf-bg2);
border: 1px solid var(--kf-bg2);
box-shadow: 0 5px 10px 0 rgba(0,0,0,0.35) !important;
color: var(--kf-fg1);
}
.tooltip--member.tooltip--top .tooltip-arrow {
border-top-color: var(--kf-border);
}
.tooltip--preview .tooltip-content {
background: var(--kf-bg2);
border: 1px solid var(--kf-border);
color: var(--kf-fg1);
}
.tooltip--preview .tooltip-content-inner .tooltip-content-cover {
background: none !important;
}
.tooltip--preview.tooltip--top .tooltip-arrow {
border-top-color: var(--kf-bg2);
}
.tooltip--reaction .tooltip-content {
background :var(--kf-bg1);
border: 1px solid var(--kf-border);
color: var(--kf-fg1);
}
.u-muted {
color: var(--kf-fg4);
}
.userBanner.userBanner--green {
background: var(--kf-green2);
border: 1px solid var(--kf-green1);
color: var(--kf-green0);
}
.userBanner.userBanner--primary {
background: var(--kf-blue0);
border-color: var(--kf-blue2);
color: var(--kf-blue2);
}
.userBanner.userBanner--royalBlue {
background: var(--kf-blue0);
border-color: var(--kf-blue2);
color: var(--kf-blue2);
}
.userBanner.userBanner--silver {
background: var(--kf-bg5);
border-color: var(--kf-bg5);
color: var(--kf-fg1);
}
.userBanner.userBanner--staff {
background: var(--kf-fg1);
border-color: var(--kf-fg1);
border-bottom: 2px solid var(--kf-blue1);
border-top: 4px solid var(--kf-blue1);
color: var(--kf-bg0);
}
.username--style3 {
color: var(--kf-red1);
}
.username--style4 {
color: var(--kf-purple1);
}
.username--style55 {
color: var(--kf-purple1) !important;
}
.username--style55:hover {
color: var(--kf-purple0) !important;
}
.verified-tick {
color: var(--kf-blue1);
}
.XenBase .block--messages .message .message-content a {
color: var(--kf-aqua1);
}
.XenBase .block--messages .message .message-content .bbCodeBlock-title a, .XenBase .block--messages .message .message-content .bbCodeBlock-title a:hover {
color: var(--kf-aqua1);
}
.XenBase .notice.myCustomNotice {
background: var(--kf-aqua2);
border-color: var(--kf-aqua1);
color: var(--kf-fg0);
}
.XenBase .notice.notice--accent, .XenBase .notice.notice--enablePush, .XenBase .notice.notice--cookie {
background: var(--kf-aqua2);
border-color: var(--kf-aqua1);
color: var(--kf-fg0);
}
.XenBase .notice.notice--dark {
background: var(--kf-bg2);
border-color: var(--kf-border);
color: var(--kf-fg1);
}
.XenBase .notice.notice--light {
background: var(--kf-bg2);
border-color: var(--kf-border);
color: var(--kf-fg1);
}
.XenBase .notice.notice--primary
{
border-bottom: 2px solid var(--kf-aqua1);
border-left: 4px solid var(--kf-aqua1);
border-right: 2px solid var(--kf-aqua1);
border-top: 2px solid var(--kf-aqua1);
color: var(--kf-fg1);
}
.XenBase :not(.block-header) .button.button--link, .XenBase :not(.block-header) a.button.button--link {
background-color: var(--kf-bg1);
border: 1px solid var(--kf-border);
border-radius: 4px;
color: var(--kf-fg1);
margin-left: 4px;
}
.XenBase :not(.block-header) .button.button--link > *, .XenBase :not(.block-header) a.button.button--link > * {
color: var(--kf-fg1);
}
Last edited:
