Kbin Userstyles and Userscripts

Amongog, (edited ) in Share your CSS and JS snippets here
Amongog avatar

Stylesheet tweaks

Change boost button color when pressed

        /* Change boost color when pressed */
	.comment menu > a.active,
	.comment menu > li button.active {
		color: #53ffa6
	}

	.entry footer menu > a.active,
	.entry footer menu > li button.active {
		color: #53ffa6
	}
patchw3rk,
patchw3rk avatar

@Amongog So where do I put this?

Amongog,
Amongog avatar

If you already have an active syle, you can edit the code and add this snippet.

However, I made a small style that only has this change and the vote button colors.

So just install this one and you should be good!

https://userstyles.world/style/10361/kbin-small-mods

Pamasich,
Pamasich avatar

This sadly doesn't work anymore for me, the boost button doesn't get the active class anymore.

ernest, in Kbin Easy Emoticon! Easily add emoticons with slash commands. Hope you guys like it! ♡⟡˙⋆
ernest avatar

(。◕‿‿◕。)

minnieo,
minnieo avatar

hi ernest! nice seeing you here (˘︶˘).。.:*♡

ernest,
ernest avatar

Hey, I'll definitely be here much more often now :)

artillect,
artillect avatar

Good to hear! Hopefully we're giving you some good ideas :)

szczur,
szczur avatar

/lenny

minnieo,
minnieo avatar

are you on mobile? ( ´・・)ノ(._.`)

hariette, in Kbin Usability Pack 0.3.6 - Mobile UI and compatibility with next Kbin version
hariette avatar

Looks so good!

jared,
jared avatar

With the work you and everyone else is doing I'm cautiously hopefull about the future of the verse. Not to mention the supportive vibes.

ernest, in /kbin test environments
ernest avatar

Hey, during the server change, I would like to switch to the version used on lab2.kbin.pub - many backend errors have been fixed there. Does the current state of the frontend pose a problem for you?

@artillect @Perry @minnieo @0rito

minnieo,
minnieo avatar

No issues for me! though i agree with @Perry that things we do shouldn't hold you back from developing. it's our responsibility to adapt :) but its very sweet of you to consider people making scripts and styles (●′▾‵●).。.:*♡

Perry,
Perry avatar

Hah, it does break a few things for me, but I'm working on fixing it as we speak actually. Honestly, I don't think some third party tinkering should hold back your official deployments, so go ahead and deploy whenever you want.

If anything, it would be awesome if the version number or similar was available as a class on the body or as a JS object (like KBIN_USER and similar). Then it would be easier to make the transition more seamless by supporting both the current version and the next version when it releases.

artillect,
artillect avatar

Not seeing any issues with my scripts, if I find any issues I'll sort them out on the userscript's end. I totally agree with what the others said, don't feel like you need to hold yourself back for us!

0rito,
0rito avatar

@ernest - I appreciate the heads up and echo the sentiments of @Perry and @minnieo.

Both kbin-code-highlighting and the supporting script, kbin-mod-options, continue to be functional on lab2.

@shazbot will need to take a look at the first 3 mods inside of kbin-megamod - it looks like in some instances they try to function before DOM is finished and only intermittently work on lab2. However, the megamod itself is functioning as intended.

artillect, in Share your CSS and JS snippets here
artillect avatar

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,
uwu avatar

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,
artillect avatar

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

uwu,
uwu avatar

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 or something? The votes are just both still white. Does the site theme override it?

artillect,
artillect avatar

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,
uwu avatar

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

artillect,
artillect avatar

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

uwu,
uwu avatar

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

Zana,

As someone very new to this, where does one add this?

artillect,
artillect avatar

First, install Stylus (chrome/edge, firefox), or Cascadea if you're on safari. Once you've done that, you can open the extension's menu and add a style for kbin.social. To do that in stylus, you just click on its icon, and then click on "kbin.social" under "write style for:". I'm not sure how it works in Cascadea but I'm sure it's a bit simpler.

Zana,

That worked perfect, thank you!

eh,

On your margin style, I'd also throw in something along the lines of margin: 0 4rem;. Just enough spacing so that things don't look too cramped

fl4shback, in Kbin Subscriptions Panel 2.9
fl4shback avatar

Hey! Thanks for this.
Would there be a way to make it toggleable to reclaim the space when it's not needed ?

Perry,
Perry avatar

I've released an update that adds the option to toggle the panel.

fl4shback,
fl4shback avatar

Awesome !

Cyzaine,
Cyzaine avatar

Yup this is GREAT, but I'd like it to be able to it hide when I dont need the list.

ghostatnoon, in Dropdown Menu Icons 1.1.0
ghostatnoon avatar

Thanks for the style! It makes the menus a lot easier to navigate. I for one would definitely appreciate "more" menu icons as well (whether as part of the same style or as a separate style) if you do decide to add them.

rhythmisaprancer, in Official Collection Checkmark 1.0.1
rhythmisaprancer avatar

Wow, I've never even explored the collections link before. I can't really comment on the check marks but I appreciate turning me on to something new!

tjhart85,
tjhart85 avatar

If it makes you feel any better, the functionality is only 6 days old :-)

Ernest is also putting a ton of work in, and documenting it in that magazine (note: it's also a bit of a unique opportunity to chime in right away on a new feature ... for example, 'Collections' was called 'Categories' originally and someone in that thread said that they thought 'Collections' would be a better name and Ernest agreed and made the change right away!)

minnieo, in Expandable pictures and gifs?
minnieo avatar
akai, in Kbin Usability Pack 0.3.6 - Mobile UI and compatibility with next Kbin version
akai avatar

This looks amazing! Can this be installed with Tampermonkey on mobile Firefox?

CodingAndCoffee,
CodingAndCoffee avatar

Yes exactly

Beardedsausag3,
Beardedsausag3 avatar

Yurp, I grabbed Fennec enabled tampermonkey and got the script.

th0mcat, (edited )
th0mcat avatar

When I clicked 'Install' on the GreasyFork page, I get the correct pop up, but the pop up asks me to click "Install", which doesn't appear in the pop up. I try to import the scripts manually but nothing happens.

(Yes, this is Firefox Beta Android)

Edit - Nevermind, switched to Tampermonkey.

ripcord,
ripcord avatar

How do you install Tampermonkey for Android FF? Every time I tried it just told me it wasn't compatible.

YouveCatToBeKittenMe,
YouveCatToBeKittenMe avatar

Try going into the addons manager and searching for it from there. For me, it was one of the recommended addons, but I've got FF Nightly so I don't know if it's available on regular FF.

ripcord,
ripcord avatar

Well, there you go. It was there. Guess I was just trying to do it the hard way. Thanks!!

Muela, in Kbin Usability Pack 0.3.6 - Mobile UI and compatibility with next Kbin version

Thank you so much, it looks awesome

!deleted120991, in Kbin Better Page Navigation. It makes the navigation page numbers much easier to read.

deleted_by_author

  • Loading...
  • minnieo,
    minnieo avatar

    omg this comment is so sweet, thank you so much! im really happy that you find my stuff useful and fun. (⸝⸝⸝• ω •⸝⸝⸝) ♡

    Cyzaine, in Kbin Better Page Navigation. It makes the navigation page numbers much easier to read.
    Cyzaine avatar

    oh thats QUITE the improvement! Thanks alot.

    minnieo,
    minnieo avatar

    glad you think so ╰(´꒳`)╯

    !deleted95653, (edited ) in Kbin Better Page Navigation. It makes the navigation page numbers much easier to read.

    deleted_by_author

  • Loading...
  • minnieo,
    minnieo avatar

    very glad to hear it!

    bobfinger, in Kbin Better Page Navigation. It makes the navigation page numbers much easier to read.
    bobfinger avatar

    Such a simple but needed fix. Ty!

    minnieo,
    minnieo avatar

    youre very welcome c:

  • All
  • Subscribed
  • Moderated
  • Favorites
  • kbinStyles
  • khanakhh
  • DreamBathrooms
  • thenastyranch
  • magazineikmin
  • InstantRegret
  • modclub
  • Youngstown
  • everett
  • slotface
  • rosin
  • tacticalgear
  • osvaldo12
  • kavyap
  • ngwrru68w68
  • JUstTest
  • Durango
  • cisconetworking
  • tester
  • ethstaker
  • mdbf
  • normalnudes
  • GTA5RPClips
  • cubers
  • anitta
  • Leos
  • megavids
  • provamag3
  • lostlight
  • All magazines