Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[create-theme]: bigger browser padding #850

Closed
1 task
froggy-jpg opened this issue Dec 6, 2024 · 1 comment
Closed
1 task

[create-theme]: bigger browser padding #850

froggy-jpg opened this issue Dec 6, 2024 · 1 comment
Labels
new-theme Submit a theme to be added to the theme library

Comments

@froggy-jpg
Copy link

Name

bigger browser padding

Description

makes padding of the browser... well... bigger!

Homepage

https://github.com/froggy-jpg/bigger-browser-padding

Image

https://i.imgur.com/Rqum1vz.png

Type

  • JSON Color Theme

Theme Styles

/* padding in normal mode */

@media (-moz-bool-pref: "uc.padding.big") {
    @media not (-moz-bool-pref: "zen.view.compact") {
        #tabbrowser-tabpanels {
            padding: 2px 12px 12px 2px !important;
        }
    }
}

@media (-moz-bool-pref: "uc.padding.bigger") {
    @media not (-moz-bool-pref: "zen.view.compact") {
        #tabbrowser-tabpanels {
            padding: 2px 16px 16px 2px !important;
        }
    }
}

@media (-moz-bool-pref: "uc.padding.biggest") {
    @media not (-moz-bool-pref: "zen.view.compact") {
        #tabbrowser-tabpanels {
            padding: 2px 20px 20px 2px !important;
        }
    }
}

/* padding in compact mode */

@media (-moz-bool-pref: "uc.padding.big") {
    @media (-moz-bool-pref: "zen.view.compact") {
        #tabbrowser-tabpanels {
            padding: 12px !important;
        }
    }
}

@media (-moz-bool-pref: "uc.padding.bigger") {
    @media (-moz-bool-pref: "zen.view.compact") {
        #tabbrowser-tabpanels {
            padding: 16px !important;
        }
    }
}

@media (-moz-bool-pref: "uc.padding.biggest") {
    @media (-moz-bool-pref: "zen.view.compact") {
        #tabbrowser-tabpanels {
            padding: 20px !important;
        }
    }
}

Readme

# bigger browser padding
makes padding of the zen browser bigger \
comes in 3 sizes:
- big (12px)
- bigger (16px)
- biggest (20px) 
  
also works in compact mode :3

Preferences

{
    "uc.padding.big": "big browser padding (12px)", 
    "uc.padding.bigger": "bigger browser padding (16px)", 
    "uc.padding.biggest": "biggest browser padding (20px)"
}
@froggy-jpg froggy-jpg added the new-theme Submit a theme to be added to the theme library label Dec 6, 2024
Copy link
Contributor

github-actions bot commented Dec 6, 2024

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:

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

@github-actions github-actions bot closed this as completed Dec 6, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
new-theme Submit a theme to be added to the theme library
Projects
None yet
Development

No branches or pull requests

1 participant