Userstyles General Thread - Post original KF styles, give feedback, and discuss styling of and relating to the site

[Hellwalker]

This is custom CSS made by @The Spoils of War. It needs some fixing up since it doesn't work out-of-the-box because of the theme update from 2 months ago. @The Spoils of War has his profile set to private (Undoubtely before Jewsh unbroke it) and hasn't been here since March so it's unlikely he'll un-private it. As such, it'll be a good idea to share it since he only ever posted it on his profile.

Spoiler: CSS

.message-inner,
.messageUserBlock {
  padding-left: 0 !important;
  margin-left: 0 !important;
  contain: layout style;
}

.message-cell.message-cell--main {
  padding-left: 10px !important;
  contain: layout style;
}

.contentRow-figure {
  display: none !important;
}

.message--quickReply .message-cell.message-cell--user {
  display: none !important;
}

.p-body-inner {
  background: #1a1c1e !important;
  contain: layout style paint;
}

.block-container {
  background: #242628 !important;
  contain: layout style;
}

.node {
  background-color: #242628 !important;
  border-color: rgba(255, 255, 255, 0.05) !important;
  contain: layout style;
}

.node + .node:nth-child(even) {
  background-color: #242628 !important;
}



.node:hover,
.node + .node:nth-child(even):hover {
  background-color: #2a2c2e !important;
}

.message {
  background-color: #242628 !important;
  contain: layout style;
}

.message-cell.message-cell--main {
  background-color: #242628 !important;
}

.structItem {
  background-color: #242628 !important;
  border-color: rgba(255, 255, 255, 0.05) !important;
  contain: layout style;
}

.structItem:hover {
  background-color: #2a2c2e !important;
}

.node-title a,
.structItem-title a {
  color: #e0e0e0 !important;
}

@media (min-width: 750px) {
.p-pageWrapper {
  background-image: none !important;
  background-size: initial !important;
  background-position: initial !important;
  background-color: #1a1c1e !important;
 }
}

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

.node--unread .node-icon i:before,
.structItem--unread .structItem-statuses i:before {
  color: #6ba65e !important;
}

He had screenshots of it on his profile. The theme, as he showcased, was going for a very minimal look. He had a lot of text and elements removed from the main page and elsewhere.

 

[StreetGangsta]

Somebody made a userstyle that resembles Kiwi Farms' OG theme (Kiwi.X2 Dark) even moreso than @Doktor Grimm's KFKompakt but it's broken as shit due to the theme update.

If somebody who knows CSS could fix it, please do, . I'll buy T&H and everything, . It's my fucking dream theme...

that would be me, also i agree because i'm a lazy fuck and don't want to fix it myself
EDIT: has anyone else thought of sending nool a link to pirated UI.X 2? i'd rather not do it myself

 

[Wol]

I don't know how it took me this long to discover, but apparently after looking through some example userstyles for other domains, I found out that Stylus supports UserCSS, which allows one to add parameters in the metadata [of a UserCSS type style] that can allow an end user to adjust the style via a graphical popup on install or in the manager. I've updated the OP with a spoiler that contains this information.

With this, I've updated my Cave Theme such that it now uses these parameters.

• If you've been using the Sandstone variant and want to receive updates, the old page for the Sandstone variant has been deletedand you will not be able to get updates for it if the link is still set to that as the source. You should either:
  1. Remove the old theme and install the new version of it from the centralized page originally for the Normal variant: https://userstyles.world/style/17733/
  2. [If using Stylus], set the Update URL to https://userstyles.world/api/style/17733.user.css in the Style Settings dropdown in the sidebar of the style editor while editing the style and then try to pull the update that way.*
• If you've been using the Normal variant and want to receive updates, [if using Stylus] set the Update URL to https://userstyles.world/api/style/17733.user.css in the Style Settings dropdown in the sidebar of the style editor while editing the style and then try to pull the update that way.*

*UserCSS styles could be treated differently by Stylus (they have a tag in the manager and appear differently in the editor) than the plain/traditional styles. Thus I'm not sure that the method to get the update will necessarily work. If it fails, just reinstall from https://userstyles.world/style/17733/ and that's certain to work

Also with the update to the Cave Theme, I replaced the icon/{special character} suffixed to external hyperlinks and changed the color function for it to try to mitigate color at hues which would appear darker/less contrasted against the post background. I might make the exact suffix text a parameter if it isn't of taste to someone.

 

[Aggie Gray 59]

I might be in the wrong thread, but I am enjoying the infrared current colorway.

 

[CEO of Autism]

Red text on grey is unreadable and headache inducing

 

[Wol]

I've pushed an update to the Cave theme which adds an experimental light variant that abides by the selected style variation as controlled by the button next to the style chooser.

For this addition, the color palette for the light variant primarily uses light grey colors to reduce the lightness that comes from looking at a page. Some variables were moved around in the process of creating this iteration to facilitate the added design; I think I got nearly all elements but be on the lookout for any oddities or inconsistencies between the themes.

The System option in the style variation is not supported; however, I might try to implement it for an potentially upcoming iteration.