[create-theme]: No Bookmark Icon

[rfNeoN]

Name

No Bookmark Icon

Description

Hide the bookmark folders icon or the websites icon to keep only the text for a more minimal experience.

Homepage

https://github.com/rfNeoN/No-Bookmark-Icon-For-Zen-Browser

Image

https://raw.githubusercontent.com/rfNeoN/No-Bookmark-Icon-For-Zen-Browser/main/preview.png

Type

• JSON Color Theme

Theme Styles

:root:has(#theme-No-Bookmark-Icon[theme-noBookmarkIcon-enabled="toolbar"]) {
    #nav-bar #personal-bookmarks .toolbarbutton-icon {
        display: none !important;
    }
}

:root:has(#theme-No-Bookmark-Icon[theme-noBookmarkIcon-enabled="sub"]) {
    .toolbar-menupopup .menu-iconic .menu-icon:not([srcset]) {
        display: none !important;
    }
}

:root:has(#theme-No-Bookmark-Icon[theme-noBookmarkIcon-enabled="both"]) {
    .toolbar-menupopup .menu-iconic .menu-icon:not([srcset]),
    #nav-bar #personal-bookmarks .toolbarbutton-icon {
        display: none !important;
    }
}

@media (-moz-pref("theme.noBookmarkIcon.site_enabled")) {
    .toolbar-menupopup .menu-iconic .menu-icon[srcset] {
        display: none !important;
    }
}

@media (-moz-pref("theme.noBookmarkIcon.site_garayscale")) {
    .toolbar-menupopup .menu-iconic .menu-icon[srcset] {
        filter: grayscale(1);
        mix-blend-mode: plus-lighter;
    }
}

Readme

Hide the bookmark folders icon or the websites icon to keep only the text for a more minimal experience.

in the setting you have these options :
- hide folder icons from toolbar, subfolders or both
- hide websites icon or make them grayscale to all look the same

Preferences

[
    {
        "property": "theme.noBookmarkIcon.enabled",
        "label": "Hide The Icons From ",
        "type": "dropdown",
        "defaultValue": "both",
        "options": [
            {
                "label": "Toolbar Folders",
                "value": "toolbar"
            },
            {
                "label": "Sub Folders",
                "value": "sub"
            },
            {
                "label": "Every Where",
                "value": "both"
            }
        ]
    },
    {
        "property": "theme.noBookmarkIcon.site_enabled",
        "label": "Also Hide Websites Icon",
        "type": "checkbox",
        "defaultValue": false
    },
    {
        "property": "theme.noBookmarkIcon.site_garayscale",
        "label": "Grayscale Website Icons",
        "type": "checkbox",
        "defaultValue": false
    }
]

[github-actions]

Thank you for your contribution! 🎉

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

Here are some details about your submission:

• Your theme has been requested into this PR.
• It has been created into the create-theme-2070 branch.

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