[create-theme]: Better Tab Overflow

[JosephPri]

Name

Better Tab Overflow

Description

Replaces the built-in simple line tab overflow indicators with a gradient

Homepage

https://github.com/JosephPri/Zen-Better-Tab-Overflow

Image

https://raw.githubusercontent.com/JosephPri/Zen-Better-Tab-Overflow/main/BetterTabOverflow.png

Type

• JSON Color Theme

Theme Styles

/* Hide the original indicator */
.workspace-arrowscrollbox::before,
.workspace-arrowscrollbox::after {
    background: none !important;
}

/* Create top gradient */
.workspace-arrowscrollbox[overflowing]:not([scrolledtostart])::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 8px !important;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.05) 50%, transparent 100%) !important;
    pointer-events: none !important;
    z-index: 10 !important;
}

/* Create bottom gradient */
.workspace-arrowscrollbox[overflowing]:not([scrolledtoend])::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 8px !important;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.05) 50%, transparent 100%) !important;
    pointer-events: none !important;
    z-index: 10 !important;
}

Readme

# Better Tab Overflow - Zen Browser Mod

Replaces the built-in simple line tab overflow indicators with a gradient, adding depth and improving overall readability.

![Preview](BetterTabOverflow.png)

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 600x400 pixels.