diff --git a/userContent-files/webextension-tweaks/uBlockOrigin.css b/userContent-files/webextension-tweaks/uBlockOrigin.css
new file mode 100644
index 0000000..13f9ba5
--- /dev/null
+++ b/userContent-files/webextension-tweaks/uBlockOrigin.css
@@ -0,0 +1,97 @@
+@-moz-document url-prefix("moz-extension://de835161-ee69-c14d-9940-203fbacf2276/") {
+
+  /* header */
+  #appinfo {
+      background-color: var(--grey-80) !important;
+      color: var(--primary-light-color) !important;
+  }
+
+  /* Right Column */
+  body[dir="ltr"] #panes > div {
+    background: var(--grey-70) !important;
+    color: var(--primary-light-color) !important;
+  }
+  
+  body, #panes {
+    background: var(--grey-70) !important;
+  }
+  
+
+  /* Power Switch */
+  #switch .fa {
+    color: var(--primary-accent-color) !important;
+  }
+
+  /* Power Switch - Off */
+  body.off #switch .fa {
+      color: var(--primary-light-color) !important;
+  }
+  
+  /* Tool Buttons */
+  .tool {
+    color: var(--primary-light-color) !important;
+  }
+  
+  .tool:hover {
+    color: var(--grey-80) !important;
+  }
+
+  /* Stripped row */
+  h2,
+  #extraTools {
+    background-color: var(--grey-80) !important;
+    color: var(--primary-light-color) !important;
+  }
+
+  /* Refresh Button */
+  #refresh {
+    background-color: var(--grey-80) !important;
+    border-color: var(--grey-50) !important;
+  }
+
+  /* Badge number */
+  #extraTools > span > span.badge {
+    color: var(--primary-light-color) !important;
+  }
+
+  /* Firewall Container */
+  #firewallContainer > div {
+    background-color: var(--grey-60) !important;
+  }
+
+  #firewallContainer > div > span {
+    color: var(--primary-light-color) !important;
+    border-color: var(--grey-50) !important;
+  }
+
+  body.advancedUser #firewallContainer > div > span.blockRule.ownRule {
+    background-color: var(--red-80) !important;
+  }
+
+  body.advancedUser #firewallContainer > div > span.blockRule {
+    background-color: var(--red-90) !important;
+  }
+
+  body.advancedUser #firewallContainer > div > span.allowRule.ownRule {
+    background-color: var(--green-70) !important;
+  }
+
+  body.advancedUser #firewallContainer > div > span.allowRule {
+    background-color: var(--green-80) !important;
+  }
+
+
+  #firewallContainer > div.blocked > span:first-of-type::before, #firewallContainer.minimized > div.isDomain.totalBlocked > span:first-of-type::before {
+    background-color: var(--red-80) !important;
+  }
+
+  #firewallContainer > div.allowed > span:first-of-type::before,
+  #firewallContainer.minimized > div.isDomain.totalAllowed > span:first-of-type::before {
+    background-color: var(--green-80) !important;
+  }
+  
+  
+  
+
+
+}
diff --git a/userContent.css b/userContent.css
index b4ba231..04891c0 100644
--- a/userContent.css
+++ b/userContent.css
@@ -961,6 +961,106 @@
     color: var(--primary-light-color) !important;
   }
 }
+@-moz-document url-prefix("moz-extension://de835161-ee69-c14d-9940-203fbacf2276/")  {
+  /* header */
+
+  #appinfo {
+    background-color: var(--grey-80) !important;
+    color: var(--primary-light-color) !important;
+  }
+
+  /* Right Column */
+
+  body[dir="ltr"] #panes > div {
+    background: var(--grey-70) !important;
+    color: var(--primary-light-color) !important;
+  }
+
+  body,
+  #panes {
+    background: var(--grey-70) !important;
+  }
+
+  /* Power Switch */
+
+  #switch .fa {
+    color: var(--primary-accent-color) !important;
+  }
+
+  /* Power Switch - Off */
+
+  body.off #switch .fa {
+    color: var(--primary-light-color) !important;
+  }
+
+  /* Tool Buttons */
+
+  .tool {
+    color: var(--primary-light-color) !important;
+  }
+
+  .tool:hover {
+    color: var(--grey-80) !important;
+  }
+
+  /* Stripped row */
+
+  h2,
+  #extraTools {
+    background-color: var(--grey-80) !important;
+    color: var(--primary-light-color) !important;
+  }
+
+  /* Refresh Button */
+
+  #refresh {
+    background-color: var(--grey-80) !important;
+    border-color: var(--grey-50) !important;
+  }
+
+  /* Badge number */
+
+  #extraTools > span > span.badge {
+    color: var(--primary-light-color) !important;
+  }
+
+  /* Firewall Container */
+
+  #firewallContainer > div {
+    background-color: var(--grey-60) !important;
+  }
+
+  #firewallContainer > div > span {
+    color: var(--primary-light-color) !important;
+    border-color: var(--grey-50) !important;
+  }
+
+  body.advancedUser #firewallContainer > div > span.blockRule.ownRule {
+    background-color: var(--red-80) !important;
+  }
+
+  body.advancedUser #firewallContainer > div > span.blockRule {
+    background-color: var(--red-90) !important;
+  }
+
+  body.advancedUser #firewallContainer > div > span.allowRule.ownRule {
+    background-color: var(--green-70) !important;
+  }
+
+  body.advancedUser #firewallContainer > div > span.allowRule {
+    background-color: var(--green-80) !important;
+  }
+
+  #firewallContainer > div.blocked > span:first-of-type::before,
+  #firewallContainer.minimized > div.isDomain.totalBlocked > span:first-of-type::before {
+    background-color: var(--red-80) !important;
+  }
+
+  #firewallContainer > div.allowed > span:first-of-type::before,
+  #firewallContainer.minimized > div.isDomain.totalAllowed > span:first-of-type::before {
+    background-color: var(--green-80) !important;
+  }
+}
 @-moz-document url-prefix("https://addons.mozilla.org")  {
   /* Header & Footer */
 
diff --git a/userContent_imports.css b/userContent_imports.css
index 40d7a98..8625155 100644
--- a/userContent_imports.css
+++ b/userContent_imports.css
@@ -5,7 +5,7 @@
 
 
 
-/* Import about page files 
+/* Import about page files
  * Recomended for everyone using the dark theme */
 @import "userContent-files/about_pages/about.css";
 @import "userContent-files/about_pages/accounts.css";
@@ -27,18 +27,13 @@
 @import "userContent-files/about_pages/healthreport.css";
 
 
-
-
-
-
-
 /* Import Relevant webextension tweaks here
  * IMPORTANT: If used, change the Internal UUID in the corresponding css file */
 @import "userContent-files/webextension-tweaks/tree_style_tabs.css";
 @import "userContent-files/webextension-tweaks/stylus.css";
 @import "userContent-files/webextension-tweaks/multiple_tabs_handler.css";
 @import "userContent-files/webextension-tweaks/dark_mode.css";
-
+@import "userContent-files/webextension-tweaks/uBlockOrigin.css";
 
 
 /* Import relevent website dark themes */