Add bottom bar config

1 files changed, 100 insertions, 0 deletions

diff --git a/style.css b/style.css
new file mode 100644
index 0000000..8186f91
--- /dev/null
+++ b/style.css
@@ -0,0 +1,100 @@
+/* GTK Colours */
+@define-color fg #eee;
+@define-color mg #888;
+@define-color bg #000;
+
+* {
+	font-family: "Hack Nerd Font", monospace;
+	font-size: 0.98em;
+	font-weight: normal;
+	text-shadow: none;
+	box-shadow: none;
+	transition-property: background;
+	transition-duration: .5s;
+}
+
+/* Colours */
+/* #clock { color: lightblue; } */
+/* #clock.calendar { color: pink; }*/
+/* #wireplumber { color: #f1c40f; }*/
+/* #battery { color: mediumpurple; }*/
+/* #network.linked{ color: seagreen; }*/
+/* #network.disconnected{ color: red; }*/
+/* #bluetooth { color: royalblue; }*/
+
+/* Bar */
+window#waybar {
+	color: @fg;
+	background: rgba(0,0,0,0.85);
+	border-top: 1px solid rgba(255,255,255,0.3);
+}
+
+window#waybar.hidded {
+	opacity: 0.0;
+}
+
+/* Labels */
+label.module {
+	padding: 8px 10px 5px 10px;
+}
+
+label:hover {
+	color: white;
+}
+
+/* Tray */
+#tray {
+	background: @bg;
+	border: 1px solid @fg;
+	border-radius: 5px;
+	padding: 0 8px;
+}
+
+/* MENU */
+#custom-menu {
+	padding:0 18px 0 14px;
+}
+
+#custom-menu:hover {
+	background: @fg;
+	color: @bg;
+}
+
+/* TASKBAR */
+/*
+#taskbar button {
+	color: @mg;
+	padding: 4px 10px 4px 10px;
+	border-radius: 0;
+}
+#taskbar button:hover {
+	color: @bg;
+	background: @fg;
+}
+*/
+
+
+/* WORKSPACES & TASKBAR*/
+#workspaces button,
+#taskbar button {
+	color: @mg;
+	padding: 4px 10px 4px 10px;
+	border-radius: 0;
+	border:none;
+}
+
+#workspaces button:hover,
+#workspaces button.focused:hover,
+#taskbar button:hover {
+	color: @bg;
+	background: @fg;
+}
+
+#workspaces button.focused {
+	color: @fg;
+}
+
+#workspaces button.urgent {
+	color: red;
+}
+