Clean: Move lepton stylesheets into their own files

- `userChrome.css` -> `css/leptonChrome.css`
- `userContent.css` -> `css/leptonContent.css`

This allows users to easily update lepton while still keepping their
own custom styles

Co-authored-by: anzz1 <>

docs/Project_Structure.md

@@ -90,12 +90,6 @@ CSS settings are relatively simple.
 - `userChrome-overrides.css` at `<Firefox_Profile>/chrome/`
 - `userContent-overrides.css` at `<Firefox_Profile>/chrome/`
 
-Then, activate the following options:
-- `userChrome.overrides` to `true`
-- `userContent.overrides` to `true`
-
-It is now loading, and there is no need to manage the version control to the `userChrome.css` and `userContents.css` file.
-
 `user-overrides.js` needs to use a shell script and has some priorities.
 - `<Firefox_Profile>/user-overrides.js`
 - `./user-overrides.js` (Will be copied `<Firefox_Profile>/chrome/`)

package.json

@@ -14,10 +14,10 @@
   },
   "homepage": "https://github.com/black7375/Firefox-UI-Fix#readme",
   "scripts": {
-    "build": "sass --no-source-map src/userChrome.scss ./userChrome.css && sass --no-source-map src/userContent.scss ./userContent.css && prettier --write userChrome.css userContent.css",
+    "build": "sass --no-source-map src/leptonChrome.scss css/leptonChrome.css && sass --no-source-map src/leptonContent.scss css/leptonContent.css && prettier --write css/leptonChrome.css css/leptonContent.css",
     "format": "prettier --write .",
     "test": "jest",
-    "validate": "csstree-validator userChrome.css; csstree-validator userContent.css"
+    "validate": "csstree-validator css/leptonChrome.css; csstree-validator css/leptonContent.css"
   },
   "devDependencies": {
     "csstree-validator": "^3.0.0",

waterfox.sh

@@ -7,5 +7,5 @@ replace_icon_path() {
   file=$1
   sed -i "s/\.\/icons\//chrome:\/\/browser\/skin\/lepton\//g" "${file}"
 }
-replace_icon_path userChrome.css
-replace_icon_path userContent.css
+replace_icon_path css/leptonChrome.css
+replace_icon_path css/leptonContent.css