New improved Theme Switcher with more options

Makefile

@@ -9,4 +9,4 @@ remove:
 	pamac-installer --remove tromjaro-theme-switcher
 
 clean:
-	$(RM) -rf src/ pkg/ icons.zip *.tar.zst
+	$(RM) -rf src/ pkg/ icons.tar.gz *.tar.zst

PKGBUILD

@@ -23,7 +23,7 @@ options=(!strip)
 source=("themeSwitcher.nim"
         "tromjaro-theme-switcher.desktop"
         "tromjaro-theme-switcher.svg"
-        "icons.zip::https://www.drive.tromsite.com/s/zFtCp3SkZ4NpKix/download")
+        "icons.tar.gz::https://www.drive.tromsite.com/s/ysM33nJAkpro85b/download/icons.tar.gz")
 sha256sums=('SKIP'
 'SKIP'
 'SKIP'
@@ -49,8 +49,14 @@ build(){
 }
 package() {
 	# copy icons
-    install -d ${pkgdir}/usr/share/tromjaro-theme-switcher/icons
+	install -d ${pkgdir}/usr/share/tromjaro-theme-switcher/icons/Styles
-    install -Dm644 ${srcdir}/icons/*    ${pkgdir}/usr/share/tromjaro-theme-switcher/icons
+	install -Dm644 ${srcdir}/icons/Styles/*    ${pkgdir}/usr/share/tromjaro-theme-switcher/icons/Styles
+
+	for source_dir in "${srcdir}/icons/Accent Colors"/*; do
+		dest_dir="${pkgdir}/usr/share/tromjaro-theme-switcher/icons/Accent Colors/${source_dir##*/}"
+		install -d "$dest_dir"
+		install -Dm644 "$source_dir"/*    "$dest_dir"
+	done
 
 	# copy executables
 	install -Dm644  ${srcdir}/tromjaro-theme-switcher.desktop    ${pkgdir}/usr/share/applications/tromjaro-theme-switcher.desktop

themeSwitcher.nim

@@ -1,19 +1,206 @@
 from std/osproc import execProcess, ProcessOption, startProcess, waitForExit, close
+from std/os import symlinkExists, getConfigDir, walkDirs, `/`
 from std/envvars import existsEnv, getEnv, delEnv, putEnv
-from std/os import symlinkExists, getConfigDir, `/`
+from std/strutils import split, endsWith, contains
 from std/options import Option, some, get, isNone
-from std/strutils import split, endsWith
 from std/strformat import fmt
 import owlkettle
 
 const
   # Set the directory path where icons are stored
   iconsDir = "/usr/share/tromjaro-theme-switcher/icons"
+  styleIconsDir = iconsDir / "Styles"
+  accentIconsDir = iconsDir / "Accent Colors"
   # GTK CSS for overriding the default icon size of buttons
-  gtkCSS = "button { -gtk-icon-size: 85px; }"
+  gtkCSS = ".style-button { -gtk-icon-size: 100px; } .accent-button { -gtk-icon-size: 30px; }"
-  applicationID = "com.tromjaro.ThemeSwitcher"
+  appID = "com.tromjaro.ThemeSwitcher"
-  themeColors = ["Grey", "Pink", "Green", "Orange", "Purple", "Yellow", "Teal"]
+  appLogo = "tromjaro-theme-switcher"
-  themeStyles = ["Light", "Nord", "Dark", "Dark-Nord"]
+  themeShades = ["Light", "", "Dark"]
+  themeStyles = ["Default", "Nord", "Dracula", "Catppuccin", "Everforest", "Gruvbox"]
+  accentColors = ["Blue", "Red", "Purple", "Pink", "Teal", "Green", "Yellow", "Orange", "Grey"]
+
+var iconsDirs = @[styleIconsDir]
+
+for dir in walkDirs(accentIconsDir / "*"):
+  iconsDirs.add(dir)
+
+type Theme = tuple[shade: string, style: string, color: string]
+
+# Function prototypes
+proc getCurrentTheme(): Theme
+proc makeThemeButton(shadeName: string, styleName: string): Widget
+proc makeAccentButton(accentColor: string): Widget
+proc runCommand(command: string, args: openArray[string]): bool
+proc setIconTheme(iconName: string)
+proc enableDarkPanels(): bool
+proc setTheme(themeName: string)
+
+# Highlight current theme button
+var currentTheme = getCurrentTheme()
+
+var
+  oldConfigDir: Option[string]
+  configDirChanged: bool
+
+# Prevent loading GTK theme from ~/.config/gtk-4.0 directory when it is a symlink
+if symlinkExists(getConfigDir() / "gtk-4.0"):
+  if existsEnv("XDG_CONFIG_HOME"):
+    oldConfigDir = some(getEnv("XDG_CONFIG_HOME"))
+  putEnv("XDG_CONFIG_HOME", "/dev/null")
+  configDirChanged = true
+
+# Display the GTK-4 GUI using owlkettle
+viewable App:
+  hooks:
+    build:
+      # Reset the user's XDG_CONFIG_HOME variable back to what it was before
+      if configDirChanged == true:
+        if oldConfigDir.isNone():
+          delEnv("XDG_CONFIG_HOME")
+        else:
+          putEnv("XDG_CONFIG_HOME", get(oldConfigDir))
+
+method view(app: AppState): Widget =
+  result = gui:
+    Window:
+      title = "TROMjaro Theme Switcher"
+      # Shrink window to the smallest size
+      defaultSize = (0, 0)
+      iconName = appLogo
+      # Vertical box
+      Box(orient = OrientY, margin = 13, spacing = 10):
+        Label:
+          useMarkup=true
+          text="<span size='large'>STYLE</span>"
+        # Vertical box
+        Box(orient = OrientY, spacing = 5):
+          for shadeName in themeShades:
+            # Horizontal box
+            Box(orient = OrientX, spacing = 5):
+              for styleName in themeStyles:
+                insert(makeThemeButton(shadeName, styleName)) {.vAlign: AlignCenter, hAlign: AlignCenter.}
+        Separator(margin = Margin(top: 5))
+        Label:
+          useMarkup=true
+          text="<span size='large'>ACCENT COLOR</span>"
+        # Horizontal box
+        Box(orient = OrientX, spacing = 3):
+          for accentColor in accentColors:
+            insert(makeAccentButton(accentColor)) {.vAlign: AlignCenter, hAlign: AlignCenter.}
+        Separator(margin = Margin(top: 12))
+        # Vertical box
+        Box(orient = OrientY):
+          Label:
+            text="A Theme Switcher for TROMjaro's default theme-set (Colloid) and icon-set (Zafiro)."
+          Label {.vAlign: AlignStart.}:
+            useMarkup = true
+            text="<span size='small'>NOTE: Some apps need to be reopened for the theme to be applied.</span>"
+
+brew(appID, gui(App()), icons=iconsDirs, stylesheets=[newStylesheet(gtkCSS)])
+
+
+# Function declarations
+
+proc getCurrentTheme(): Theme =
+  let currentThemeString = execProcess("/usr/bin/xfconf-query",
+    args=["--channel=xsettings", "--property=/Net/ThemeName"],
+    options={})[0 .. ^2]
+
+  let words = currentThemeString.split('-')
+  if words[0] != "Colloid":
+    return
+  var currentTheme: Theme = ("", "Default", "Blue")
+
+  case len(words):
+    of 1: discard
+
+    of 2:
+      let word1 = words[1]
+      if word1 in accentColors:
+        currentTheme.color = word1
+      elif word1 in themeShades:
+        currentTheme.shade = word1
+      elif word1 in themeStyles:
+        currentTheme.style = word1
+      else:
+        return
+
+    of 3:
+      let
+        word1 = words[1]
+        word2 = words[2]
+      if (word1 in accentColors) and (word2 in themeShades):
+        currentTheme.color = word1
+        currentTheme.shade = word2
+      elif (word1 in themeShades) and (word2 in themeStyles):
+        currentTheme.shade = word1
+        currentTheme.style = word2
+      else:
+        return
+
+    of 4:
+      let
+        word1 = words[1]
+        word2 = words[2]
+        word3 = words[3]
+      if (word1 in accentColors) and (word2 in themeShades) and (word3 in themeStyles):
+        currentTheme.color = word1
+        currentTheme.shade = word2
+        currentTheme.style = word3
+      else:
+        return
+
+    else:
+      return
+
+  result = currentTheme
+
+proc makeThemeButton(shadeName: string, styleName: string): Widget =
+  let
+    shade = if shadeName == "": "" else: fmt"-{shadeName}"
+    style = if styleName == "Default": "" else: fmt"-{styleName}"
+    color = if currentTheme.color in ["Blue", ""]: "" else: fmt"-{currentTheme.color}"
+    theme = fmt"Colloid{color}{shade}{style}"
+
+  result = gui:
+    Button:
+      icon = fmt"Colloid{shade}{style}"
+      tooltip = if shadeName == "": styleName else: fmt"{shadeName}-{styleName}"
+      style = if (shadeName, styleName) == (currentTheme.shade, currentTheme.style):
+        [StyleClass("style-button"), ButtonSuggested]
+      else:
+        [StyleClass("style-button"), ButtonFlat]
+
+      proc clicked() =
+        setTheme(theme)
+        # Highlight this button
+        currentTheme.shade = shadeName
+        currentTheme.style = styleName
+        if currentTheme.color == "":
+          currentTheme.color = "Blue"
+
+proc makeAccentButton(accentColor: string): Widget =
+  let
+    shade = if currentTheme.shade == "": "" else: fmt"-{currentTheme.shade}"
+    style = if currentTheme.style in ["Default", ""]: "" else: fmt"-{currentTheme.style}"
+    color = if accentColor == "Blue": "" else: fmt"-{accentColor}"
+    theme = fmt"Colloid{color}{shade}{style}"
+
+  result = gui:
+    Button:
+      icon = fmt"{accentColor}{style}{shade}"
+      tooltip = accentColor
+      style = if accentColor == currentTheme.color:
+          [StyleClass("accent-button"), ButtonSuggested]
+        else:
+          [StyleClass("accent-button"), ButtonFlat]
+
+      proc clicked() =
+        setTheme(theme)
+        # Highlight this button
+        currentTheme.color = accentColor
+        if currentTheme.style == "":
+          currentTheme.style = "Default"
 
 proc runCommand(command: string, args: openArray[string]): bool =
   ## This will run a command with the given args and return true upon success
@@ -40,7 +227,7 @@ proc setTheme(themeName: string) =
   var panelNotification: string
 
   # Set the icon theme and panel color according to the chosen theme
-  if themeName.endsWith("-Dark") or themeName.endsWith("-Dark-Nord"):
+  if themeName.endsWith("-Dark") or themeName.contains("-Dark-"):
     setIconTheme("zafiro-dark")
   else:
     setIconTheme("zafiro")
@@ -52,80 +239,5 @@ proc setTheme(themeName: string) =
     args=["--channel=xsettings", "--property=/Net/ThemeName", "--create", "--type=string", "--set", themeName])
 
   # Send notification about the theme change
-  sendNotification(applicationID, "Theme Switcher", fmt"{themeName} theme{panelNotification} is enabled",
+  sendNotification(appID, "Theme Switcher", fmt"{themeName} theme{panelNotification} is enabled",
-    icon=fmt"{iconsDir}/{themeName}.svg")
+    icon=appLogo)
-
-
-var
-  oldConfigDir: Option[string]
-  configDirChanged: bool
-
-# Prevent loading GTK theme from ~/.config/gtk-4.0 directory when it is a symlink
-if symlinkExists(getConfigDir() / "gtk-4.0"):
-  if existsEnv("XDG_CONFIG_HOME"):
-    oldConfigDir = some(getEnv("XDG_CONFIG_HOME"))
-  putEnv("XDG_CONFIG_HOME", "/dev/null")
-  configDirChanged = true
-
-# Display the GTK-4 GUI using owlkettle
-viewable App:
-  highlightButton: array[2, string]
-  hooks:
-    build:
-      # Reset the user's XDG_CONFIG_HOME variable back to what it was before
-      if configDirChanged == true:
-        if oldConfigDir.isNone():
-          delEnv("XDG_CONFIG_HOME")
-        else:
-          putEnv("XDG_CONFIG_HOME", get(oldConfigDir))
-
-      let currentTheme: string = execProcess("/usr/bin/xfconf-query",
-        args=["--channel=xsettings", "--property=/Net/ThemeName"],
-        options={})[0 .. ^2]
-
-      let currentThemeSplit: seq[string] = currentTheme.split('-', 2)
-
-      if currentThemeSplit.len() < 3 or currentThemeSplit[0] != "Colloid":
-        return
-
-      let currentThemeColor = currentThemeSplit[1]
-      let currentThemeStyle = currentThemeSplit[2]
-
-      # Highlight current theme button
-      state.highlightButton = [currentThemeColor, currentThemeStyle]
-
-method view(app: AppState): Widget =
-  result = gui:
-    Window:
-      title = "TROMjaro Theme Switcher"
-      # Shrink window to the smallest size
-      defaultSize = (0, 0)
-      iconName = "tromjaro-theme-switcher"
-      # Vertical box
-      Box(orient = OrientY, margin = 7, spacing = 5):
-        Label:
-          text="A Theme Switcher for TROMjaro's default theme-set (Colloid) and icon-set (Zafiro)."
-        Label {.vAlign: AlignStart.}:
-          useMarkup = true
-          text="<span size='small'>NOTE: Some apps need to be reopened for the theme to be applied.</span>"
-        for themeStyle in themeStyles:
-          # Horizontal box
-          Box(orient = OrientX, spacing = 5):
-            for themeColor in themeColors:
-              Button {.vAlign: AlignCenter, hAlign: AlignCenter.}:
-                icon = fmt"Colloid-{themeColor}-{themeStyle}"
-                # Teal-Dark-Nord theme will have "(default)" added to its tooltip
-                tooltip = if (themeColor, themeStyle) == ("Teal", "Dark-Nord"):
-                    fmt"{themeColor}-{themeStyle} (default)"
-                  else:
-                    fmt"{themeColor}-{themeStyle}"
-                style = if [themeColor, themeStyle] == app.highlightButton:
-                    ButtonSuggested
-                  else:
-                    ButtonFlat
-                proc clicked() =
-                  setTheme(fmt"Colloid-{themeColor}-{themeStyle}")
-                  # Highlight this button
-                  app.highlightButton = [themeColor, themeStyle]
-
-brew(applicationID, gui(App()), icons=[iconsDir], stylesheets=[newStylesheet(gtkCSS)])