this post was submitted on 11 Jun 2023
22 points (100.0% liked)

Kbin Userstyles and Userscripts

4 readers
1 users here now

Custom CSS and JS to help improve your Kbin experience! ### Userscripts Greasy Fork ### Stylesheets UserStyles.world ### Userscript managers

founded 1 year ago
22
Share your CSS and JS snippets here (kbin.social)
submitted 1 year ago by artillect@kbin.social to c/kbinStyles@kbin.social
32 comments fedilink hide all child comments
 

Here's a place to share your little tweaks that you might think aren't big enough to warrant a full post, share away!

you are viewing a single comment's thread
view the rest of the comments
[–] artillect@kbin.social 7 points 1 year ago (10 children)

Stylesheet tweaks

Change vote colors

/* Change vote colors to match reddit */
.vote .active.vote__up button  {
  color: #ff8f65;
}

.vote .active.vote__down button  {
  color: #9494ff;
}

Get rid of margins on left and right side to match layout of old reddit

/* Get rid of margins */
.kbin-container {
  max-width: none;
}

Make post creation UI wider

/* Make post creator wider */
.page-entry-create .container {
    max-width: none;
}
[–] uwu@kbin.social 0 points 1 year ago (1 children)

Is there a way to implement the vote button colors in the custom CSS and JS inputs in the appearance section of the Magazine Panel?

[–] artillect@kbin.social 0 points 1 year ago (1 children)

If you add that to the custom CSS, it should work

[–] uwu@kbin.social 2 points 1 year ago (1 children)

I have this in the custom CSS:

#middle { background: url(https://karab.in/build/images/shape2.png); height: 100%; }

.vote .active.vote__up button  {
  color: #ff8f65;
}

.vote .active.vote__down button  {
  color: #9494ff;
}

But only the background works. Is that how you intended or should it be in a #middle or something? The votes are just both still white. Does the site theme override it?

[–] artillect@kbin.social 0 points 1 year ago (1 children)

I think the site might be overriding it, try changing it to this:

.vote .active.vote__up button {
  color: #ff8f65 !important;
}

.vote .active.vote__down button {
  color: #9494ff !important;
}
[–] uwu@kbin.social 0 points 1 year ago (1 children)

Thanks, though unfortunately that didn't help either as far as I can tell. Appreciate it anyway

[–] artillect@kbin.social 0 points 1 year ago (1 children)

Based on what I've seen from others, it seems to not be working at the moment

[–] uwu@kbin.social 1 points 1 year ago

Ahhhhh that would explain it. Excited to go ham once it's possible

load more comments (8 replies)