From af5ec3580c1aeea046c1c7b80646f9f58e4a7de7 Mon Sep 17 00:00:00 2001
From: Michel Fedde <git@iedsoftworks.com>
Date: Sat, 1 Mar 2025 22:55:04 +0100
Subject: [PATCH] Adds more wal theming

---
 .config/nwg-drawer/style/style.scss           |  53 +++++
 .config/supersonic/config.toml                |   4 +-
 .config/swaync/style/controlpanel.scss        |   2 +-
 .config/swaync/style/style.scss               |   3 +-
 .config/theming/compile.sh                    |   8 +
 .config/theming/library/_colors.scss          |   4 +
 .config/theming/library/_variables.scss       |   4 +
 .config/theming/library/entry.scss            |   2 +
 .config/waybar/scss/style.scss                | 202 ++++++++++++++++++
 .config/waybar/style.css                      | 129 ++++++-----
 .config/yadm/bootstrap.d/21-SASSThemes.sh     |   5 +-
 .../yadm/bootstrap.d/30-GeneralPrograms.sh    |   2 +-
 .../yadm/bootstrap.d/40-GitRepositories.sh    |   2 +-
 .gitignore                                    |   6 +
 .../applications/note-game-concepts.desktop   |   7 +
 15 files changed, 353 insertions(+), 80 deletions(-)
 create mode 100644 .config/nwg-drawer/style/style.scss
 create mode 100755 .config/theming/compile.sh
 create mode 100644 .config/theming/library/_colors.scss
 create mode 100644 .config/theming/library/_variables.scss
 create mode 100644 .config/theming/library/entry.scss
 create mode 100644 .config/waybar/scss/style.scss
 create mode 100644 .local/share/applications/note-game-concepts.desktop

diff --git a/.config/nwg-drawer/style/style.scss b/.config/nwg-drawer/style/style.scss
new file mode 100644
index 0000000..5d6e8ad
--- /dev/null
+++ b/.config/nwg-drawer/style/style.scss
@@ -0,0 +1,53 @@
+@import "../../theming/library/entry.scss";
+
+window {
+    background-color: rgba($background, 0.95);
+    color: $foreground
+}
+
+/* search entry */
+entry {
+  background-color: rgba($color3, 0.2);
+}
+
+entry:focus {
+  background-color: rgba($color3, 0.3);
+}
+
+button {
+  background: transparent;
+  box-shadow: none;
+  border-radius: $border-radius;
+}
+
+button:hover {
+    background-color: rgba($color7, 0.1);
+}
+
+button:focus {
+  background-color: rgba($color8, 0.5);
+}
+
+/* in case you wanted to give category buttons a different look */
+#category-button {
+  margin: 1rem;
+}
+
+#pinned-box {
+    border-bottom: 1px dotted $color2;
+}
+
+#files-box {
+  padding: 0px;
+  border: 1px dotted $color4;
+  border-radius: $border-radius;
+}
+
+/* math operation result label */
+#math-label {
+  background: $background;
+  padding: 0;
+
+  font-weight: bold;
+  font-size: 32px;
+}
diff --git a/.config/supersonic/config.toml b/.config/supersonic/config.toml
index 2d5b7e5..6c18fb7 100644
--- a/.config/supersonic/config.toml
+++ b/.config/supersonic/config.toml
@@ -1,5 +1,5 @@
 [Application]
-WindowWidth = 1702
+WindowWidth = 1262
 WindowHeight = 1382
 LastCheckedVersion = 'v0.14.0'
 LastLaunchedVersion = 'v0.14.0'
@@ -71,7 +71,7 @@ InitialView = 'Lyrics'
 
 [Playback]
 Autoplay = false
-RepeatMode = 'None'
+RepeatMode = 'All'
 
 [LocalPlayback]
 AudioDeviceName = 'auto'
diff --git a/.config/swaync/style/controlpanel.scss b/.config/swaync/style/controlpanel.scss
index 6f54971..259ec86 100644
--- a/.config/swaync/style/controlpanel.scss
+++ b/.config/swaync/style/controlpanel.scss
@@ -10,7 +10,7 @@ $cc-bg: $background;
   color: $foreground;
   border-radius: $border-radius;
   border-left: 1px solid $foreground;
-  box-shadow: $box-shadow;
+  box-shadow: $box-shadow-inner;
   padding-left: 1rem;
   padding-right: 1rem;
   margin: .3rem;
diff --git a/.config/swaync/style/style.scss b/.config/swaync/style/style.scss
index 4be262b..55ee5cb 100644
--- a/.config/swaync/style/style.scss
+++ b/.config/swaync/style/style.scss
@@ -1,6 +1,5 @@
 @use "sass:color";
-@import "../../../.cache/wal/colors.scss";
-@import "./variables.scss";
+@import "../../theming/library/entry.scss";
 
 @import "./notification.scss";
 @import "./controlpanel.scss";
diff --git a/.config/theming/compile.sh b/.config/theming/compile.sh
new file mode 100755
index 0000000..d749918
--- /dev/null
+++ b/.config/theming/compile.sh
@@ -0,0 +1,8 @@
+#!/bin/env sh
+
+sass \
+  $HOME/.config/swaync/style/style.scss:$HOME/.config/swaync/style.css \
+  $HOME/.config/waybar/scss/style.scss:$HOME/.config/waybar/style.css \
+  $HOME/.config/nwg-drawer/style/style.scss:$HOME/.config/nwg-drawer/drawer.css
+
+swaync-client --reload-css
diff --git a/.config/theming/library/_colors.scss b/.config/theming/library/_colors.scss
new file mode 100644
index 0000000..f162b92
--- /dev/null
+++ b/.config/theming/library/_colors.scss
@@ -0,0 +1,4 @@
+@import "../../../.cache/wal/colors.scss";
+
+$foreground-disabled: rgba($foreground, 0.75);
+
diff --git a/.config/theming/library/_variables.scss b/.config/theming/library/_variables.scss
new file mode 100644
index 0000000..40fb211
--- /dev/null
+++ b/.config/theming/library/_variables.scss
@@ -0,0 +1,4 @@
+$border-radius: 0.3rem;
+
+$box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
+$box-shadow-inner: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
diff --git a/.config/theming/library/entry.scss b/.config/theming/library/entry.scss
new file mode 100644
index 0000000..6a52e0e
--- /dev/null
+++ b/.config/theming/library/entry.scss
@@ -0,0 +1,2 @@
+@import "./_colors.scss";
+@import "./_variables.scss";
diff --git a/.config/waybar/scss/style.scss b/.config/waybar/scss/style.scss
new file mode 100644
index 0000000..cda74e5
--- /dev/null
+++ b/.config/waybar/scss/style.scss
@@ -0,0 +1,202 @@
+@import "../../theming/library/entry.scss";
+
+$red: $color1;
+$green: $color2;
+$orange: $color3;
+$yellow: $color4;
+
+$dim: rgba($background, 0.75);
+
+* {
+	font-family: "JetBrainsMono Nerd Font";
+	font-weight: bold;
+	min-height: 0;
+	/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
+	font-size: 100%;
+	font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
+
+  border-radius: $border-radius;
+}
+
+window#waybar {
+  background: $background;
+  color: $foreground;
+  transition-property: background-color;
+  transition-duration: 0.5s;
+
+}
+
+#taskbar button,
+#workspaces button {
+  color: $foreground;
+}
+
+#taskbar button.active,
+#workspaces button.active {
+  border-bottom: 1px solid $green;
+}
+
+#taskbar button.urgent,
+#workspaces button.urgent {
+  border-bottom: 2px solid $orange;
+}
+
+#submap {
+  border-bottom: 1px solid $red;
+}
+
+#backlight,
+#backlight-slider,
+#battery,
+#bluetooth,
+#clock,
+#cpu,
+#disk,
+#idle_inhibitor,
+#keyboard-state,
+#memory,
+#mode,
+#mpris,
+#network,
+#power-profiles-daemon,
+#pulseaudio,
+#pulseaudio-slider,
+#taskbar button,
+#taskbar,
+#temperature,
+#tray,
+#window,
+#wireplumber,
+#workspaces, #custom-backlight,
+#custom-browser,
+#custom-cava_mviz,
+#custom-cycle_wall,
+#custom-file_manager,
+#custom-keybinds,
+#custom-keyboard,
+#custom-light_dark,
+#custom-lock,
+#custom-hint,
+#custom-hypridle,
+#custom-menu,
+#custom-power_vertical,
+#custom-power,
+#custom-settings,
+#custom-spotify,
+#custom-swaync,
+#custom-tty,
+#custom-updater,
+#custom-weather,
+#custom-weather.clearNight,
+#custom-weather.cloudyFoggyDay,
+#custom-weather.cloudyFoggyNight,
+#custom-weather.default, 
+#custom-weather.rainyDay,
+#custom-weather.rainyNight,
+#custom-weather.severe,
+#custom-weather.showyIcyDay,
+#custom-weather.snowyIcyNight,
+#custom-weather.sunnyDay {
+  color: $foreground;
+  padding: 3px 6px 3px 6px;
+}
+
+#battery.warning,
+#disk.warning,
+#memory.warning,
+#cpu.warning {
+  border-top: 3px solid $background;
+  border-bottom: 3px solid $yellow;
+}
+
+@keyframes blink {
+  to {
+    color: $background;
+  }
+}
+
+#battery.critical:not(.charging) {
+  background-color: $red;
+  color: white;
+  animation-name: blink;
+  animation-duration: 3.0s;
+  animation-timing-function: steps(12);
+  animation-iteration-count: infinite;
+  animation-direction: alternate;
+  box-shadow: inset 0 -3px transparent;
+}
+
+/*-----Indicators----*/
+#custom-hypridle.notactive,
+#idle_inhibitor.activated {
+	color: #39FF14;
+}
+
+#battery.critical,
+#disk.critical,
+#memory.critical,
+#cpu.critical {
+  border-top: 3px solid $background;
+  border-bottom: 3px solid $red;
+}
+
+#temperature.critical {
+	background-color: $red;
+}
+
+#battery.charging {
+  border-top: 3px solid $background;
+  border-bottom: 3px solid $green;
+}
+
+#pulseaudio-slider slider {
+	min-width: 0px;
+	min-height: 0px;
+	opacity: 0;
+	background-image: none;
+	border: none;
+	box-shadow: none;
+}
+	
+#pulseaudio-slider trough {
+	min-width: 80px;  
+	min-height: 5px; 
+	border-radius: 5px;
+	background-color: $dim;
+}
+	
+#pulseaudio-slider highlight {
+	min-height: 10px; 
+	border-radius: 5px;
+	background-color: $orange;
+}
+
+#backlight-slider slider {
+	min-width: 0px;
+	min-height: 0px;
+	opacity: 0;
+	background-image: none;
+	border: none;
+	box-shadow: none;
+}
+	
+#backlight-slider trough {
+	min-width: 80px;  
+	min-height: 10px; 
+	border-radius: 5px;
+	background-color: $cursor;
+}
+	
+#backlight-slider highlight {
+	min-width: 10px; 
+	border-radius: 5px;
+	background-color: $orange;
+}
+
+#custom-swaync {
+  min-width: 10px;
+  border-right: 1px solid $cursor;
+}
+#custom-swaync:hover {
+  background-color: $green;
+}
diff --git a/.config/waybar/style.css b/.config/waybar/style.css
index 04e2ed9..942e9e3 100644
--- a/.config/waybar/style.css
+++ b/.config/waybar/style.css
@@ -1,48 +1,37 @@
-/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
-/* Simple Style */
-
-@import "../../.cache/wal/colors-waybar.css";
-
-@define-color red @color1;
-@define-color green @color2;
-@define-color orange @color3;
-
 * {
-	font-family: "JetBrainsMono Nerd Font";
-	font-weight: bold;
-	min-height: 0;
-	/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
-	font-size: 100%;
-	font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
-
+  font-family: "JetBrainsMono Nerd Font";
+  font-weight: bold;
+  min-height: 0;
+  /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
+  font-size: 100%;
+  font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
   border-radius: 0.3rem;
 }
 
 window#waybar {
-  background: @background;
-  color: @foreground;
+  background: #282828;
+  color: #d5c4a1;
   transition-property: background-color;
   transition-duration: 0.5s;
-
 }
 
 #taskbar button,
 #workspaces button {
-  color: @foreground;
+  color: #d5c4a1;
 }
 
 #taskbar button.active,
 #workspaces button.active {
-  border-bottom: 1px solid @green;
+  border-bottom: 1px solid #b8bb26;
 }
 
 #taskbar button.urgent,
 #workspaces button.urgent {
-  border-bottom: 2px solid @orange;
+  border-bottom: 2px solid #fabd2f;
 }
 
 #submap {
-  border-bottom: 1px solid @red;
+  border-bottom: 1px solid #fb4934;
 }
 
 #backlight,
@@ -90,14 +79,14 @@ window#waybar {
 #custom-weather.clearNight,
 #custom-weather.cloudyFoggyDay,
 #custom-weather.cloudyFoggyNight,
-#custom-weather.default, 
+#custom-weather.default,
 #custom-weather.rainyDay,
 #custom-weather.rainyNight,
 #custom-weather.severe,
 #custom-weather.showyIcyDay,
 #custom-weather.snowyIcyNight,
 #custom-weather.sunnyDay {
-  color: @foreground;
+  color: #d5c4a1;
   padding: 3px 6px 3px 6px;
 }
 
@@ -105,21 +94,20 @@ window#waybar {
 #disk.warning,
 #memory.warning,
 #cpu.warning {
-  border-top: 3px solid @background;
-  border-bottom: 3px solid @yellow;
+  border-top: 3px solid #282828;
+  border-bottom: 3px solid #83a598;
 }
 
 @keyframes blink {
   to {
-    color: @background;
+    color: #282828;
   }
 }
-
 #battery.critical:not(.charging) {
-  background-color: @red;
+  background-color: #fb4934;
   color: white;
   animation-name: blink;
-  animation-duration: 3.0s;
+  animation-duration: 3s;
   animation-timing-function: steps(12);
   animation-iteration-count: infinite;
   animation-direction: alternate;
@@ -129,74 +117,77 @@ window#waybar {
 /*-----Indicators----*/
 #custom-hypridle.notactive,
 #idle_inhibitor.activated {
-	color: #39FF14;
+  color: #39FF14;
 }
 
 #battery.critical,
 #disk.critical,
 #memory.critical,
 #cpu.critical {
-  border-top: 3px solid @background;
-  border-bottom: 3px solid @red;
+  border-top: 3px solid #282828;
+  border-bottom: 3px solid #fb4934;
 }
 
 #temperature.critical {
-	background-color: @red;
+  background-color: #fb4934;
 }
 
 #battery.charging {
-  border-top: 3px solid @background;
-  border-bottom: 3px solid @green;
+  border-top: 3px solid #282828;
+  border-bottom: 3px solid #b8bb26;
 }
 
 #pulseaudio-slider slider {
-	min-width: 0px;
-	min-height: 0px;
-	opacity: 0;
-	background-image: none;
-	border: none;
-	box-shadow: none;
+  min-width: 0px;
+  min-height: 0px;
+  opacity: 0;
+  background-image: none;
+  border: none;
+  box-shadow: none;
 }
-	
+
 #pulseaudio-slider trough {
-	min-width: 80px;  
-	min-height: 5px; 
-	border-radius: 5px;
-	background-color: @dim;
+  min-width: 80px;
+  min-height: 5px;
+  border-radius: 5px;
+  background-color: rgba(40, 40, 40, 0.75);
 }
-	
+
 #pulseaudio-slider highlight {
-	min-height: 10px; 
-	border-radius: 5px;
-	background-color: @orange;
+  min-height: 10px;
+  border-radius: 5px;
+  background-color: #fabd2f;
 }
 
 #backlight-slider slider {
-	min-width: 0px;
-	min-height: 0px;
-	opacity: 0;
-	background-image: none;
-	border: none;
-	box-shadow: none;
+  min-width: 0px;
+  min-height: 0px;
+  opacity: 0;
+  background-image: none;
+  border: none;
+  box-shadow: none;
 }
-	
+
 #backlight-slider trough {
-	min-width: 80px;  
-	min-height: 10px; 
-	border-radius: 5px;
-	background-color: @cursor;
+  min-width: 80px;
+  min-height: 10px;
+  border-radius: 5px;
+  background-color: #d5c4a1;
 }
-	
+
 #backlight-slider highlight {
-	min-width: 10px; 
-	border-radius: 5px;
-	background-color: @orange;
+  min-width: 10px;
+  border-radius: 5px;
+  background-color: #fabd2f;
 }
 
 #custom-swaync {
   min-width: 10px;
-  border-right: 1px solid @cursor;
+  border-right: 1px solid #d5c4a1;
 }
+
 #custom-swaync:hover {
-  background-color: @green;
+  background-color: #b8bb26;
 }
+
+/*# sourceMappingURL=style.css.map */
diff --git a/.config/yadm/bootstrap.d/21-SASSThemes.sh b/.config/yadm/bootstrap.d/21-SASSThemes.sh
index c2ceb13..9ba106e 100755
--- a/.config/yadm/bootstrap.d/21-SASSThemes.sh
+++ b/.config/yadm/bootstrap.d/21-SASSThemes.sh
@@ -2,7 +2,4 @@
 
 yay -S --needed sass
 
-sass \
-  $HOME/.config/swaync/style/style.scss:$HOME/.config/swaync/style.css
-
-swaync-client --reload-css
+../../theming/compile.sh
diff --git a/.config/yadm/bootstrap.d/30-GeneralPrograms.sh b/.config/yadm/bootstrap.d/30-GeneralPrograms.sh
index 5cec5f4..fd53922 100755
--- a/.config/yadm/bootstrap.d/30-GeneralPrograms.sh
+++ b/.config/yadm/bootstrap.d/30-GeneralPrograms.sh
@@ -1,6 +1,6 @@
 #!/bin/env sh
 
 yay -S --needed zen-browser-bin \
-  okular \
+  zathura zathura-pdf-mupdf \
   onlyoffice-bin \
   bitwarden
diff --git a/.config/yadm/bootstrap.d/40-GitRepositories.sh b/.config/yadm/bootstrap.d/40-GitRepositories.sh
index 9e63ce8..95a1eb4 100755
--- a/.config/yadm/bootstrap.d/40-GitRepositories.sh
+++ b/.config/yadm/bootstrap.d/40-GitRepositories.sh
@@ -4,6 +4,7 @@ declare -A repositories
 
 repositories['DSA']="ssh://git.php.fail/neintonine/dsa.git"
 repositories['Notes']="ssh://git.php.fail/neintonine/notes.git"
+repositories['gameconcepts']="ssh://git.php.fail/neintonine/game-concepts.git"
 
 for path in "${!repositories[@]}"; do
   url=${repositories[$path]}
@@ -14,7 +15,6 @@ for path in "${!repositories[@]}"; do
     continue
   fi
 
-
   echo "-- Cloning to $realPath";
   git clone "$url" "$realPath"
 done
diff --git a/.gitignore b/.gitignore
index c2fd72a..0468063 100644
--- a/.gitignore
+++ b/.gitignore
@@ -13,11 +13,17 @@
 !/.config/nvim/
 !/.config/yadm/
 !/.config/waybar/
+/.config/waybar/style.css
+/.config/waybar/style.css.map
 !/.config/evremap/
 !/.config/sddm/
 !/.config/swaync/
 /.config/swaync/style.css
 /.config/swaync/style.css.map
+!/.config/nwg-drawer/
+/.config/nwg-drawer/drawer.css
+/.config/nwg-drawer/drawer.css.map
+!/.config/theming/
 
 !/.ssh/
 /.ssh/*
diff --git a/.local/share/applications/note-game-concepts.desktop b/.local/share/applications/note-game-concepts.desktop
new file mode 100644
index 0000000..9a0f2e3
--- /dev/null
+++ b/.local/share/applications/note-game-concepts.desktop
@@ -0,0 +1,7 @@
+[Desktop Entry]
+Type=Application
+Name=Game Concepts-Notes
+Comment=Neovim setup for Game Concepts
+Exec=ghostty --window-inherit-working-directory=false --working-directory="gameconcepts/" --title="Game_Concepts-Notes" -e env ENABLE_GIT_SETUP=true nvim .
+Categories=Notes;DSA;
+Icon=/usr/share/icons/Gruvbox-Material-Dark/128x128/apps/nvim.svg