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]: Use Firefox Theme #487

Closed Spatulox closed 1 month ago

Spatulox commented 1 month ago

Name

Use Firefox Theme

Description

This Zen Browser addon let you use the Firefox themes from the Firefox store.

Homepage

https://github.com/Spatulox/Use-FireFox-Theme

Image

https://raw.githubusercontent.com/Spatulox/Use-FireFox-Theme/refs/heads/main/image.png

Type

Theme Styles

@media {
  #zen-appcontent-navbar-container {
    background: var(--lwt-header-image, var(--lwt-additional-images))
                no-repeat var(--lwt-background-tiling) var(--lwt-background-alignment)
                var(--lwt-accent-color) !important;
    background-size: var(--lwt-background-tiling) !important;
    background-position-y: var(--theme-firefoxtheme-heightmove, 50%) !important;
  }
}

Readme

# Use Firefox Theme
This Zen Browser addon let you use the Firefox themes from the Firefox store.
Check the mod settings to adjust the height (% or px) of the background 😉.

Works with most of the available background on the Firefox addons store

Preferences

[
    {
        "property": "theme.firefoxtheme.heightmove",
        "label": "Move up the theme if needed (pixel or %)",
        "type": "string",
        "defaultValue": "50%",
        "placeholder": "e.g: 50px / 50%",
        "disabledOn": []
    }
]
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.