Advertisement
DorCoMaNdO

Twitch uBlock Origin CSS filters to revert font sizes

Oct 3rd, 2020
2,798
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.45 KB | None | 0 0
  1. ! pre-redesign twitch font
  2. twitch.tv##body:style(font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;)
  3. ! pre-redesign based font resizes
  4. twitch.tv##.tw-font-size-1:style(font-size: 4rem!important)
  5. twitch.tv##.tw-font-size-2:style(font-size: 2.8rem!important)
  6. twitch.tv##.tw-font-size-3:style(font-size: 2.4rem!important)
  7. twitch.tv##.tw-font-size-4:style(font-size: 1.6rem!important)
  8. twitch.tv##.tw-font-size-5:style(font-size: 1.4rem!important)
  9. twitch.tv##.tw-font-size-6:style(font-size: 1.2rem!important)
  10. twitch.tv##.tw-font-size-7:style(font-size: 1.1rem!important)
  11. twitch.tv##.tw-font-size-8:style(font-size: 1rem!important)
  12.  
  13. !!! October 2020 revert
  14. !! fix font size site wide
  15. ! general
  16. twitch.tv##:root:style(--font-mono: monospace!important;--font-size-1: 5.4rem!important;--font-size-2: 3.6rem!important;--font-size-3: 2.4rem!important;--font-size-4: 1.8rem!important;--font-size-5: 1.4rem!important;--font-size-6: 1.2rem!important;--font-size-7: 1.1rem!important;--font-size-8: 1.1rem!important;--font-size-base: 1.2rem!important;--font-weight-bold: 700!important;--font-weight-hdr: 400!important;--font-weight-normal: 400!important;--font-weight-semibold: 600!important;)
  17. ! buttons
  18. twitch.tv##:root:style(--button-padding-x: 1rem!important;--button-padding-y: 0.5rem!important;--button-size-default: 3rem!important;--button-size-large: 3.6rem!important;--button-size-small: 2.4rem!important;--button-text-default: 1.2rem!important;--button-text-large: 1.4rem!important;--button-text-small: 1.1rem!important;)
  19. ! whispers recent message
  20. twitch.tv##.whispers-list-item__last-message:style(font-size: 1.1rem!important)
  21.  
  22. !! fix navigation font weight and link position
  23. ! revert font weight
  24. twitch.tv##.navigation-link.tw-interactive .tw-semibold, .navigation-link.tw-interactive .tw-strong:style(font-weight:400!important)
  25. ! fix line height (position)
  26. twitch.tv##.navigation-link.tw-interactive .tw-line-height-heading:style(line-height:1.5!important)
  27.  
  28. !! fix chat input background color (was made darker in both light and dark mode)
  29. ! light mode
  30. twitch.tv##:root[class="tw-root--hover"], :root[class="tw-root--hover js-focus-visible"], :root[class="tw-root--hover js-focus-visible tw-root--theme-light"]:style(--color-background-input:rgba(0, 0, 0, 0.05)!important)
  31. ! dark mode
  32. twitch.tv##:root[class="tw-root--hover tw-root--theme-dark"], :root[class="tw-root--hover js-focus-visible tw-root--theme-dark"]:style(--color-background-input:#ffffff26!important)
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement