Skip to content

Highlight Active Workspace #1930

@VictorBravo9er

Description

@VictorBravo9er

Name

highlight-active-workspace

Description

A minimal Zen Browser mod that adds a subtle highlight to the currently active workspace in the sidebar.

Homepage

https://github.com/VictorBravo9er/zen-mod-active-workspace

Image

https://raw.githubusercontent.com/VictorBravo9er/zen-mod-active-workspace/refs/heads/main/src.png

Type

  • JSON Color Theme

Theme Styles

#zen-workspaces-button .subviewbutton:is([active="true"]) {
    border: 1px solid color-mix(in srgb, var(--zen-primary-color) 90%, transparent) !important;
    box-shadow: inset 0 0 16px color-mix(in srgb, var(--zen-primary-color) 60%, transparent) !important;

    filter: invert(1) !important;
}

Readme

# Highlight Active Workspace (Zen Mod)

A minimal Zen Browser mod that adds a clear highlight to the currently active workspace in the sidebar.

## Features

- **High Visibility**: Adds a clear border and background highlight to the active workspace.
- **Theme Aware**: Uses your Zen Browser accent color.
- **Depth**: Adds a subtle drop shadow and inner glow for better visibility.

## Installation

1. Clone or download this repository.
2. Open **Zen Browser**.
3. Navigate to **Settings** -> **Mods**.
4. Click on **Install from folder** (usually found at the bottom or under developer options).
5. Select the `highlight-active-workspace` folder.

## Author

victorbravo9er

Preferences

Metadata

Metadata

Assignees

No one assigned

    Labels

    new-themeSubmit a theme to be added to the theme library

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions