diff --git a/extra/README.md b/extra/README.md
index a68b4ec..56a0cf7 100644
--- a/extra/README.md
+++ b/extra/README.md
@@ -83,7 +83,6 @@ reload_cmd = ''
 import = ["clrsync.toml"]
 ```
 
-
 ### Ghostty
 
 **1. Download [template file](templates/ghostty)**
@@ -102,4 +101,42 @@ reload_cmd = 'pkill -SIGUSR2 ghostty'
 
 ```toml
 theme = "clrsync"
-```
\ No newline at end of file
+```
+
+### Visual Studio Code
+
+**1. Install [clrsync VS Code theme](https://marketplace.visualstudio.com/items?itemName=obsqrbtz.clrsync)**
+
+**2. Download [template file](templates/code.json)**
+
+**3. Configure template in `~/.config/clrsync/config.toml`**
+
+```toml
+[templates.vscode]
+enabled = true
+input_path = '~/.config/clrsync/templates/code.json'
+output_path = '~/.vscode/extensions/obsqrbtz.clrsync-1.0.2/themes/clrsync-color-theme.json'
+reload_cmd = ''
+```
+
+**4. Set `clrsync` color scheme in VS Code**
+
+### Firefox
+
+**1. Go to `about:config` and set `toolkit.legacyUserProfileCustomizations.stylesheets` to `true`
+
+**2. Go to `about:support` and find your profile directory
+
+**3. Create `chrome` directory in your profile
+
+**4. Get [template file](templates/userChrome.css)
+
+**4. Configure clrsync to output to `<profile>/chrome/userChrome.css`
+
+```toml
+[templates.firefox]
+enabled = true
+input_path = '~/.config/clrsync/templates/firefox.json'
+output_path = '<profile directory>\chrome\userChrome.css'
+reload_cmd = ''
+```
diff --git a/extra/templates/userChrome.css b/extra/templates/userChrome.css
new file mode 100644
index 0000000..7ca306c
--- /dev/null
+++ b/extra/templates/userChrome.css
@@ -0,0 +1,109 @@
+/* clrsync Firefox Theme */
+/* Place in: <Firefox Profile>/chrome/userChrome.css */
+/* Enable: about:config -> toolkit.legacyUserProfileCustomizations.stylesheets = true */
+
+:root {
+  --lwt-accent-color: {background} !important;
+  --lwt-text-color: {foreground} !important;
+
+  --toolbar-bgcolor: {surface} !important;
+  --toolbar-color: {on_surface} !important;
+  --toolbarbutton-hover-background: {surface_variant} !important;
+  --toolbarbutton-active-background: {border_focused} !important;
+  --toolbarbutton-icon-fill: {on_surface} !important;
+
+  --tab-selected-bgcolor: {surface} !important;
+  --tab-selected-textcolor: {foreground} !important;
+  --tab-loading-fill: {accent} !important;
+  --lwt-tab-text: {foreground} !important;
+  --tab-line-color: {accent} !important;
+
+  --urlbar-box-bgcolor: {surface_variant} !important;
+  --urlbar-box-text-color: {on_surface} !important;
+  --urlbar-box-hover-bgcolor: {surface} !important;
+  --urlbar-box-focus-bgcolor: {surface} !important;
+  --urlbar-popup-url-color: {editor_link} !important;
+
+  --arrowpanel-background: {surface} !important;
+  --arrowpanel-color: {on_surface} !important;
+  --arrowpanel-border-color: {border} !important;
+  --panel-separator-color: {border} !important;
+
+  --sidebar-background-color: {background} !important;
+  --sidebar-text-color: {foreground} !important;
+  --sidebar-border-color: {border} !important;
+
+  --toolbar-field-focus-background-color: {surface} !important;
+  --toolbar-field-focus-color: {on_surface} !important;
+  --toolbar-field-focus-border-color: {accent} !important;
+}
+
+#TabsToolbar {
+  background-color: {background} !important;
+}
+
+.tab-background[selected="true"] {
+  background-color: {surface} !important;
+}
+
+.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]) {
+  background-color: {surface_variant} !important;
+}
+
+.tab-line {
+  background-color: {accent} !important;
+}
+
+#nav-bar {
+  background-color: {surface} !important;
+}
+
+#urlbar-background {
+  background-color: {surface_variant} !important;
+  border-color: {border} !important;
+}
+
+#urlbar[focused="true"] > #urlbar-background {
+  background-color: {surface} !important;
+  border-color: {accent} !important;
+}
+
+#urlbar-input {
+  color: {on_surface} !important;
+}
+
+#PersonalToolbar {
+  background-color: {surface} !important;
+}
+
+menupopup, panel {
+  --panel-background: {surface} !important;
+  --panel-color: {on_surface} !important;
+}
+
+menupopup {
+  background-color: {surface} !important;
+  color: {on_surface} !important;
+}
+
+menuitem:hover, menu:hover {
+  background-color: {surface_variant} !important;
+}
+
+#sidebar-box {
+  background-color: {background} !important;
+}
+
+#sidebar-header {
+  background-color: {surface} !important;
+  border-bottom-color: {border} !important;
+}
+
+findbar {
+  background-color: {surface} !important;
+  color: {on_surface} !important;
+}
+
+* {
+  scrollbar-color: {surface_variant} {background} !important;
+}
diff --git a/src/core/common/version.hpp b/src/core/common/version.hpp
index 3c41f39..cff7c36 100644
--- a/src/core/common/version.hpp
+++ b/src/core/common/version.hpp
@@ -6,7 +6,7 @@
 namespace clrsync::core
 {
 
-const std::string GIT_SEMVER = "1.0.1+git.ge256dca";
+const std::string GIT_SEMVER = "1.0.1+git.gd722499";
 
 const std::string version_string();
 } // namespace clrsync::core