1 files changed, 139 insertions, 0 deletions
diff --git a/config/waybar/style.css.horizontal b/config/waybar/style.css.horizontal
new file mode 100644
index 0000000..78a3608
--- /dev/null
+++ b/config/waybar/style.css.horizontal
@@ -0,0 +1,139 @@
+* {
+    font-family: 'JetBrainsMono Nerd Font';
+    font-size: 14px;
+}
+
+window {
+    background: transparent;
+    /*background-image: linear-gradient(0deg, transparent 0%, rgba(0, 0, 0, 0.5) 90%);*/
+    color: white;
+}
+
+#workspaces button {
+    padding: 0 10px;
+    color: white;
+    background: none;
+    border: none;
+    /*border-top: 3px solid transparent;*/
+    box-shadow: none;
+    border-radius: 5px 10px 10px 5px;
+    text-shadow: none;
+}
+
+#workspaces button:hover {
+    /*border-top: 3px solid gray;*/
+    background: white;
+    color: rgba(41, 46, 62, 0.8);
+    text-shadow: none;
+}
+
+#workspaces button.active > span {
+    color: rgba(41, 46, 62, 0.8);
+}
+
+#workspaces button.active {
+    /*border-top: 3px solid white;*/
+    background: white;
+    color: rgba(41, 46, 62, 0.8);
+    text-shadow: none;
+}
+
+#battery.warning {
+    color: #b58310;
+}
+
+#battery.critical {
+    color: #db330d;
+}
+
+#window {
+    background: white;
+    text-shadow: none;
+    color: rgba(41, 46, 62, 0.8);
+    margin-top: 10px;
+    margin-left: 10px;
+    padding-right: 10px;
+    padding-left: 10px;
+    border-radius: 5px 10px 10px 5px;
+}
+
+#battery {
+    background: white;
+    color: rgba(41, 46, 62, 0.8);
+    margin-top: 10px;
+    padding-right: 12px;
+    padding-left: 10px;
+    border-radius: 5px 10px 10px 5px;
+}
+
+#temperature, #memory, #cpu, #network, #backlight {
+    background: rgba(41, 46, 62, 0.8);
+    margin-top: 10px;
+    padding-right: 10px;
+    padding-left: 10px;
+    margin-right: 10px;
+    border-radius: 5px;
+}
+
+#pulseaudio {
+    color: white;
+    background: rgba(41, 46, 62, 0.8);
+    margin-top: 10px;
+    margin-right: 10px;
+    padding-right: 10px;
+    padding-left: 12px;
+    border-radius: 10px 5px 5px 10px;
+}
+
+#custom-arch {
+    background: #3692D7;
+    color: white;
+    font-size: 1.1rem;
+    text-shadow: none;
+    margin-top: 10px;
+    margin-left: 10px;
+    padding-left: 20px;
+    padding-right: 20px;
+    border-radius: 10px 5px 5px 10px;
+}
+
+#custom-arch.hover {
+    background: white;
+    color: #4299e5;
+}
+
+#workspaces {
+    background: rgba(41, 46, 62, 0.8);
+    margin-top: 10px;
+    margin-left: 10px;
+    border-radius: 5px 10px 10px 5px;
+}
+
+#clock {
+    background: rgba(41, 46, 62, 0.8);
+    color: white;
+    text-shadow: none;
+    margin-top: 10px;
+    margin-right: 10px;
+    border-radius: 10px 5px 5px 10px;
+    padding-left: 10px;
+    padding-right: 10px;
+}
+
+#clock.date {
+    border-radius: 5px 10px 10px 5px;
+    color: rgba(41, 46, 62, 0.8);
+    background: white;
+}
+
+
+#tray {
+    background: rgba(41, 46, 62, 0.8);
+    text-shadow: none;
+    color: white;
+    margin-top: 10px;
+    margin-left: 10px;
+    padding-right: 10px;
+    padding-left: 10px;
+    border-radius: 5px;
+}