From d154e9f3b80dc4ffdaa8d90a723f815e36b93c52 Mon Sep 17 00:00:00 2001
From: Jafeth Garro <45522320+IAmJafeth@users.noreply.github.com>
Date: Tue, 27 Aug 2024 20:12:05 -0600
Subject: [PATCH] updated guides/live-editing.md

---
 .idea/.gitignore                             |  0
 .idea/discord.xml                            | 14 ++++++++++++++
 .idea/docs.iml                               | 12 ++++++++++++
 .idea/inspectionProfiles/Project_Default.xml | 20 ++++++++++++++++++++
 .idea/modules.xml                            |  8 ++++++++
 .idea/prettier.xml                           |  6 ++++++
 .idea/vcs.xml                                |  6 ++++++
 content/.obsidian/workspace.json             | 16 ++++++++--------
 content/guides/live-editing.md               |  7 +++++++
 9 files changed, 81 insertions(+), 8 deletions(-)
 create mode 100644 .idea/.gitignore
 create mode 100644 .idea/discord.xml
 create mode 100644 .idea/docs.iml
 create mode 100644 .idea/inspectionProfiles/Project_Default.xml
 create mode 100644 .idea/modules.xml
 create mode 100644 .idea/prettier.xml
 create mode 100644 .idea/vcs.xml

diff --git a/.idea/.gitignore b/.idea/.gitignore
new file mode 100644
index 0000000..e69de29
diff --git a/.idea/discord.xml b/.idea/discord.xml
new file mode 100644
index 0000000..104c42f
--- /dev/null
+++ b/.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>
\ No newline at end of file
diff --git a/.idea/docs.iml b/.idea/docs.iml
new file mode 100644
index 0000000..24643cc
--- /dev/null
+++ b/.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>
\ No newline at end of file
diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml
new file mode 100644
index 0000000..d475826
--- /dev/null
+++ b/.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>
\ No newline at end of file
diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 0000000..6049cfe
--- /dev/null
+++ b/.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>
\ No newline at end of file
diff --git a/.idea/prettier.xml b/.idea/prettier.xml
new file mode 100644
index 0000000..b0c1c68
--- /dev/null
+++ b/.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>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..35eb1dd
--- /dev/null
+++ b/.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>
\ No newline at end of file
diff --git a/content/.obsidian/workspace.json b/content/.obsidian/workspace.json
index 3b7dd63..d749b53 100644
--- a/content/.obsidian/workspace.json
+++ b/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",
diff --git a/content/guides/live-editing.md b/content/guides/live-editing.md
index fb1bab5..d2e0a0d 100644
--- a/content/guides/live-editing.md
+++ b/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.