Different Theme Variations

Hate · Feb 28, 2020

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 · Feb 28, 2020

You can easily use your own custom CSS m8.

spurger king · Feb 28, 2020

BingBong said:
You can easily use your own custom CSS m8.

What if you're retarded tho

BingBong · Feb 28, 2020

spurger king said:
What if you're exceptional tho

git gud

NOT Sword Fighter Super · Feb 28, 2020

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 · Feb 28, 2020

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

Lucifuga · Mar 7, 2020

NOT Sword Fighter Super said:
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

CSS:

@-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

Different Theme Variations

Hate

Love to hate.

BingBong

daydreaming

spurger king

Twink connoisseur

BingBong

daydreaming

NOT Sword Fighter Super

"Cheerleeder" of Slapfights

George Orson Welles

Are you living in the real world?

Lucifuga