diff --git a/src/theme/_fully_dark.scss b/src/theme/_fully_dark.scss
new file mode 100644
index 0000000..b0ea783
--- /dev/null
+++ b/src/theme/_fully_dark.scss
@@ -0,0 +1,72 @@
+/*= Remove White Flash =======================================================*/
+#tabbrowser-tabbox,
+#tabbrowser-tabpanels,
+browser[type="content-primary"],
+browser[type="content"] > html {
+  background: var(--in-content-page-background) !important;
+}
+
+/*= Notification =============================================================*/
+@-moz-document url("chrome://global/content/alerts/alert.xhtml")
+{
+  /* Color */
+  :root {
+    --menu-color: #15141a;
+    --menu-background-color: #f9f9fb;
+    --menu-border-color: #cfcfd8;
+    --menuitem-hover-background-color: #e0e0e6;
+  }
+  @media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
+    :root {
+      --menu-border-color: rgba(107, 107, 107, 0.3);
+      --menu-color: #fbfbfe;
+      --menu-background-color: #2b2a33;
+      --menuitem-hover-background-color: #52525e;
+    }
+    #alertSourceLabel {
+      color: rgb(5, 209, 241) !important;
+    }
+  }
+
+  /* line below removes background from the notification "window" on linux */
+  #alertNotification {
+    background: transparent !important;
+  }
+
+  #alertBox {
+    color: var(--menu-color) !important;
+    background-color: var(--menu-background-color) !important;
+    border-color: var(--menu-border-color) !important;
+    border-radius: 6px !important;
+    -moz-window-shadow: cliprounded !important;
+  }
+  #alertSettings {
+    fill: currentColor !important;
+    color: inherit !important;
+    border-radius: 0 !important;
+    margin-inline: 0 !important;
+    margin-bottom: -4px !important;
+  }
+  .close-icon,
+  #alertSettings {
+    background: transparent !important;
+  }
+  .close-icon:hover > .toolbarbutton-icon,
+  #alertSettings:is(:hover, [open]) > .button-box > .box-inherit {
+    background-color: var(--menuitem-hover-background-color, #e0e0e6) !important;
+  }
+
+  /* Shape */
+  .close-icon > .toolbarbutton-icon,
+  #alertSettings > .button-box > .box-inherit {
+    border-radius: 4px !important;
+    padding: 2px !important;
+    margin: 2px 2px -2px 0 !important;
+  }
+  #alertSettings > .button-box > .box-inherit {
+    margin: -4px 4px 3px 0 !important;
+  }
+  #alertSettings > .button-box > .box-inherit > .button-icon {
+    padding: 1px;
+  }
+}
diff --git a/src/userChrome.scss b/src/userChrome.scss
index 43c1fea..bf939af 100644
--- a/src/userChrome.scss
+++ b/src/userChrome.scss
@@ -26,78 +26,7 @@
 @import "theme/fully_color";
 
 /* Fully Dark Mode ************************************************************/
-/*= Remove White Flash =======================================================*/
-#tabbrowser-tabbox,
-#tabbrowser-tabpanels,
-browser[type="content-primary"],
-browser[type="content"] > html {
-  background: var(--in-content-page-background) !important;
-}
-
-/*= Notification =============================================================*/
-@-moz-document url("chrome://global/content/alerts/alert.xhtml")
-{
-  /* Color */
-  :root {
-    --menu-color: #15141a;
-    --menu-background-color: #f9f9fb;
-    --menu-border-color: #cfcfd8;
-    --menuitem-hover-background-color: #e0e0e6;
-  }
-  @media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
-    :root {
-      --menu-border-color: rgba(107, 107, 107, 0.3);
-      --menu-color: #fbfbfe;
-      --menu-background-color: #2b2a33;
-      --menuitem-hover-background-color: #52525e;
-    }
-    #alertSourceLabel {
-      color: rgb(5, 209, 241) !important;
-    }
-  }
-
-  /* line below removes background from the notification "window" on linux */
-  #alertNotification {
-    background: transparent !important;
-  }
-
-  #alertBox {
-    color: var(--menu-color) !important;
-    background-color: var(--menu-background-color) !important;
-    border-color: var(--menu-border-color) !important;
-    border-radius: 6px !important;
-    -moz-window-shadow: cliprounded !important;
-  }
-  #alertSettings {
-    fill: currentColor !important;
-    color: inherit !important;
-    border-radius: 0 !important;
-    margin-inline: 0 !important;
-    margin-bottom: -4px !important;
-  }
-  .close-icon,
-  #alertSettings {
-    background: transparent !important;
-  }
-  .close-icon:hover > .toolbarbutton-icon,
-  #alertSettings:is(:hover, [open]) > .button-box > .box-inherit {
-    background-color: var(--menuitem-hover-background-color, #e0e0e6) !important;
-  }
-
-  /* Shape */
-  .close-icon > .toolbarbutton-icon,
-  #alertSettings > .button-box > .box-inherit {
-    border-radius: 4px !important;
-    padding: 2px !important;
-    margin: 2px 2px -2px 0 !important;
-  }
-  #alertSettings > .button-box > .box-inherit {
-    margin: -4px 4px 3px 0 !important;
-  }
-  #alertSettings > .button-box > .box-inherit > .button-icon {
-    padding: 1px;
-  }
-}
+@import "theme/fully_dark";
 
 /*= Proton Commons ===========================================================*/
 @-moz-document url("chrome://global/content/commonDialog.xhtml"),