diff --git a/eww/eww.scss b/eww/eww.scss
index ab04927..1b18452 100644
--- a/eww/eww.scss
+++ b/eww/eww.scss
@@ -1,47 +1 @@
-@import 'widgets';
-
-* {
-  all: unset;
-}
-
-tooltip {
-  background: #2E3440;
-  color: #E5E6E7;
-  border-radius: 1.5rem 1rem;
-  border: 1px solid #6F7175;
-}
-
-.popup {
-  background: #2E3440;
-  color: #E5E6E7;
-  border: 1px solid #6F7175;
-}
-
-.popup menuitem:hover {
-  background: grey;
-}
-
-window {
-  background: transparent;
-  color: transparent;
-
-  * {
-    font-family: 'Inconsolata Go Nerd Font';
-    font-size: 0.85rem;
-    border-radius: 1.5rem 1rem;
-    padding: 2px 6px;
-  }
-
-  /* Modules */
-  .left {
-    //background: orange;
-  }
-
-  .center {
-    //background: blue;
-  }
-
-  .right {
-    //background: yellow;
-  }
-}
+@import 'topbar_dp2.scss';
diff --git a/eww/eww.yuck b/eww/eww.yuck
index 41fccfb..49c4571 100644
--- a/eww/eww.yuck
+++ b/eww/eww.yuck
@@ -1,50 +1 @@
-(include "./widgets.yuck")
-
-(defwindow topbar_DP-2
-  :monitor "DP-2"
-  :geometry (geometry :x "0%"
-             :y "0%"
-             :width "90%"
-             :height "10px"
-             :anchor "top center")
-  :stacking "bg"
-  :exclusive true
-  :reserve (struts :side "top" :distance "4%")
-  :windowtype "dock"
-  (bar0))
-
-(defwidget bar0 []
-  (centerbox :orientation "h"
-    (left)
-    (center)
-    (right)))
-
-(defwidget left []
-  (box :orientation 'h'
-       :class: 'left'
-       :space-evenly false
-       :spacing 5
-       :halign 'start'
-   (hypr_workspaces)
-   (hypr_active_window)))
-    
-
-(defwidget center []
-  (box :orientation 'h'
-       :class 'center'
-       :space-evenly false
-       :spacing 5
-   (media)
-   (sysmon)))
-
-(defwidget right []
-  (box
-    :orientation 'h'
-    :class 'right'
-    :space-evenly false
-    :spacing 5
-    :halign 'end'
-    (hyprsunset)
-    (datetime)
-    (stray)
-    (swaync)))
+(include "./topbar_dp2.yuck")
diff --git a/eww/topbar_dp2.scss b/eww/topbar_dp2.scss
new file mode 100644
index 0000000..ab04927
--- /dev/null
+++ b/eww/topbar_dp2.scss
@@ -0,0 +1,47 @@
+@import 'widgets';
+
+* {
+  all: unset;
+}
+
+tooltip {
+  background: #2E3440;
+  color: #E5E6E7;
+  border-radius: 1.5rem 1rem;
+  border: 1px solid #6F7175;
+}
+
+.popup {
+  background: #2E3440;
+  color: #E5E6E7;
+  border: 1px solid #6F7175;
+}
+
+.popup menuitem:hover {
+  background: grey;
+}
+
+window {
+  background: transparent;
+  color: transparent;
+
+  * {
+    font-family: 'Inconsolata Go Nerd Font';
+    font-size: 0.85rem;
+    border-radius: 1.5rem 1rem;
+    padding: 2px 6px;
+  }
+
+  /* Modules */
+  .left {
+    //background: orange;
+  }
+
+  .center {
+    //background: blue;
+  }
+
+  .right {
+    //background: yellow;
+  }
+}
diff --git a/eww/topbar_dp2.yuck b/eww/topbar_dp2.yuck
new file mode 100644
index 0000000..41fccfb
--- /dev/null
+++ b/eww/topbar_dp2.yuck
@@ -0,0 +1,50 @@
+(include "./widgets.yuck")
+
+(defwindow topbar_DP-2
+  :monitor "DP-2"
+  :geometry (geometry :x "0%"
+             :y "0%"
+             :width "90%"
+             :height "10px"
+             :anchor "top center")
+  :stacking "bg"
+  :exclusive true
+  :reserve (struts :side "top" :distance "4%")
+  :windowtype "dock"
+  (bar0))
+
+(defwidget bar0 []
+  (centerbox :orientation "h"
+    (left)
+    (center)
+    (right)))
+
+(defwidget left []
+  (box :orientation 'h'
+       :class: 'left'
+       :space-evenly false
+       :spacing 5
+       :halign 'start'
+   (hypr_workspaces)
+   (hypr_active_window)))
+    
+
+(defwidget center []
+  (box :orientation 'h'
+       :class 'center'
+       :space-evenly false
+       :spacing 5
+   (media)
+   (sysmon)))
+
+(defwidget right []
+  (box
+    :orientation 'h'
+    :class 'right'
+    :space-evenly false
+    :spacing 5
+    :halign 'end'
+    (hyprsunset)
+    (datetime)
+    (stray)
+    (swaync)))