Skip to content

[create-theme]: Zen Dense Tabs #1753

@Bischtinius

Description

@Bischtinius

Name

Zen Dense Tabs

Description

A Mod that makes your tabs more compact - reducing vertical space for a denser, efficient layout.

Homepage

https://github.com/Bischtinius/zen-dense-tabs/

Image

https://i.imgur.com/XxUtYZm.png

Type

  • JSON Color Theme

Theme Styles

:root {
    --dense-zen-workspace-indicator-height: calc(var(--zen-workspace-indicator-height) * 0.8);
    --dense-tab-min-height: calc(var(--tab-min-height) * 0.7);
}

.zen-current-workspace-indicator {
    max-height: var(--dense-zen-workspace-indicator-height) !important;
    min-height: var(--dense-zen-workspace-indicator-height) !important;
}

.tab-group-label-container {
    min-height: var(--dense-tab-min-height) !important;
    max-height: var(--dense-tab-min-height) !important;
}

.zen-essentials-container zen-workspace-tabs-section {
    align-items: center;
}

.tabbrowser-tab .tab-content {
    min-height: var(--dense-tab-min-height) !important;
    max-height: var(--dense-tab-min-height) !important;
    align-self: center !important;
}

.tabbrowser-tab .tab-icon-stack {
    align-self: center !important;
}

.tab-group-label-container .tab-group-folder-icon {
    display: flex;
    align-self: center;
}

.tabbrowser-tab .tab-background {
    min-height: var(--dense-tab-min-height) !important;
    max-height: var(--dense-tab-min-height) !important;
    display: flex !important;
    align-items: center !important;
}

.toolbarbutton-text {
    align-self: center !important;
}

#tabs-newtab-button, #vertical-tabs-newtab-button {
    min-height: var(--dense-tab-min-height) !important;
    max-height: var(--dense-tab-min-height) !important;
    align-content: center !important;
    align-items: center !important;
    align-self: center !important;
}

Readme

# Zen Dense Tabs

A Mod that makes your tabs more compact — reducing vertical space for a denser, efficient layout.

## ✨ Features
- Shrinks tab and workspace heights using Zen’s built-in CSS variables.
- Keeps alignment consistent for icons and labels.
- Lightweight, simple, and compatible with all Zen layouts.

## 🧩 Compatibility
Developed and Testen on
Zen Browser
1.16b (Firefox 143.0.1) (64-bit)

## 📄 License
MIT © Bischtinius

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