init

packages/waybar/style.css

@@ -0,0 +1,78 @@
+@import "mocha.css";
+
+* {
+	border: none;
+	border-radius: 0;
+	font-family: "Fira Code";
+	font-weight: bold;
+	font-size: 13px;
+	min-height: 0;
+}
+
+window#waybar {
+/*	background: rgba(0,130,130,0); */
+	background: @base;
+}
+
+#clock,
+#workspaces,
+#window,
+#cpu,
+#memory,
+#network,
+#pulseaudio,
+#battery{
+	background: rgba(10,10,10,100);
+	opacity: 0.8;
+/*	color: #00ffff; */
+	color: @text;
+	padding: 0px 10px ;
+	margin: 3px 0px;
+}
+
+#workspaces button{
+	color: #00ffff;
+	border-radius: 7px;
+	margin: 3px 0px;
+	margin-left: 6px;
+}
+
+#workspaces button.focused{
+	background: #00ffff;
+	color: #000000;
+	opacity: 0.8;
+	transition: 0.3s;
+}
+
+#workspaces button:hover{
+	background: #ffffff;
+	color: #000000;
+	opacity: 0.8;
+	transition: 0.5s;
+}
+
+#window{
+	border-radius: 10px;
+}
+
+#waybar.empty #window {
+	background: none;
+}
+
+#network{
+	border-radius: 10px 0px 0px 10px;
+}
+
+#pulseaudio{
+	border-radius: 0px 10px 10px 0px;
+	margin-right: 5px
+}
+
+#workspaces{
+	border-radius: 0px 10px 10px 0px;
+}
+
+#clock{
+	border-radius: 10px 0px 0px 10px;
+	margin-left: 5px
+}