zen-browser / theme-store

🎨 Theme repository for @zen-browser!
https://zen-browser.github.io/theme-store/themes.json
MIT License
124 stars 37 forks source link

[create-theme]: Minimalist Container Indicator #717

Closed anjerodev closed 2 hours ago

anjerodev commented 2 hours ago

Name

Min Container Indicator

Description

This theme add a minimalist dot indicator for the current container in Zen Browser.

Homepage

https://github.com/anjerodev/zen-themes/tree/main/minimalist-container-indicator

Image

https://github.com/anjerodev/zen-themes/blob/main/minimalist-container-indicator/preview.png

Type

Theme Styles

@-moz-document url-prefix('chrome://') {
    #urlbar-container #page-action-buttons #userContext-icons {
        position: relative;
        order: 2;
        height: 8px;
        width: 8px;
        background-color: var(--identity-icon-color);
        border-radius: 32px;
        margin-left: 12px !important;

        & image,
        label {
            display: none;
        }
    }
}

Readme

#  Minimalist Container Indicator

This theme add a minimalist dot indicator for the current container in Zen Browser.

## What the extension does

- Hide the label and icon of the current container in the search bar and instead show a minimalist dot with the color set to the container.

- Rearrange the order of the icons in the search bar to make the container indicator the last one.

![Preview](preview.png)

Preferences

No response

github-actions[bot] commented 2 hours ago

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.