| .. | ||
| Omni_ja.md | ||
| Preference.md | ||
| Project_Structure.md | ||
| README.md | ||
| Restrictions.md | ||
| Rules.md | ||
| Smart_Bookmarks.md | ||
Develper Documents for Firefox Custom
Table of Contents
Basics
The following documents may be helpful:
Firefox Source Code:
Firefox Documents:
- Support Mozilla: Firefox advanced customization and configuration options
- Support Mozilla: Profiles - Where Firefox stores your bookmarks, passwords and other user data
Test for None mac users:
Project-Specific
Environment
git and yarn should 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__ direcory, 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 <FIREFPX_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:
Live Debugging:
Advanced CSS keywords: