updated to 120

.gitignore

@@ -24,6 +24,8 @@ dist-ssr
 
 # ignore
 node_modules
+yarn.lock
+package-lock.json
+pnpm-lock.yaml
 *.zip
-custom-chrome.css
-custom-content.css
+custom.css

README.md

@@ -92,6 +92,10 @@ To disable, search by name and remove the preference:
     <td><code>userChrome.default-theme-colors</code></td>
     <td>Use the default Firefox colors. This can be useful if you want use with <a href="https://addons.mozilla.org/firefox/addon/adaptive-tab-bar-colour/" _blank>Adaptive Tab Bar Color</a> or native Firefox themes</td>
   </tr>
+  <tr>
+    <td><code>userChrome.system-accent-colors</code></td>
+    <td>Use system accent colors</td>
+  </tr>
   <tr>
     <td><code>userChrome.force-enable-animations</code></td>
     <td>Force enable control animation, because by default respects the user animation disable preference. <em>(Not required if you do not disable animation)</em></td>
@@ -110,12 +114,8 @@ Additionally, if you want to change some colors, you can override the default va
 
 Follow this steps:
 
-1. Find and rename in the root folder:
-
-- `custom-chrome_example.css` to `custom-chrome.css`
-- `custom-content_example.css` to `custom-content.css` _(this is for the "New Tab" page)_
-
-2. Open `custom-base.css` in a text editor
+1. Find and rename in the root folder `custom_example.css` to `custom.css`
+2. Open `custom.css` in a text editor
 3. Find the desired variable
 4. Add your values, for example, set the accent color to red:
 
@@ -132,8 +132,6 @@ body {
 
 Using these custom css files can separate your changes from the source project and you can easily backup your files and don't worry about overwriting your changes if you want to update or reinstall the main files.
 
-You can also find pre-made color schemes in the `color-schemes` folder in this repo.
-
 #### Available variables
 
 <table>
@@ -207,8 +205,6 @@ You can also find pre-made color schemes in the `color-schemes` folder in this r
 
 - Replacing the font with your own, change `"YourFontName"` to the name of your font:
 
-  _custom-chrome.css_
-
   ```css
   :root,
   html,
@@ -223,29 +219,8 @@ You can also find pre-made color schemes in the `color-schemes` folder in this r
   }
   ```
 
-  _custom-content.css_
-
-  ```css
-  /* only for about:* pages */
-  @-moz-document regexp("about:(?!blank|devtools).*") {
-    :root,
-    html,
-    body {
-      /* add your css below */
-    }
-
-    *,
-    *::before,
-    *::after {
-      font-family: "YourFontName" !important;
-    }
-  }
-  ```
-
 - Remove the separator line between browser and content:
 
-  _custom-chrome.css_
-
   ```css
   :root,
   html,

chrome/custom-base.css → chrome/custom_example.css

@@ -2,4 +2,5 @@
 html,
 body {
     /* add your css below */
+
 }

chrome/userChrome.css

@@ -1,2 +1,2 @@
 @import "user-chrome.css";
-@import "custom-chrome.css";
+@import "custom.css";

chrome/userContent.css

@@ -1,2 +1,2 @@
 @import "user-content.css";
-@import "custom-content.css";
+@import "custom.css";