Shina Fox Download - Shina Fox Source code download

Shina Fox

Other source code

Shina

Download

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 ?

Firstly, install the Sidebery Addon.
Navigate to Sidebery's Settings --> Navigation bar ?
Turn off the Show navigation bar in one line option.
Proceed to Sidebery's Setting --> Style editor ?
Finally, copy and paste the following CSS code snippet into the provided space:

#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

In the URL bar, enter about:config (Accept the Risk and Continue)
Adjust the configuration as per the following table:

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 ?

In the URL bar, type about:addons
Navigate to the Theme section and select ‘Dark’, ‘Light’, or any other preferred theme. Ensure it is not the System theme - auto.

Step 4: File Installation

Enter about:profiles in the URL bar
Identify your current profile and click on Open Directory in the Root Directory section
Create a chrome folder if one doesn't already exist
Download the latest version
Unzip the downloaded files and transfer them into the chrome folder

Restart Firefox to experience your new cozy haven! ??