[create-theme]: Zen Scrollbar Mod

[arifomer733]

Name

Zen Scrollbar Mod

Description

Slim, minimalist scrollbar that fades when inactive and expands slightly on hover.

Homepage

https://github.com/arifomer733/zen-scrollbar-mod

Image

https://raw.githubusercontent.com/arifomer733/zen-scrollbar-mod/refs/heads/master/zen-scrollbar-mod-screenshot.png

Type

• JSON Color Theme

Theme Styles

/* Custom Scrollbars for all elements, including root HTML and iframes */
:root, html, body, * {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(140, 140, 140, 0.2) transparent !important;
  transition: scrollbar-color 0.25s ease-in-out !important;
}

/* Brighten the scrollbar thumb slightly on hover */
*:hover {
  scrollbar-color: rgba(140, 140, 140, 0.5) transparent !important;
}

/* Ensure WebKit browsers/views style consistently */
::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}

::-webkit-scrollbar-track {
  background: transparent !important;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(140, 140, 140, 0.2) !important;
  border-radius: 10px !important;
  border: 1px solid transparent !important;
  background-clip: padding-box !important;
  transition: background-color 0.25s ease !important;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(140, 140, 140, 0.5) !important;
}

::-webkit-scrollbar-thumb:active {
  background-color: rgba(140, 140, 140, 0.7) !important;
}

Readme

# Zen Minimal Scrollbar

A non-intrusive, minimalist overlay-style scrollbar style for Zen Browser that stays thin and translucent, slightly brightening when hovered.

## Features
- Thin scrollbar design (6px)
- Translucent thumb that blends into light/dark page designs
- Smooth transition states (default, hover, active drag)

Preferences

[github-actions]

Thank you for your contribution! 🎉

Your theme has been successfully submitted. The maintainers will review it and get back to you soon.

Here are some details about your submission:

• Your theme has been requested into this PR.
• It has been created into the create-theme-2046 branch.

If you have any questions or need help, feel free to ask in the comments below or in the PR.