[create-theme]: Zen Minimal Scrollbar

[arifomer733]

Name

Zen Minimal Scrollbar

Description

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

Homepage

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

Image

https://drive.google.com/file/d/1pr7yMBqDRqQpnju2KMRNPiZ_1A7IzGse/view?usp=sharing

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]

Error creating theme

Sorry about that! There was an error creating the theme. Please try again or contact the maintainers for help.

Image must be a PNG.