updated guides/live-editing.md

.idea/discord.xml

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="DiscordProjectSettings">
+    <option name="show" value="ASK" />
+    <option name="description" value="" />
+    <option name="applicationTheme" value="default" />
+    <option name="iconsTheme" value="default" />
+    <option name="button1Title" value="" />
+    <option name="button1Url" value="" />
+    <option name="button2Title" value="" />
+    <option name="button2Url" value="" />
+    <option name="customApplicationId" value="" />
+  </component>
+</project>

.idea/docs.iml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,20 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="PyPep8NamingInspection" enabled="true" level="WEAK WARNING" enabled_by_default="true">
+      <option name="ignoredErrors">
+        <list>
+          <option value="N806" />
+          <option value="N802" />
+        </list>
+      </option>
+    </inspection_tool>
+    <inspection_tool class="PyUnresolvedReferencesInspection" enabled="true" level="WARNING" enabled_by_default="true">
+      <option name="ignoredIdentifiers">
+        <list>
+          <option value="tkmacosx.widgets.button.Button.config" />
+        </list>
+      </option>
+    </inspection_tool>
+  </profile>
+</component>

.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/docs.iml" filepath="$PROJECT_DIR$/.idea/docs.iml" />
+    </modules>
+  </component>
+</project>

.idea/prettier.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="PrettierConfiguration">
+    <option name="myConfigurationMode" value="AUTOMATIC" />
+  </component>
+</project>

.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

content/.obsidian/workspace.json

@@ -13,7 +13,7 @@
             "state": {
               "type": "markdown",
               "state": {
-                "file": "contribute/docs.md",
+                "file": "guides/live-editing.md",
                 "mode": "source",
                 "source": true
               }
@@ -85,7 +85,7 @@
             "state": {
               "type": "backlink",
               "state": {
-                "file": "contribute/docs.md",
+                "file": "guides/live-editing.md",
                 "collapseAll": false,
                 "extraContext": false,
                 "sortOrder": "alphabetical",
@@ -102,7 +102,7 @@
             "state": {
               "type": "outgoing-link",
               "state": {
-                "file": "contribute/docs.md",
+                "file": "guides/live-editing.md",
                 "linksCollapsed": false,
                 "unlinkedCollapsed": true
               }
@@ -125,7 +125,7 @@
             "state": {
               "type": "outline",
               "state": {
-                "file": "contribute/docs.md"
+                "file": "guides/live-editing.md"
               }
             }
           }
@@ -146,12 +146,14 @@
       "command-palette:Open command palette": false
     }
   },
-  "active": "fe7bf5045f52d84c",
+  "active": "5cbcc37181f7dca9",
   "lastOpenFiles": [
+    "faq.md",
+    "guides/live-editing.md",
+    "contribute/docs.md",
     "contribute/desktop.md",
     "contribute/CODE_OF_CONDUCT.md",
     "contribute/CONTRIBUTING.md",
-    "contribute/docs.md",
     "contribute/index.md",
     "contribute/translation.md",
     "contribute/www.md",
@@ -161,11 +163,9 @@
     "guides/install-macos.md",
     "building.md",
     "index.md",
-    "faq.md",
     "guides/index.md",
     "themes-store/index.md",
     "assets/macos-installation-guide/kofi-goal.jpg",
-    "guides/live-editing.md",
     "themes-store/themes-marketplace.md",
     "themes-store/themes-marketplace-preferences.md",
     "themes-store/themes-marketplace-submission-guidelines.md",

content/guides/live-editing.md

@@ -22,6 +22,13 @@ This [[guides/index|guide]] will help you customize the appearance of Zen Browse
 2. Navigate to the **Style Editor** tab.
 3. In the filter/search bar, type `userChrome` to locate the `userChrome.css` file you created earlier.
 
+>[!info] Enable Browser Developer Tools 
+>Afer Firefox version `131` the Browser Developer Tools is **disabled** by default for security.
+>1. Open the `about:config` page. This page contains advanced settings for the browser.
+>2. Search for `devtools.debugger.remote-enabled`
+>3. Toggle the setting to `true` by double-clicking on it
+
+
 ## Step 4: Edit the `userChrome.css` File
 
 1. The `userChrome.css` file should now be visible in the Style Editor.