From 26f8576d6c55c1724ffe0d92aa6a7ab727f7e5bb Mon Sep 17 00:00:00 2001
From: Swarsel <leon.schwarzaeugl@gmail.com>
Date: Thu, 11 Jul 2024 16:40:25 +0200
Subject: [PATCH] refactor: move out style.css for waybar

---
 SwarselSystems.org        | 232 +------------------
 programs/waybar/style.css | 456 +++++++++++++++++++-------------------
 2 files changed, 229 insertions(+), 459 deletions(-)

diff --git a/SwarselSystems.org b/SwarselSystems.org
index cdff90ba..1a44ea0e 100644
--- a/SwarselSystems.org
+++ b/SwarselSystems.org
@@ -6433,237 +6433,7 @@ The rest of this configuration is found here:
          };
        };
      };
-
-     style = ''
-     @define-color foreground #fdf6e3;
-     @define-color background #1a1a1a;
-     @define-color background-alt #292b2e;
-     @define-color foreground-warning #268bd2;
-     @define-color background-warning @background;
-     @define-color foreground-error red;
-     @define-color background-error @background;
-     @define-color foreground-critical gold;
-     @define-color background-critical blue;
-
-
-     ,* {
-         border: none;
-         border-radius: 0;
-         font-family: "FiraCode Nerd Font Propo", "Font Awesome 5 Free";
-         font-size: 14px;
-         min-height: 0;
-         margin: -1px 0px;
-     }
-
-     window#waybar {
-             background: transparent;
-             color: @foreground;
-             transition-duration: .5s;
-     }
-
-     window#waybar.hidden {
-         opacity: 0.2;
-     }
-
-
-     #mpris {
-         padding: 0 10px;
-         background-color: transparent;
-         color: #1DB954;
-         font-family: Monospace;
-         font-size: 12px;
-     }
-
-     #custom-right-arrow-dark,
-     #custom-left-arrow-dark {
-             color: @background;
-             background: @background-alt;
-             font-size: 24px;
-     }
-
-     #window {
-             font-size: 12px;
-             padding: 0 20px;
-     }
-
-     #mode {
-         background: @background-critical;
-         color: @foreground-critical;
-         padding: 0 3px;
-     }
-
-     #custom-configwarn {
-         color: black;
-         padding: 0 3px;
-         animation-name: configblink;
-         animation-duration: 0.5s;
-         animation-timing-function: linear;
-         animation-iteration-count: infinite;
-         animation-direction: alternate;
-     }
-
-     #custom-outer-right-arrow-dark,
-     #custom-outer-left-arrow-dark {
-             color: @background;
-             font-size: 24px;
-     }
-
-     #custom-outer-left-arrow-dark,
-     #custom-left-arrow-dark,
-     #custom-left-arrow-light {
-             margin: 0 -1px;
-     }
-
-     #custom-right-arrow-light,
-     #custom-left-arrow-light {
-             color: @background-alt;
-             background: @background;
-             font-size: 24px;
-     }
-
-     #workspaces,
-     #clock.1,
-     #clock.2,
-     #clock.3,
-     #pulseaudio,
-     #memory,
-     #cpu,
-     #temperature,
-     #power-profiles-daemon,
-     #mpris,
-     #tray {
-             background: @background;
-     }
-
-     #network,
-     #clock.2,
-     #battery,
-     #cpu,
-     #custom-pseudobat,
-     #disk {
-             background: @background-alt;
-     }
-
-
-     #workspaces button {
-             padding: 0 2px;
-             color: #fdf6e3;
-     }
-     #workspaces button.focused {
-             color: @foreground-warning;
-     }
-
-     #workspaces button:hover {
-         background: @foreground;
-         color: @background;
-             border: @foreground;
-             padding: 0 2px;
-             box-shadow: inherit;
-             text-shadow: inherit;
-     }
-
-     #workspaces button.urgent {
-         color: @background-critical;
-         background: @foreground-critical;
-     }
-
-     #network {
-         color: #cc99c9;
-     }
-
-     #temperature,
-     #power-profiles-daemon {
-         color: #9ec1cf;
-     }
-
-     #disk {
-         /*color: #b58900;*/
-         color: #9ee09e;
-     }
-
-     #disk.warning {
-         color:            @foreground-error;
-         background-color: @background-error;
-     }
-     #disk.critical,
-     #temperature.critical {
-         color:            @foreground-critical;
-         background-color: @background-critical;
-         animation-name: blink;
-         animation-duration: 0.5s;
-         animation-timing-function: linear;
-         animation-iteration-count: infinite;
-         animation-direction: alternate;
-     }
-     #pulseaudio.muted {
-         color: @foreground-error;
-     }
-     #memory {
-             /*color: #2aa198;*/
-             color: #fdfd97;
-     }
-     #cpu {
-         /*color: #6c71c4;*/
-         color: #feb144;
-     }
-
-     #pulseaudio {
-         /*color: #268bd2;*/
-         color: #ff6663;
-     }
-
-     #battery,
-     #custom-pseudobat {
-             color: cyan;
-     }
-     #battery.discharging {
-         color:      #859900;
-     }
-
-     @keyframes blink {
-         to {
-             color:            @foreground-error;
-             background-color: @background-error;
-         }
-     }
-     @keyframes configblink {
-         to {
-             color:            @foreground-error;
-             background-color: transparent;
-         }
-     }
-
-     #battery.critical:not(.charging) {
-         color:            @foreground-critical;
-         background-color: @background-critical;
-         animation-name: blink;
-         animation-duration: 0.5s;
-         animation-timing-function: linear;
-         animation-iteration-count: infinite;
-         animation-direction: alternate;
-     }
-
-     #clock.1,
-     #clock.2,
-     #clock.3 {
-         font-family: Monospace;
-     }
-
-     #clock,
-     #pulseaudio,
-     #memory,
-     #cpu,
-     #tray,
-     #temperature,
-     #power-profiles-daemon,
-     #network,
-     #mpris,
-     #battery,
-     #custom-pseudobat,
-     #disk {
-             padding: 0 3px;
-     }
-         '';
+     style = (builtins.readFile ../../programs/waybar/style.css);
    };
 
 #+end_src
diff --git a/programs/waybar/style.css b/programs/waybar/style.css
index 553f54f5..a7bed51e 100644
--- a/programs/waybar/style.css
+++ b/programs/waybar/style.css
@@ -1,228 +1,228 @@
-     @define-color foreground #fdf6e3;
-     @define-color background #1a1a1a;
-     @define-color background-alt #292b2e;
-     @define-color foreground-warning #268bd2;
-     @define-color background-warning @background;
-     @define-color foreground-error red;
-     @define-color background-error @background;
-     @define-color foreground-critical gold;
-     @define-color background-critical blue;
-
-
-     ,* {
-         border: none;
-         border-radius: 0;
-         font-family: "FiraCode Nerd Font Propo", "Font Awesome 5 Free";
-         font-size: 14px;
-         min-height: 0;
-         margin: -1px 0px;
-     }
-
-     window#waybar {
-             background: transparent;
-             color: @foreground;
-             transition-duration: .5s;
-     }
-
-     window#waybar.hidden {
-         opacity: 0.2;
-     }
-
-
-     #mpris {
-         padding: 0 10px;
-         background-color: transparent;
-         color: #1DB954;
-         font-family: Monospace;
-         font-size: 12px;
-     }
-
-     #custom-right-arrow-dark,
-     #custom-left-arrow-dark {
-             color: @background;
-             background: @background-alt;
-             font-size: 24px;
-     }
-
-     #window {
-             font-size: 12px;
-             padding: 0 20px;
-     }
-
-     #mode {
-         background: @background-critical;
-         color: @foreground-critical;
-         padding: 0 3px;
-     }
-
-     #custom-configwarn {
-         color: black;
-         padding: 0 3px;
-         animation-name: configblink;
-         animation-duration: 0.5s;
-         animation-timing-function: linear;
-         animation-iteration-count: infinite;
-         animation-direction: alternate;
-     }
-
-     #custom-outer-right-arrow-dark,
-     #custom-outer-left-arrow-dark {
-             color: @background;
-             font-size: 24px;
-     }
-
-     #custom-outer-left-arrow-dark,
-     #custom-left-arrow-dark,
-     #custom-left-arrow-light {
-             margin: 0 -1px;
-     }
-
-     #custom-right-arrow-light,
-     #custom-left-arrow-light {
-             color: @background-alt;
-             background: @background;
-             font-size: 24px;
-     }
-
-     #workspaces,
-     #clock.1,
-     #clock.2,
-     #clock.3,
-     #pulseaudio,
-     #memory,
-     #cpu,
-     #temperature,
-     #power-profiles-daemon,
-     #mpris,
-     #tray {
-             background: @background;
-     }
-
-     #network,
-     #clock.2,
-     #battery,
-     #cpu,
-     #custom-pseudobat,
-     #disk {
-             background: @background-alt;
-     }
-
-
-     #workspaces button {
-             padding: 0 2px;
-             color: #fdf6e3;
-     }
-     #workspaces button.focused {
-             color: @foreground-warning;
-     }
-
-     #workspaces button:hover {
-         background: @foreground;
-         color: @background;
-             border: @foreground;
-             padding: 0 2px;
-             box-shadow: inherit;
-             text-shadow: inherit;
-     }
-
-     #workspaces button.urgent {
-         color: @background-critical;
-         background: @foreground-critical;
-     }
-
-     #network {
-         color: #cc99c9;
-     }
-
-     #temperature,
-     #power-profiles-daemon {
-         color: #9ec1cf;
-     }
-
-     #disk {
-         /*color: #b58900;*/
-         color: #9ee09e;
-     }
-
-     #disk.warning {
-         color:            @foreground-error;
-         background-color: @background-error;
-     }
-     #disk.critical,
-     #temperature.critical {
-         color:            @foreground-critical;
-         background-color: @background-critical;
-         animation-name: blink;
-         animation-duration: 0.5s;
-         animation-timing-function: linear;
-         animation-iteration-count: infinite;
-         animation-direction: alternate;
-     }
-     #pulseaudio.muted {
-         color: @foreground-error;
-     }
-     #memory {
-             /*color: #2aa198;*/
-             color: #fdfd97;
-     }
-     #cpu {
-         /*color: #6c71c4;*/
-         color: #feb144;
-     }
-
-     #pulseaudio {
-         /*color: #268bd2;*/
-         color: #ff6663;
-     }
-
-     #battery,
-     #custom-pseudobat {
-             color: cyan;
-     }
-     #battery.discharging {
-         color:      #859900;
-     }
-
-     @keyframes blink {
-         to {
-             color:            @foreground-error;
-             background-color: @background-error;
-         }
-     }
-     @keyframes configblink {
-         to {
-             color:            @foreground-error;
-             background-color: transparent;
-         }
-     }
-
-     #battery.critical:not(.charging) {
-         color:            @foreground-critical;
-         background-color: @background-critical;
-         animation-name: blink;
-         animation-duration: 0.5s;
-         animation-timing-function: linear;
-         animation-iteration-count: infinite;
-         animation-direction: alternate;
-     }
-
-     #clock.1,
-     #clock.2,
-     #clock.3 {
-         font-family: Monospace;
-     }
-
-     #clock,
-     #pulseaudio,
-     #memory,
-     #cpu,
-     #tray,
-     #temperature,
-     #power-profiles-daemon,
-     #network,
-     #mpris,
-     #battery,
-     #custom-pseudobat,
-     #disk {
-             padding: 0 3px;
-     }
+@define-color foreground #fdf6e3;
+@define-color background #1a1a1a;
+@define-color background-alt #292b2e;
+@define-color foreground-warning #268bd2;
+@define-color background-warning @background;
+@define-color foreground-error red;
+@define-color background-error @background;
+@define-color foreground-critical gold;
+@define-color background-critical blue;
+
+
+* {
+    border: none;
+    border-radius: 0;
+    font-family: "FiraCode Nerd Font Propo", "Font Awesome 5 Free";
+    font-size: 14px;
+    min-height: 0;
+    margin: -1px 0px;
+}
+
+window#waybar {
+        background: transparent;
+        color: @foreground;
+        transition-duration: .5s;
+}
+
+window#waybar.hidden {
+    opacity: 0.2;
+}
+
+
+#mpris {
+    padding: 0 10px;
+    background-color: transparent;
+    color: #1DB954;
+    font-family: Monospace;
+    font-size: 12px;
+}
+
+#custom-right-arrow-dark,
+#custom-left-arrow-dark {
+        color: @background;
+        background: @background-alt;
+        font-size: 24px;
+}
+
+#window {
+        font-size: 12px;
+        padding: 0 20px;
+}
+
+#mode {
+    background: @background-critical;
+    color: @foreground-critical;
+    padding: 0 3px;
+}
+
+#custom-configwarn {
+    color: black;
+    padding: 0 3px;
+    animation-name: configblink;
+    animation-duration: 0.5s;
+    animation-timing-function: linear;
+    animation-iteration-count: infinite;
+    animation-direction: alternate;
+}
+
+#custom-outer-right-arrow-dark,
+#custom-outer-left-arrow-dark {
+        color: @background;
+        font-size: 24px;
+}
+
+#custom-outer-left-arrow-dark,
+#custom-left-arrow-dark,
+#custom-left-arrow-light {
+        margin: 0 -1px;
+}
+
+#custom-right-arrow-light,
+#custom-left-arrow-light {
+        color: @background-alt;
+        background: @background;
+        font-size: 24px;
+}
+
+#workspaces,
+#clock.1,
+#clock.2,
+#clock.3,
+#pulseaudio,
+#memory,
+#cpu,
+#temperature,
+#power-profiles-daemon,
+#mpris,
+#tray {
+        background: @background;
+}
+
+#network,
+#clock.2,
+#battery,
+#cpu,
+#custom-pseudobat,
+#disk {
+        background: @background-alt;
+}
+
+
+#workspaces button {
+        padding: 0 2px;
+        color: #fdf6e3;
+}
+#workspaces button.focused {
+        color: @foreground-warning;
+}
+
+#workspaces button:hover {
+    background: @foreground;
+    color: @background;
+        border: @foreground;
+        padding: 0 2px;
+        box-shadow: inherit;
+        text-shadow: inherit;
+}
+
+#workspaces button.urgent {
+    color: @background-critical;
+    background: @foreground-critical;
+}
+
+#network {
+    color: #cc99c9;
+}
+
+#temperature,
+#power-profiles-daemon {
+    color: #9ec1cf;
+}
+
+#disk {
+    /*color: #b58900;*/
+    color: #9ee09e;
+}
+
+#disk.warning {
+    color:            @foreground-error;
+    background-color: @background-error;
+}
+#disk.critical,
+#temperature.critical {
+    color:            @foreground-critical;
+    background-color: @background-critical;
+    animation-name: blink;
+    animation-duration: 0.5s;
+    animation-timing-function: linear;
+    animation-iteration-count: infinite;
+    animation-direction: alternate;
+}
+#pulseaudio.muted {
+    color: @foreground-error;
+}
+#memory {
+        /*color: #2aa198;*/
+        color: #fdfd97;
+}
+#cpu {
+    /*color: #6c71c4;*/
+    color: #feb144;
+}
+
+#pulseaudio {
+    /*color: #268bd2;*/
+    color: #ff6663;
+}
+
+#battery,
+#custom-pseudobat {
+        color: cyan;
+}
+#battery.discharging {
+    color:      #859900;
+}
+
+@keyframes blink {
+    to {
+        color:            @foreground-error;
+        background-color: @background-error;
+    }
+}
+@keyframes configblink {
+    to {
+        color:            @foreground-error;
+        background-color: transparent;
+    }
+}
+
+#battery.critical:not(.charging) {
+    color:            @foreground-critical;
+    background-color: @background-critical;
+    animation-name: blink;
+    animation-duration: 0.5s;
+    animation-timing-function: linear;
+    animation-iteration-count: infinite;
+    animation-direction: alternate;
+}
+
+#clock.1,
+#clock.2,
+#clock.3 {
+    font-family: Monospace;
+}
+
+#clock,
+#pulseaudio,
+#memory,
+#cpu,
+#tray,
+#temperature,
+#power-profiles-daemon,
+#network,
+#mpris,
+#battery,
+#custom-pseudobat,
+#disk {
+        padding: 0 3px;
+}