zen-browser / theme-store

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

[create-theme]: Zen Minimal Exit Menu #418

Closed Dinno-DEV closed 1 month ago

Dinno-DEV commented 1 month ago

Name

Zen Minimal Exit Menu

Description

A zen browser mod that changes the exit menu to 3 circles similar (but a bit different) to one in MacOS.

Homepage

https://github.com/Dinno-DEV/zen-minimal-exit-menu

Image

https://imgur.com/a/IBudYsU

Type

Theme Styles

.titlebar-buttonbox {
    margin-right: 20px;
}

.titlebar-button {
    padding: 0px !important;
    min-height: 13px !important;
    min-width: 13px !important;
    align-self: center;
    background-color: var(--zen-colors-border) !important;
    margin-left: 5px !important;
    border-radius: 50px;
    transition: all 100ms;
}

.titlebar-button:hover {
    min-height: 20px !important;
}

.titlebar-min:hover {
    background-color: hsl(130, 50%, 40%) !important;
}

.titlebar-max:hover, .titlebar-restore:hover {
    background-color: hsl(60, 50%, 50%) !important;
}

.titlebar-close:hover {
    background-color: hsl(0, 50%, 50%) !important;
}

.titlebar-button > image {
    visibility: collapse !important;
}

Readme

# Zen Minimal Exit Menu
A zen browser mod that changes the exit menu to 3 circles similar (but a bit different) to one in MacOS.

Preferences

No response

github-actions[bot] commented 1 month ago

Thank you for your contribution! :tada:

Your theme has been successfully submitted. The maintainers will review it and get back to you soon.

Here are some details about your submission:

If you have any questions or need help, feel free to ask in the comments below or in the PR.