1 files changed, 74 insertions, 0 deletions
diff --git a/.config/eww/bar.scss b/.config/eww/bar.scss
new file mode 100644
index 0000000..c3ae24c
--- /dev/null
+++ b/.config/eww/bar.scss
@@ -0,0 +1,74 @@
+.bar {
+	background-color: transparent;
+	color: $tx;
+	font-family: 'FiraCode Nerd Font';
+}
+
+.song, .cava {
+	background-color: $bg;
+	color: $tx;
+	padding: 0 16px;
+}
+
+.song {
+	border-radius: 24px 4px 4px 24px;
+}
+
+.cava {
+	border-radius: 4px 24px 24px 4px;
+}
+
+.status {
+	background-color: $bg;
+	border-radius: 999px;
+	padding: 0 12px;
+}
+
+.status > * {
+	margin: 0 8px;
+}
+
+.volume { color: $re; }
+.network { color: $or; }
+.brightness { color: $ye; }
+.battery { color: $gr; }
+.clock { color: $bl; }
+.power {
+	color: $pu;
+	font-size: 1.5em;
+}
+
+.tags {
+	background-color: $bg;
+	border-radius: 999px;
+	padding: 8px;
+}
+
+.tags button {
+	color: $tx;
+	border: 2.5px solid $ui3;
+	border-radius: 999px;
+	padding: 8px 8px;
+	margin: 0 3px;
+}
+
+.tags .focused {
+	background-color: $ui3;
+}
+
+.tags .occupied {
+	border-color: $re;
+}
+
+.tags .occupied.focused {
+	background-color: $re;
+}
+
+scale {
+	padding: 0 16px;
+}
+
+scale trough {
+	min-width: 100px;
+	background-color: $re;
+}