JosueGalRe / theme-store

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

[create-theme]: Zen Sidebery #2

Closed JosueGalRe closed 3 hours ago

JosueGalRe commented 4 hours ago

Name

Zen Sidebery

Description

Hide native Zen tab panel to use Sidebery

Homepage

https://github.com/Alexcoder5/zen-sidebery/tree/main

Image

https://github.com/Alexcoder5/zen-sidebery/blob/main/img/preview.png?raw=true

Type

Theme Styles

#zen-sidebar-splitter {
    display: none !important;
}

#navigator-toolbox {
    position: absolute !important;
    top: -9999px;
    left: -9999px;
}

html:has(#sidebar-box[hidden="true"]) #tabbrowser-tabpanels {
    padding-left: var(--zen-element-separation) !important;
    margin-left: -2px
}

#sidebar-box {
    min-width: 34px !important;
}

#sidebar-splitter {
    right: -8px;
    z-index: 999 !important;
    border: 2px solid transparent !important;
}

#history-panel,
#bookmarksPanel {
    background: transparent !important;
}

html {
    --lwt-sidebar-background-color: transparent !important;
}

@media (-moz-bool-pref: "uc.theme.compact-tab-bar.enabled") {
    #tabbrowser-tabpanels {
        padding-left: 0px !important;
    }
}

@media (-moz-bool-pref: "uc.theme.hide-sidebar-header.enabled") {
    #sidebar-header {
        display: none !important;
    }
}

Readme

# Zen-Sidebery

## Hide native Zen tab panel to use Sidebery

### What you can enable

* Hide Sidebar Header

### Instructions:

1. Install the theme
2. Install [Sidebery addon](https://addons.mozilla.org/en-US/firefox/addon/sidebery/)
3. Enjoy

### You can upload custom Sidebery settings:

1. Download sidebery.json from this repo (press on ***Visit Homepage***)
2. Go to Sidebery Settings -> Help -> Import Addon Data
3. Select downloaded file

### or customize it the way you want

Preferences

{
    "uc.theme.hide-sidebar-header.enabled": "Hide Sidebar Header"
}
github-actions[bot] commented 3 hours 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.