zen-browser / theme-store

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

[create-theme]: Everforest #586

Closed rohit-iwnl closed 3 weeks ago

rohit-iwnl commented 3 weeks ago

Name

Everforest Dark

Description

Everforest theme ported to Zen

Homepage

https://github.com/rohit-iwnl/Everforest-Zen

Image

https://github.com/rohit-iwnl/Everforest-Zen/blob/master/assets/store-preview.png

Type

Theme Styles

@media (prefers-color-scheme: dark) {

    :root {
        --zen-colors-primary: #1e2326 !important; /* Background */
        --zen-primary-color: #a7c080 !important; /* Primary */
        --zen-colors-secondary: #2b3339 !important; /* Secondary */
        --zen-colors-tertiary: #272e33 !important; /* Tertiary */
        --zen-colors-border: #fffff !important; /* Border */
        --toolbarbutton-icon-fill: #d3c6aa !important; /* Icon Fill */
        --lwt-text-color: #d3c6aa !important; /* Text Color */
        --toolbar-field-color: #d3c6aa !important; /* Field Color */
        --tab-selected-textcolor: rgb(167, 192, 128) !important; /* Selected Tab Text Color */
        --toolbar-field-focus-color: #d3c6aa !important; /* Focus Field Color */
        --toolbar-color: #d3c6aa !important; /* Toolbar Color */
        --newtab-text-primary-color: #d3c6aa !important; /* New Tab Text Primary Color */
        --arrowpanel-color: #d3c6aa !important; /* Arrow Panel Color */
        --arrowpanel-background: #2e383c !important; /* Arrow Panel Background */
        --sidebar-text-color: #d3c6aa !important; /* Sidebar Text Color */
        --lwt-sidebar-text-color: #d3c6aa !important; /* Sidebar Text Color (LWT) */
        --lwt-sidebar-background-color: #272e33 !important; /* Sidebar Background (LWT) */
        --toolbar-bgcolor: #2b3339 !important; /* Toolbar Background Color */
        --newtab-background-color: #1e2326 !important; /* New Tab Background Color */
        --zen-themed-toolbar-bg: #1e2326 !important; /* Themed Toolbar Background */
    }

    .toolbarbutton-1[open="true"] .toolbarbutton-icon {
        fill: #4c566a !important; /* Dark foreground color from Everforest */
    }

    #permissions-granted-icon {
        fill : var(--zen-themed-toolbar-bg) !important;
    }

    #zen-workspaces-button {
        background-color: var(--zen-colors-primary) !important;
    }
}

Readme

# Everforest

Everforest theme ported to Zen Browser

## Preview

![Everforest Dark Theme Preview](assets/preview.png)

![Everforest Dark Theme Palette](assets/palette.png)

### Credits

This theme is inspired by the [Everforest](https://github.com/sainnhe/everforest) color scheme.

Preferences

No response

github-actions[bot] commented 3 weeks ago

Error creating theme

Sorry about that! There was an error creating the theme. Please try again or contact the maintainers for help.

Traceback (most recent call last):