first commit

waybar/style.css

@@ -0,0 +1,121 @@
+* {
+	/* `otf-font-awesome` is required to be installed for icons */
+	font-family: FontAwesome, Roboto, Helvetica, Arial, sans-serif;
+	font-size: 14px;
+	min-height: 0;
+	margin: 0;
+	padding: 0;
+}
+
+window#waybar {
+	background: rgba(0, 0, 0, 0.2);
+	margin: 0;
+	padding: 0;
+}
+
+/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
+button:hover {
+	background: transparent;
+	box-shadow: inherit;
+	text-shadow: inherit;
+}
+
+#workspaces {
+	margin: 8px 2px;
+}
+
+#workspaces button:first-child, #workspaces button.active:first-child {
+	border-top-left-radius: 9999px;
+	border-bottom-left-radius: 9999px;
+	border-width: 3px 0 3px 3px;
+	padding-left: 13px;
+	border-color: #C1B3BB;
+}
+
+#workspaces button:last-child, #workspaces button.active:last-child {
+	border-top-right-radius: 9999px;
+	border-bottom-right-radius: 9999px;
+	border-width: 3px 3px 3px 0;
+	padding-right: 13px;
+	border-color: #C1B3BB;
+}
+
+#workspaces button {
+	margin: 0;
+	padding: 2px 10px 0 10px;
+	border: 3px solid #C1B3BB;
+	border-width: 3px 0;
+	border-radius: 0;
+	background: rgba(255, 255, 255, 0.1);
+	transition: background 0.5s ease, color 0.5s ease;
+}
+
+#workspaces button.active {
+	background: #C1B3BB;
+	color: black;
+}
+
+#workspaces button:hover {
+	background: rgba(255, 255, 255, 0.2);
+}
+
+#workspaces button.active:hover {
+	background: #C1B3BB;
+}
+
+#clock,
+#custom-date,
+#custom-arch,
+#battery,
+#cpu,
+#memory,
+#disk,
+#temperature,
+#backlight,
+#network,
+#pulseaudio,
+#wireplumber,
+#custom-media,
+#tray,
+#mode,
+#idle_inhibitor,
+#scratchpad,
+#power-profiles-daemon,
+#window,
+#custom-power,
+#language,
+#mpd {
+	margin: 8px 2px;
+	padding: 0 18px 0 18px;
+	color: black;
+	background: rgba(255, 255, 255, 0.7);
+	border-radius: 9999px;
+}
+
+/* If workspaces is the leftmost module, omit left margin */
+.modules-left > widget:first-child > #workspaces {
+	margin-left: 0;
+}
+
+/* If workspaces is the rightmost module, omit right margin */
+.modules-right > widget:last-child > #workspaces {
+    margin-right: 0;
+}
+
+#clock {
+	padding: 0;
+	margin: 0;
+	font-family: Curved Square;
+	font-size: 50px;
+	color: rgba(255, 255, 255, 0.7);
+	background: transparent;
+}
+
+#language {
+    background: rgba(255, 255, 255, 0.7);
+}
+
+#custom-power {
+	padding: 0;
+	font-size: 20px;
+}