Appearence Enhancements

.config/ags/config.js

@@ -10,7 +10,7 @@ import { firstRunWelcome, startBatteryWarningService } from './services/messages
 import { startAutoDarkModeService } from './services/darkmode.js';
 // Widgets
 import { Bar, BarCornerTopleft, BarCornerTopright } from './modules/bar/main.js';
-// import Cheatsheet from './modules/cheatsheet/main.js';
+import Cheatsheet from './modules/cheatsheet/main.js';
 // import DesktopBackground from './modules/desktopbackground/main.js';
 import Wallselect from './modules/wallselect/main.js'
 import Dock from './modules/dock/main.js';
@@ -46,7 +46,7 @@ const Windows = () => [
     forMonitors(Wallselect),
     Overview(),
     forMonitors(Indicator),
-  //  forMonitors(Cheatsheet),
+    forMonitors(Cheatsheet),
     SideLeft(),
     SideRight(),
     forMonitors(Osk),

.config/ags/modules/bar/normal/workspaces_hyprland.js

@@ -38,7 +38,7 @@ const getFontWeightName = (weight) => {
 
 // Number style conversion functions
 const numberStyles = {
-    'arabic': (n) => n.toString(),
+    'normal': (n) => n.toString(),
     'thai': (n) => n.toString().replace(/[0-9]/g, d => '๐๑๒๓๔๕๖๗๘๙'[d]),
     'japanese': (n) => n.toString().replace(/[0-9]/g, d => '〇一二三四五六七八九'[d]),
     'chinese': (n) => n.toString().replace(/[0-9]/g, d => '零一二三四五六七八九'[d]),
@@ -47,8 +47,8 @@ const numberStyles = {
     'bengali': (n) => n.toString().replace(/[0-9]/g, d => '০১২৩৪৫৬৭৮৯'[d])
 };
 
-const convertNumber = (number, style = 'arabic') => {
-    const converter = numberStyles[style] || numberStyles.arabic;
+const convertNumber = (number, style = 'normal') => {
+    const converter = numberStyles[style] || numberStyles.normal;
     return converter(number);
 };
 
@@ -182,7 +182,7 @@ const WorkspaceContents = (count = 10) => {
                         cr.setSourceRGBA(inactivecolors.red, inactivecolors.green, inactivecolors.blue, inactivecolors.alpha);
 
                     // Convert number to selected style
-                    const numberStyle = userOptions.workspaces.style || 'arabic';
+                    const numberStyle = userOptions.workspaces.style || 'normal';
                     const displayNumber = convertNumber(i + offset, numberStyle);
                     layout.set_text(displayNumber, -1);
 

.config/ags/modules/indicators/colorscheme.js

@@ -87,13 +87,13 @@ const schemeOptionsArr = [
         { name: getString('Neutral'), value: 'neutral' },
         { name: getString('Monochrome'), value: 'monochrome' },
         { name: getString('Expressive'), value: 'expressive' },
-        { name: getString('Vibrant'), value: 'content' },
+        // { name: getString('Vibrant'), value: 'content' },
+        { name: getString('Content'), value: 'content' },
     ],
     [
         // { name: getString('Vibrant+'), value: 'morevibrant' },
     ],
     [
-     { name: getString('Content'), value: 'content' },
     ]
 ];
 

.config/ags/modules/wallselect/main.js

@@ -3,6 +3,7 @@ import * as Utils from "resource:///com/github/Aylur/ags/utils.js";
 import App from "resource:///com/github/Aylur/ags/app.js";
 import userOptions from "../.configuration/user_options.js";
 import GLib from 'gi://GLib';
+import Gio from 'gi://Gio';
 const { Box, Label, EventBox, Scrollable, Button } = Widget;
 // Constants
 const CONFIG_DIR = GLib.get_home_dir() + '/.config/ags';
@@ -12,6 +13,55 @@ const THUMBNAIL_DIR = GLib.build_filenamev([WALLPAPER_DIR, "thumbnails"]);
 // Cached Variables
 let wallpaperPathsPromise = null;
 let cachedContent = null;
+let fileMonitor = null;
+
+// Initialize file monitoring
+const initFileMonitor = () => {
+    if (fileMonitor) return;
+
+    const file = Gio.File.new_for_path(WALLPAPER_DIR);
+    fileMonitor = file.monitor_directory(Gio.FileMonitorFlags.NONE, null);
+
+    fileMonitor.connect('changed', (_, file, otherFile, eventType) => {
+        const path = file.get_path();
+        const ext = path.toLowerCase().split('.').pop();
+        const validExts = ['jpg', 'jpeg', 'png', 'gif', 'webp', 'tga', 'tiff', 'bmp', 'ico'];
+
+        // Handle both file creation and deletion
+        if ((eventType === Gio.FileMonitorEvent.CREATED || 
+             eventType === Gio.FileMonitorEvent.DELETED) && 
+            validExts.includes(ext)) {
+
+            const action = eventType === Gio.FileMonitorEvent.CREATED ? 'added' : 'deleted';
+
+            if (eventType === Gio.FileMonitorEvent.DELETED) {
+                // Get the thumbnail path
+                const filename = path.split('/').pop();
+                const thumbnailPath = GLib.build_filenamev([THUMBNAIL_DIR, filename]);
+
+                // Delete the thumbnail if it exists
+                if (GLib.file_test(thumbnailPath, GLib.FileTest.EXISTS)) {
+                    GLib.unlink(thumbnailPath);
+                }
+            }
+
+            // Regenerate thumbnails
+            Utils.execAsync([`bash`, `${CONFIG_DIR}/scripts/generate_thumbnails.sh`])
+                .then(() => {
+                    // Reset caches
+                    wallpaperPathsPromise = null;
+                    cachedContent = null;
+
+                    // Refresh UI if visible
+                    if (App.getWindow('wallselect')?.visible) {
+                        App.closeWindow('wallselect');
+                        App.openWindow('wallselect');
+                    }
+                });
+        }
+    });
+};
+
 
 // Wallpaper Button
 const WallpaperButton = (path) => 
@@ -62,13 +112,12 @@ const createContent = async () => {
         return cachedContent;
 
     } catch (error) {
-        console.error("Error creating content:", error);
         return Box({
             className: "wallpaper-error",
             vexpand: true,
             hexpand: true,
             children: [
-                Label({ label: "Error loading wallpapers. Check the console for details.", className: "txt-large txt-error", }),
+                Label({ label: "Error loading wallpapers.", className: "txt-large txt-error", }),
             ],
         });
     }
@@ -112,8 +161,7 @@ const GenerateButton = () => Widget.Button({
                 cachedContent = null; // Invalidate cache
                 App.closeWindow('wallselect');
                 App.openWindow('wallselect');
-            })
-            .catch((error) => console.error("Error generating thumbnails:", error));
+            });
     },
 });
 
@@ -125,6 +173,9 @@ const toggleWindow = () => {
 };
 export { toggleWindow };
 
+// Initialize monitoring when the module loads
+initFileMonitor();
+
 // Main Window
 export default () => Widget.Window({
     name: "wallselect",
@@ -142,7 +193,7 @@ export default () => Widget.Window({
             Box({
                 vertical: true,
                 className: "sidebar-right spacing-v-15",
-                vpack: "start",
+                vpack: 'start',
                 children: [
                     Box({
                         className: "wallselect-header",

.config/ags/scripts/color_generation/colorgen.sh

@@ -23,11 +23,11 @@ materialscheme=""
 if [ ! -f $colormodefile ]; then
     echo "dark" > $colormodefile
     echo "opaque" >> $colormodefile
-    echo "vibrant" >> $colormodefile
+    echo "content" >> $colormodefile
 elif [[ $(wc -l < $colormodefile) -ne 3 || $(wc -w < $colormodefile) -ne 3 ]]; then
     echo "dark" > $colormodefile
     echo "opaque" >> $colormodefile
-    echo "vibrant" >> $colormodefile
+    echo "content" >> $colormodefile
 else
     lightdark=$(sed -n '1p' $colormodefile)
     transparency=$(sed -n '2p' $colormodefile)
@@ -53,7 +53,7 @@ if [[ ! "$1" = "#"* ]]; then # this is an image
     echo "$1" > "$STATE_DIR/user/current_wallpaper.txt"
 fi
 
-matugen image "$1" -m "$lightdark" -t "scheme-$materialscheme" 
+matugen image "$1" --mode "$lightdark" -t "scheme-$materialscheme" 
 # Apply the generated colors if --apply flag is set
 if [ "$2" = "" ]; then
 exit

.config/ags/scss/wallselect.scss

@@ -1,19 +1,19 @@
 .wallpaper-list {
     .preview-box {
-        min-width: 150px;
-        min-height: 90px;
+        min-width: 9.375rem;
+        min-height: 5.625rem;
         background-size: cover;
         background-position: center;
-        border-radius: 8px;
+        border-radius: 0.5rem;
     }
 
     button {
-        padding: 4px;
-        margin: 4px;
+        padding: 0.25rem;
+        margin: 0.25rem;
     }
 
     .scroll-box {
-        min-height: 110px;
+        min-height: 6.875rem;
     }
 }
 
@@ -35,7 +35,7 @@
 
 .generate-thumbnails {
     padding: 0.5rem 1rem;
-    border-radius: 9999px;
+    border-radius: 624.9375rem;
     background-color: $secondaryContainer;
     color: $onSecondaryContainer;
     margin-right: 0.5rem;

.config/anyrun/style.css

@@ -1,6 +1,6 @@
 * {
     all: unset;
-    font-size: 1.3rem;
+    font-size: 1.4rem;
 }
 
 #window,
@@ -33,12 +33,12 @@
 #match:selected,
 #match:hover,
 #plugin:hover {
-    background: #2e3131;
+    background: #121318;
 }
 
 #entry {
-    background: #0b0f10;
-    border: 1px solid #0b0f10;
+    background: #121318;
+    /* border: 1px solid #8f9099; */
     border-radius: 16px;
     margin: 0.5rem;
     padding: 0.3rem 1rem;
@@ -59,8 +59,9 @@ list > #plugin:hover {
 }
 
 box#main {
-    background: #0b0f10;
-    box-shadow: inset 0 0 0 1px #0b0f10, 0 0 0 1px #0b0f10;
-    border-radius: 24px;
+    background: #121318;
+    /* box-shadow: inset 0 0 0 1px #000000, 0 0 0 1px; */
+    border-radius: 20px;
+    min-height:30px;
     padding: 0.3rem;
 }