4.5 KiB
4.5 KiB
Developer Documents for Firefox Custom
Table of Contents
Basics
The following documents may be helpful:
Firefox Source Code:
Firefox Documents:
- Mozilla Support: Firefox advanced customization and configuration options
- Mozilla Support: Profiles - Where Firefox stores your bookmarks, passwords and other user data
Test for non-Mac users:
If you have difficulty contributing, please feel free to click this link to explain.
I will help you as much as I know.
Project-Specific
Environment
git and yarn must be installed.
You can configure it as follows:
## clone repository
git clone https://github.com/black7375/Firefox-UI-Fix.git
cd ./Firefox-UI-Fix
## checkout branch
git checkout <BRANCH_NAME>
## env setup
yarn install
You can build with this command:
yarn build
You can check test and css validate:
## test - When you make mixin or function
# __tests__ directory, You can also find out how to use internal utils.
yarn test
## validate - Will be failed, this project uses non-standard features.
# Just use only for checking.
yarn validate
Project Structure
Rules
This is a rough guideline. (Not forced)
Advanced Customizing
Smart Bookmarks
Policies
Preference
User Custom CSS
Basics
userChrome.css file is for browser UI, userContent.css file is for web contents.
Unlike User config, they are located in <FIREFOX_PROFILE>/chrome/.
Start Guide:
- What is userChrome.css? What can it do?
- How to Create a userChrome.css File
- Where to Find Style Recipes
CSS, SASS Documents:
- MDN: CSS
- MDN: Introducing the CSS Cascade
- MDN: Introducing the CSS Specific
- SASS(SCSS)
- SASS Live Compile
Live Debugging:
Advanced CSS keywords: