diff --git a/.config/eww/eww.scss b/.config/eww/eww.scss
new file mode 100644
index 0000000..a27cb7a
--- /dev/null
+++ b/.config/eww/eww.scss
@@ -0,0 +1,71 @@
+* {
+	all: unset;
+	font-family: 'monospace';
+	font-size: 16px;
+	font-feature-settings: 'tnum';
+	color: #FFF;
+}
+
+/** tooltip!! **/
+tooltip.background {
+    background-color: #0f0f17;
+    font-size: 18;
+    border-radius: 10px;
+    color: #bfc9db;
+}
+
+tooltip label {
+    margin: 6px;
+}
+
+.csd.background.popup { /* SysTray popup */
+    background-color: black;
+
+    separator {
+        padding-bottom: 8px;
+    }
+
+    menuitem:hover {
+        background-color: red;
+    }
+}
+
+.bar {
+	background-color: rgba(43, 48, 59, 1);
+}
+
+.end {
+	> box {
+		padding: 0 8px;
+
+		> label:first-child {
+			padding-right: 16px;
+		}
+	}
+
+	label:last-child {
+		margin-right: 12px;
+	}
+
+	box label:last-child {
+		margin-left: 12px;
+	}
+}
+
+.workspaces button {
+	label {
+		padding: 0 13px;
+	}
+
+	&:hover {
+		background: rgba(0, 0, 0, 0.2);
+	}
+
+	&.active {
+		background: rgba(0, 0, 0, 0.4);
+	}
+
+	&:hover, &.active {
+		box-shadow: inset 0 -3px #FAA14F;
+	}
+}