Skip to content

itty-bitty Scrollbar by itty-bitty-committee

Mirrored from https://raw.githubusercontent.com/itty-bitty-committee/scrollbar/main/itty-bitty-scrollbar.user.css

Details

Authoritty-bitty-committee

LicenseNo License

Categorytwitch.tv, discord.com

Created

Updated

Size926 B

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Improve scrollbar accessibility

Notes

The itty bitty Committee

Style modifications that improve accessibility

Scrollbar

The Committee has denied your itty bitty scrollbar!

https://ittybittycommittee.org

Source code

/* ==UserStyle==
@name           itty bitty Scrollbar
@description    improve scrollbar accessibility
@namespace      https://ittybittycommittee.org
@version        1.0.0
@author         The itty bitty Committee
@homepageURL    https://github.com/itty-bitty-committee/scrollbar#readme
@supportURL     https://github.com/itty-bitty-committee/scrollbar/issues
==/UserStyle== */

/* ==UserStyle==
@preprocessor stylus
@var text twitch_scrollbar_width "Scrollbar: Width" 13px
==/UserStyle== */
@-moz-document domain("twitch.tv") {
  /* width */
  .simplebar-scrollbar {
    width: twitch_scrollbar_width !important;
  }
}

/* ==UserStyle==
@preprocessor default
==/UserStyle== */
@-moz-document domain("discord.com") {
  /* color */
  #app-mount {
    --scrollbar-auto-thumb: #b5bac1 !important;
  }
  /* width */
  .messagesWrapper-RpOMA3 ::-webkit-scrollbar {
    width: 19px !important;
  }
}

Reviews

No reviews yet.