From 3ec8d42fbf6eed78c24de2caca63d91a2604ff50 Mon Sep 17 00:00:00 2001
From: altaf-creator <dev@altafcreator.com>
Date: Sun, 19 May 2024 14:54:41 +0700
Subject: init

---
 config/waybar/style.css.horizontal | 139 +++++++++++++++++++++++++++++++++++++
 1 file changed, 139 insertions(+)
 create mode 100644 config/waybar/style.css.horizontal

(limited to 'config/waybar/style.css.horizontal')

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;
+}
-- 
cgit v1.2.3