Shina-SG / Shina-Fox

A Minimal, Cozy, Vertical Optimized Firefox Theme
Mozilla Public License 2.0
388 stars 16 forks source link
css firefox firefox-css firefox-style firefox-theme theme userchrome userchromecss
# Shina Fox - Make Firefox a Cozy Home Shina's Discord Welcome to Shina Fox, a project that seeks to transform your Firefox experience into something homely and comfortable. At the moment, it primarily focuses on theme development. Enjoy!

Set-up Guide πŸ› οΈ

Step 1: Sidebery Configuration πŸ¦”
#root.root {--tabs-font: 1rem Monospace;}
#root.root {--ctx-menu-font: 1rem Monospace;}
#root.root {--ctx-menu-min-width: 256px;}
#root.root {--ctx-menu-max-width: 9999px;}

/* unloaded tab title style */
.Tab[data-discarded="true"] .title {
    opacity: 80%;
}

/* adjustments */
#root.root {--tabs-indent: 16px;}
#root.root {--tabs-audio-btn-width: 32px;}
#root.root {--tabs-inner-gap: 4px;}

/*** hover effects ***/
#root:not(:hover) {
    --tabs-indent: 0px;
}
/* ident indicator ********************************************/
/* Settings > Tabs > Show marks to indicate tabs sub-tree levels > on */
.Tab .title {
    transition: margin-left 300ms ease;
}
.Tab:hover {
    --tabs-inner-gap: 8px;
}
.Tab:hover .title {
    margin-left: 8px;
}
Step 2: Firefox Configuration βš™οΈ
Configuration Parameter πŸ› οΈ Required Setting πŸŽ›οΈ
toolkit.legacyUserProfileCustomizations.stylesheets true
widget.gtk.ignore-bogus-leave-notify 1
floorp.browser.user.interface (Only if you are using Floorp) 1
browser.newtabpage.activity-stream.floorp.newtab.backdrop.blur.disable (Only if you are using Floorp) true
Step 3: Theme Selection 🎨
Step 4: File Installation πŸ—‚οΈ

Restart Firefox to experience your new cozy haven! πŸ’“πŸŽ‰

Feature Breakdown 🌟

Feature Name 🌈 Preview πŸ“Έ
Adaptive Theme
MacOS Buttons
Highlight Border
Auto Hide Sidebery
Minimal Extension Menu
Enchanted URL Bar
Custom Icon
Hovering Bookmark

Upcoming Improvements:

Project Section Current Status
Theme Released
Extension In Progress
Config In Progress
Guide In Progress

Appreciation 🌟:

Whilst I am a newbie in the world of programming, I've been using codes and inspiration of the community. Please check out their incredible work:

Credits πŸ“
Firefox Mod Blur - datguypiko
Firefox-ONE - Godiesc
And more...