Different Theme Variations

[Hate]

Is it much to have different theme variations for the site?

Currently there are 6 different themes you can choose but I was thinking of like a Dark Theme for Default and Stealth modes. Also a propositions to make holiday theme like Halloween available any time of the year.

 

[BingBong]

You can easily use your own custom CSS m8.

 

[spurger king]

You can easily use your own custom CSS m8.

What if you're retarded tho

 

[BingBong]

What if you're exceptional tho

git gud

 

[NOT Sword Fighter Super]

Here's a new one plus a way to get Halloween theme all year round:
I think it only works on desktop, though.
Be sure and thank @Lucifuga.

 

[George Orson Welles]

Shit there's an actual business for CSS themes for KF? Gonna brush up on my CSS skills and become famous!

 

[Lucifuga]

Here's a new one plus a way to get Halloween theme all year round:
I think it only works on desktop, though.
Be sure and thank @Lucifuga.

Those broke with the Xenforo update

I use this now for Halloween



Code is still trash

@-moz-document domain("kiwifarms.net")
{

.node--unread .node-icon i:before, .subNodeLink.subNodeLink--unread:before, .node-title, .subNodeLink.subNodeLink--forum.subNodeLink--unread, .p-nav-list .p-navEl.is-selected, .username, .bbCodeBlock-sourceJump, .node--unread.th_node--hasCustomIcon .node-icon i, .is-unread .structItem-title, .pageNav-jump:hover, .pageNav-jump:active, .pageNav-page:hover, .pageNav-page:active, .pageNav-page:hover .pageNav-page--later a, .pageNav-page a:hover, .reactionsBar-link, .bbCodeBlock-content a, .filterBar-menuTrigger, .bbCodeBlock-title, .bbCodeBlock--unfurl .contentRow-header a, .link--external, .notice li a strong
  {
    color: #FF7619 !important;
  }

.message-newIndicator, .button.button--cta, a.button.button--cta, .pollResult-bar i, .button.button--primary, a.button.button--primary
  {
    background-color: #FF7619 !important;
  }

.pageNav-page, .button.button--link, a.button.button--link
  {
    background-color: rgb(28, 30, 32) !important;
  }

.pageNav-jump
  {
    background-color: rgb(28, 30, 32) !important;
    color: #A8AEB3!important;
  }

.uix_messagePostBitWrapper
  {
    background-color: #414141 !important;
  }

.notice.notice--primary
  {
    color: #A8AEB3 !important;
  }

.notice-content a
  {
    color: #C8CBCE !important;
    text-decoration: underline;
  }

.uix_sidebar--scroller a, .block-container, .uix_sidebar--scroller .block-minorHeader, .uix_sidebar--scroller .contentRow-minor time, .subNodeLink--forum
  {
    color: #C9C9C9 !important;
  }

.node-description a, .node-extra-title, .button--link.button.rippleButton
  {
    color: #BDBDBD !important;
  }

.uix_noticeInner
  {
    background-color: #32393D !important;
  }

.uix_sidebar--scroller .block-minorHeader, .block--messages .message, .message-cell.message-cell--user
  {
    background-color: #323232 !important;
  }

.p-body-inner
  {
    background-color: #333 !important;
  }

.block-header
  {
    background-color: #414141 !important;
  }

.notice, .block-container, .node-body, .uix_sidebar--scroller .block-footer, .bbCodeBlock-title
  {
    background-color: #2D2D2D !important;
  }

.avatar img, .structItem--thread:hover, .structItem:nth-child(2n)
  {
    background-color: unset !important;
  }

.structItem:nth-child(2n)
  {
    background-color: #323232 !important;
  }

.structItem--thread:hover .structItem-cell--meta
  {
    background-color: initial !important;
  }

.bbCodeBlock-expandLink
  {
    background-color: transparent !important;
    background-image: linear-gradient(to bottom, rgba(41, 44, 46, 0) 0%, #292C2E 80%) !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: 0% 0% !important;
    background-clip: border-box !important;
    background-origin: padding-box !important;
    background-size: auto auto !important;
  }

.bbCodeBlock, .structItem-pageJump a
  {
    background-color: #292C2E !important;
  }

.node-description
  {
    color: #E1E1E1 !important;
  }

.p-pageWrapper
  {
    background-color: rgba(0, 0, 0, 0.8) !important;
    background: url(https://kiwifarms.net/styles/custom/backgrounds/walking_dead.jpg) !important;
    background-repeat: repeat !important;
    background-position: center top !important;
    background-size: 50% auto !important;
  }

.uix_logo
  {
    height: 0 !important;
    width: 0 !important;
    padding-left: 200px !important;
    padding-top: 72px !important;
    background: url(https://kiwifarms.net/styles/custom/logos/kiwi_spoops.png) no-repeat !important;
    background-size: 100% auto !important;
  }

.p-nav .p-nav-inner .p-header-logo.p-header-logo--image img, .p-footer-copyrightRow, .uix_fabBar, .uix_nodeList.block .uix_newIndicator, .uix_sidebar--scroller .userTitle, .notices .uix_noticeIcon, .uix_sidebar--scroller .label, .block-container .label, .contentRow-minor.contentRow-minor--hideLinks a, .uix_threadListSeparator
  {
    display: none !important;
  }

.block-filterBar, .p-body-header.p-body-header--quote
  {
    visibility: hidden !important;
  }

.filterBar-menuTrigger, .hb-quote
  {
    visibility: visible !important;
  }

.uix_sidebar--scroller time
  {
    display: block !important;
  }

.bbCodeBlock
  {
    border-left: 1px solid #434647 !important;
  }

.bbCodeBlock-title
  {
    border-bottom: 1px solid #4A545C !important;
  }

.block-footer
  {
    border-top: none !important;
  }

.notice.notice--primary
  {
    border: 1px solid #4A545C !important;
  }

.u-jsOnly.button.button--icon.button--icon--preview.rippleButton, .bbCodeSpoiler-button
  {
    border: 1px solid #FF7619 !important;
    color: #FF7619 !important;
  }

.structItemContainer .structItemContainer-group--sticky .structItem--thread
  {
    border-left: 0px !important;
  }

.structItemContainer-group.structItemContainer-group--sticky, .structItemContainer-group.structItemContainer-group--sticky .structItem:nth-child(2n)
  {
    background-color: #32393D !important;
  }

.p-nav
  {
    background-color: #333 !important;
  }

.block--messages .message, .js-quickReply .message, .block--messages .block-row, .js-quickReply .block-row
  {
    box-shadow: none !important;
    border: 1px solid #464646 !important;
    border-radius: 0px !important;
  }

a:hover
  {
    color: #E9E9E9 !important;
  }

.message-avatar-wrapper, .message-avatar
  {
    margin: 0px !important;
    padding: 0px !important;
  }

.pageNav-page.pageNav-page--current
  {
    color: #FFF !important;
    background-color: #FF7619 !important;
    box-shadow: none !important;
  }

.pageNav-page.pageNav-page--current:hover
  {
    background-color: #292C2E !important;
  }

@font-face
  {
    font-family: quattrocento;
    src: url(hinted-Quattrocento.eot);
    font-weight: normal;
    font-style: normal
  }

}

I remember @skiddlez made some custom styles too