commit 16b0d77075016388622aae95302b8de24eee2e1f
Author: end-4 <97237370+end-4@users.noreply.github.com>
Date:   Mon Dec 25 18:16:14 2023 +0700

    Initial commit

diff --git a/.config/ags/assets/openai-logomark.svg b/.config/ags/assets/openai-logomark.svg
new file mode 100644
index 000000000..e04db75a5
--- /dev/null
+++ b/.config/ags/assets/openai-logomark.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 320 320" xmlns="http://www.w3.org/2000/svg"><path d="m297.06 130.97c7.26-21.79 4.76-45.66-6.85-65.48-17.46-30.4-52.56-46.04-86.84-38.68-15.25-17.18-37.16-26.95-60.13-26.81-35.04-.08-66.13 22.48-76.91 55.82-22.51 4.61-41.94 18.7-53.31 38.67-17.59 30.32-13.58 68.54 9.92 94.54-7.26 21.79-4.76 45.66 6.85 65.48 17.46 30.4 52.56 46.04 86.84 38.68 15.24 17.18 37.16 26.95 60.13 26.8 35.06.09 66.16-22.49 76.94-55.86 22.51-4.61 41.94-18.7 53.31-38.67 17.57-30.32 13.55-68.51-9.94-94.51zm-120.28 168.11c-14.03.02-27.62-4.89-38.39-13.88.49-.26 1.34-.73 1.89-1.07l63.72-36.8c3.26-1.85 5.26-5.32 5.24-9.07v-89.83l26.93 15.55c.29.14.48.42.52.74v74.39c-.04 33.08-26.83 59.9-59.91 59.97zm-128.84-55.03c-7.03-12.14-9.56-26.37-7.15-40.18.47.28 1.3.79 1.89 1.13l63.72 36.8c3.23 1.89 7.23 1.89 10.47 0l77.79-44.92v31.1c.02.32-.13.63-.38.83l-64.41 37.19c-28.69 16.52-65.33 6.7-81.92-21.95zm-16.77-139.09c7-12.16 18.05-21.46 31.21-26.29 0 .55-.03 1.52-.03 2.2v73.61c-.02 3.74 1.98 7.21 5.23 9.06l77.79 44.91-26.93 15.55c-.27.18-.61.21-.91.08l-64.42-37.22c-28.63-16.58-38.45-53.21-21.95-81.89zm221.26 51.49-77.79-44.92 26.93-15.54c.27-.18.61-.21.91-.08l64.42 37.19c28.68 16.57 38.51 53.26 21.94 81.94-7.01 12.14-18.05 21.44-31.2 26.28v-75.81c.03-3.74-1.96-7.2-5.2-9.06zm26.8-40.34c-.47-.29-1.3-.79-1.89-1.13l-63.72-36.8c-3.23-1.89-7.23-1.89-10.47 0l-77.79 44.92v-31.1c-.02-.32.13-.63.38-.83l64.41-37.16c28.69-16.55 65.37-6.7 81.91 22 6.99 12.12 9.52 26.31 7.15 40.1zm-168.51 55.43-26.94-15.55c-.29-.14-.48-.42-.52-.74v-74.39c.02-33.12 26.89-59.96 60.01-59.94 14.01 0 27.57 4.92 38.34 13.88-.49.26-1.33.73-1.89 1.07l-63.72 36.8c-3.26 1.85-5.26 5.31-5.24 9.06l-.04 89.79zm14.63-31.54 34.65-20.01 34.65 20v40.01l-34.65 20-34.65-20z"/></svg>
\ No newline at end of file
diff --git a/.config/ags/config.js b/.config/ags/config.js
new file mode 100644
index 000000000..d5614b7d0
--- /dev/null
+++ b/.config/ags/config.js
@@ -0,0 +1,64 @@
+"strict mode";
+// Import
+import { App, Utils } from './imports.js';
+import { firstRunWelcome } from './services/messages.js';
+// Widgets
+import Bar from './widgets/bar/main.js';
+import Cheatsheet from './widgets/cheatsheet/main.js';
+import DesktopBackground from './widgets/desktopbackground/main.js';
+import Dock from './widgets/dock/main.js';
+import { CornerTopleft, CornerTopright, CornerBottomleft, CornerBottomright } from './widgets/screencorners/main.js';
+import Indicator from './widgets/indicators/main.js';
+import Osk from './widgets/onscreenkeyboard/main.js';
+import Overview from './widgets/overview/main.js';
+import Session from './widgets/session/main.js';
+import SideLeft from './widgets/sideleft/main.js';
+import SideRight from './widgets/sideright/main.js';
+
+// Longer than actual anim time (see styles) to make sure widgets animate fully
+const CLOSE_ANIM_TIME = 210;
+
+// Init cache and check first run
+Utils.exec(`bash -c 'mkdir -p ~/.cache/ags/user/colorschemes'`);
+
+// SCSS compilation
+Utils.exec(`bash -c 'echo "" > ${App.configDir}/scss/_musicwal.scss'`); // reset music styles
+Utils.exec(`bash -c 'echo "" > ${App.configDir}/scss/_musicmaterial.scss'`); // reset music styles
+Utils.exec(`sassc ${App.configDir}/scss/main.scss ${App.configDir}/style.css`);
+App.resetCss();
+App.applyCss(`${App.configDir}/style.css`);
+
+// Config object
+export default {
+    css: `${App.configDir}/style.css`,
+    stackTraceOnError: true,
+    closeWindowDelay: { // For animations
+        'sideright': CLOSE_ANIM_TIME,
+        'sideleft': CLOSE_ANIM_TIME,
+        'osk': CLOSE_ANIM_TIME,
+    },
+    windows: [
+        // Bar() is below
+        CornerTopleft(),
+        CornerTopright(),
+        CornerBottomleft(),
+        CornerBottomright(),
+        DesktopBackground(),
+        Dock(), // Buggy
+        Overview(),
+        Indicator(),
+        Cheatsheet(),
+        SideLeft(),
+        SideRight(),
+        Osk(), // On-screen keyboard
+        Session(), // Power menu, if that's what you like to call it
+    ],
+};
+
+// We don't want context menus of the bar's tray go under the rounded corner below,
+// So bar is returned after 1ms, making it get spawned after the corner
+// And having an Utils.timeout in that window array just gives an error
+// Not having it in default export is fine since we don't need to toggle it
+Bar(); 
+
+// uwu
\ No newline at end of file
diff --git a/.config/ags/data/keybinds.js b/.config/ags/data/keybinds.js
new file mode 100644
index 000000000..8d0eeb0ae
--- /dev/null
+++ b/.config/ags/data/keybinds.js
@@ -0,0 +1,135 @@
+export const keybindList = [[
+    {
+        "icon": "pin_drop",
+        "name": "Workspaces: navigation",
+        "binds": [
+            { "keys": ["", "+", "#"], "action": "Go to workspace #" },
+            { "keys": ["", "+", "S"], "action": "Toggle special workspace" },
+            { "keys": ["", "+", "(Scroll ↑↓)"], "action": "Go to workspace -1/+1" },
+            { "keys": ["Ctrl", "", "+", "←"], "action": "Go to workspace on the left" },
+            { "keys": ["Ctrl", "", "+", "→"], "action": "Go to workspace on the right" },
+            { "keys": ["", "+", "PageUp"], "action": "Go to workspace on the left" },
+            { "keys": ["", "+", "PageDown"], "action": "Go to workspace on the right" }
+        ],
+        "appeartick": 1
+    },
+    {
+        "icon": "overview_key",
+        "name": "Workspaces: management",
+        "binds": [
+            { "keys": ["", "Alt", "+", "#"], "action": "Move window to workspace #" },
+            { "keys": ["", "Alt", "+", "S"], "action": "Move window to special workspace" },
+            { "keys": ["", "Alt", "+", "PageUp"], "action": "Move window to workspace on the left" },
+            { "keys": ["", "Alt", "+", "PageDown"], "action": "Move window to workspace on the right" }
+        ],
+        "appeartick": 1
+    },
+    {
+        "icon": "move_group",
+        "name": "Windows",
+        "binds": [
+            { "keys": ["", "+", "←↑→↓"], "action": "Focus window in direction" },
+            { "keys": ["", "Shift", "+", "←↑→↓"], "action": "Swap window in direction" },
+            { "keys": ["", "+", ";"], "action": "Split ratio -" },
+            { "keys": ["", "+", "'"], "action": "Split ratio +" },
+            { "keys": ["", "+", "Lmb"], "action": "Move window" },
+            { "keys": ["", "+", "Mmb"], "action": "Move window" },
+            { "keys": ["", "+", "Rmb"], "action": "Resize window" },
+            { "keys": ["", "+", "F"], "action": "Fullscreen" },
+            { "keys": ["", "Alt", "+", "F"], "action": "Fake fullscreen" }
+        ],
+        "appeartick": 1
+    }
+],
+[
+    {
+        "icon": "widgets",
+        "name": "Widgets (AGS)",
+        "binds": [
+            { "keys": ["", "OR", "", "+", "Tab"], "action": "Toggle overview/launcher" },
+            { "keys": ["Ctrl", "", "+", "R"], "action": "Restart AGS" },
+            { "keys": ["", "+", "/"], "action": "Toggle this cheatsheet" },
+            { "keys": ["", "+", "N"], "action": "Toggle system sidebar" },
+            { "keys": ["", "+", "B", "OR", "", "+", "O"], "action": "Toggle utilities sidebar" },
+            { "keys": ["", "+", "K"], "action": "Toggle virtual keyboard" },
+            { "keys": ["Ctrl", "Alt", "+", "Del"], "action": "Power/Session menu" },
+
+            { "keys": ["Esc"], "action": "Exit a window" },
+            { "keys": ["rightCtrl"], "action": "Dismiss/close sidebar" },
+
+            { "keys": ["Ctrl", "", "+", "T"], "action": "Change wallpaper+colorscheme" },
+
+            // { "keys": ["", "+", "B"], "action": "Toggle left sidebar" },
+            // { "keys": ["", "+", "N"], "action": "Toggle right sidebar" },
+            // { "keys": ["", "+", "G"], "action": "Toggle volume mixer" },
+            // { "keys": ["", "+", "M"], "action": "Toggle useless audio visualizer" },
+            // { "keys": ["(right)Ctrl"], "action": "Dismiss notification & close menus" }
+        ],
+        "appeartick": 2
+    },
+    {
+        "icon": "construction",
+        "name": "Utilities",
+        "binds": [
+            { "keys": ["PrtSc"], "action": "Screenshot  >>  clipboard" },
+            { "keys": ["", "Shift", "+", "S"], "action": "Screen snip  >>  clipboard" },
+            { "keys": ["", "Shift", "+", "T"], "action": "Image to text  >>  clipboard" },
+            { "keys": ["", "Shift", "+", "C"], "action": "Color picker" },
+            { "keys": ["", "Alt", "+", "R"], "action": "Record region" },
+            { "keys": ["Ctrl", "Alt", "+", "R"], "action": "Record region with sound" },
+            { "keys": ["", "Shift", "Alt", "+", "R"], "action": "Record screen with sound" }
+        ],
+        "appeartick": 2
+    },
+    // {
+    //     "icon": "edit",
+    //     "name": "Edit mode",
+    //     "binds": [
+    //         { "keys": ["Esc"], "action": "Exit Edit mode" },
+    //         { "keys": ["#"], "action": "Go to to workspace #" },
+    //         { "keys": ["Alt", "+", "#"], "action": "Dump windows to workspace #" },
+    //         { "keys": ["Shift", "+", "#"], "action": "Swap windows with workspace #" },
+    //         { "keys": ["Lmb"], "action": "Move window" },
+    //         { "keys": ["Mmb"], "action": "Move window" },
+    //         { "keys": ["Rmb"], "action": "Resize window" }
+    //     ],
+    //     "appeartick": 2
+    // }
+],
+[
+    {
+        "icon": "apps",
+        "name": "Apps",
+        "binds": [
+            { "keys": ["", "+", "T"], "action": "Launch terminal: foot" },
+            { "keys": ["", "+", "W"], "action": "Launch browser: Firefox" },
+            { "keys": ["", "+", "C"], "action": "Launch editor: vscode" },
+            { "keys": ["", "+", "X"], "action": "Launch editor: GNOME Text Editor" },
+            { "keys": ["", "+", "I"], "action": "Launch settings: GNOME Control center" }
+        ],
+        "appeartick": 3
+    },
+    {
+        "icon": "keyboard",
+        "name": "Typing",
+        "binds": [
+            { "keys": ["", "+", "V"], "action": "Clipboard history  >>  clipboard" },
+            { "keys": ["", "+", "."], "action": "Emoji picker  >>  clipboard" },
+        ],
+        "appeartick": 3
+    },
+    {
+        "icon": "terminal",
+        "name": "Launcher actions",
+        "binds": [
+            { "keys": [">raw"], "action": "Toggle mouse acceleration" },
+            { "keys": [">img"], "action": "Select wallpaper and generate colorscheme" },
+            { "keys": [">light"], "action": "Switch to light theme" },
+            { "keys": [">dark"], "action": "Switch to dark theme" },
+            { "keys": [">badapple"], "action": "Apply black n' white colorscheme" },
+            { "keys": [">color"], "action": "Pick acccent color" },
+            { "keys": [">todo"], "action": "Type something after that to add a To-do item" },
+        ],
+        "appeartick": 3
+    }
+]];
diff --git a/.config/ags/data/keyboardlayouts.js b/.config/ags/data/keyboardlayouts.js
new file mode 100644
index 000000000..f58e378a4
--- /dev/null
+++ b/.config/ags/data/keyboardlayouts.js
@@ -0,0 +1,114 @@
+// We're going to use ydotool
+// See /usr/include/linux/input-event-codes.h for keycodes
+
+export const defaultOskLayout = "qwerty_full"
+export const oskLayouts = {
+    qwerty_full: {
+        name: "QWERTY - Full",
+        name_short: "US",
+        comment: "Like physical keyboard",
+        // A key looks like this: { k: "a", ks: "A", t: "normal" } (key, key-shift, type)
+        // key types are: normal, tab, caps, shift, control, fn (normal w/ half height), space, expand
+        // keys: [
+        //     [{ k: "Esc", t: "fn" }, { k: "F1", t: "fn" }, { k: "F2", t: "fn" }, { k: "F3", t: "fn" }, { k: "F4", t: "fn" }, { k: "F5", t: "fn" }, { k: "F6", t: "fn" }, { k: "F7", t: "fn" }, { k: "F8", t: "fn" }, { k: "F9", t: "fn" }, { k: "F10", t: "fn" }, { k: "F11", t: "fn" }, { k: "F12", t: "fn" }, { k: "PrtSc", t: "fn" }, { k: "Del", t: "fn" }],
+        //     [{ k: "`", ks: "~", t: "normal" }, { k: "1", ks: "!", t: "normal" }, { k: "2", ks: "@", t: "normal" }, { k: "3", ks: "#", t: "normal" }, { k: "4", ks: "$", t: "normal" }, { k: "5", ks: "%", t: "normal" }, { k: "6", ks: "^", t: "normal" }, { k: "7", ks: "&", t: "normal" }, { k: "8", ks: "*", t: "normal" }, { k: "9", ks: "(", t: "normal" }, { k: "0", ks: ")", t: "normal" }, { k: "-", ks: "_", t: "normal" }, { k: "=", ks: "+", t: "normal" }, { k: "Backspace", t: "shift" }],
+        //     [{ k: "Tab", t: "tab" }, { k: "q", ks: "Q", t: "normal" }, { k: "w", ks: "W", t: "normal" }, { k: "e", ks: "E", t: "normal" }, { k: "r", ks: "R", t: "normal" }, { k: "t", ks: "T", t: "normal" }, { k: "y", ks: "Y", t: "normal" }, { k: "u", ks: "U", t: "normal" }, { k: "i", ks: "I", t: "normal" }, { k: "o", ks: "O", t: "normal" }, { k: "p", ks: "P", t: "normal" }, { k: "[", ks: "{", t: "normal" }, { k: "]", ks: "}", t: "normal" }, { k: "\\", ks: "|", t: "expand" }],
+        //     [{ k: "Caps", t: "caps" }, { k: "a", ks: "A", t: "normal" }, { k: "s", ks: "S", t: "normal" }, { k: "d", ks: "D", t: "normal" }, { k: "f", ks: "F", t: "normal" }, { k: "g", ks: "G", t: "normal" }, { k: "h", ks: "H", t: "normal" }, { k: "j", ks: "J", t: "normal" }, { k: "k", ks: "K", t: "normal" }, { k: "l", ks: "L", t: "normal" }, { k: ";", ks: ":", t: "normal" }, { k: "'", ks: '"', t: "normal" }, { k: "Enter", t: "expand" }],
+        //     [{ k: "Shift", t: "shift" }, { k: "z", ks: "Z", t: "normal" }, { k: "x", ks: "X", t: "normal" }, { k: "c", ks: "C", t: "normal" }, { k: "v", ks: "V", t: "normal" }, { k: "b", ks: "B", t: "normal" }, { k: "n", ks: "N", t: "normal" }, { k: "m", ks: "M", t: "normal" }, { k: ",", ks: "<", t: "normal" }, { k: ".", ks: ">", t: "normal" }, { k: "/", ks: "?", t: "normal" }, { k: "Shift", t: "expand" }],
+        //     [{ k: "Ctrl", t: "control" }, { k: "Fn", t: "normal" }, { k: "Win", t: "normal" }, { k: "Alt", t: "normal" }, { k: "Space", t: "space" }, { k: "Alt", t: "normal" }, { k: "Menu", t: "normal" }, { k: "Ctrl", t: "control" }]
+        // ]
+        // A normal key looks like this: {label: "a", labelShift: "A", shape: "normal", keycode: 30, type: "normal"}
+        // A modkey looks like this: {label: "Ctrl", shape: "control", keycode: 29, type: "modkey"}
+        // key types are: normal, tab, caps, shift, control, fn (normal w/ half height), space, expand
+        keys: [
+            [
+                { keytype: "normal", label: "Esc", shape: "fn", keycode: 1 },
+                { keytype: "normal", label: "F1", shape: "fn", keycode: 59 },
+                { keytype: "normal", label: "F2", shape: "fn", keycode: 60 },
+                { keytype: "normal", label: "F3", shape: "fn", keycode: 61 },
+                { keytype: "normal", label: "F4", shape: "fn", keycode: 62 },
+                { keytype: "normal", label: "F5", shape: "fn", keycode: 63 },
+                { keytype: "normal", label: "F6", shape: "fn", keycode: 64 },
+                { keytype: "normal", label: "F7", shape: "fn", keycode: 65 },
+                { keytype: "normal", label: "F8", shape: "fn", keycode: 66 },
+                { keytype: "normal", label: "F9", shape: "fn", keycode: 67 },
+                { keytype: "normal", label: "F10", shape: "fn", keycode: 68 },
+                { keytype: "normal", label: "F11", shape: "fn", keycode: 87 },
+                { keytype: "normal", label: "F12", shape: "fn", keycode: 88 },
+                { keytype: "normal", label: "PrtSc", shape: "fn", keycode: 99 },
+                { keytype: "normal", label: "Del", shape: "fn", keycode: 111 }
+            ],
+            [
+                { keytype: "normal", label: "`", labelShift: "~", shape: "normal", keycode: 41 },
+                { keytype: "normal", label: "1", labelShift: "!", shape: "normal", keycode: 2 },
+                { keytype: "normal", label: "2", labelShift: "@", shape: "normal", keycode: 3 },
+                { keytype: "normal", label: "3", labelShift: "#", shape: "normal", keycode: 4 },
+                { keytype: "normal", label: "4", labelShift: "$", shape: "normal", keycode: 5 },
+                { keytype: "normal", label: "5", labelShift: "%", shape: "normal", keycode: 6 },
+                { keytype: "normal", label: "6", labelShift: "^", shape: "normal", keycode: 7 },
+                { keytype: "normal", label: "7", labelShift: "&", shape: "normal", keycode: 8 },
+                { keytype: "normal", label: "8", labelShift: "*", shape: "normal", keycode: 9 },
+                { keytype: "normal", label: "9", labelShift: "(", shape: "normal", keycode: 10 },
+                { keytype: "normal", label: "0", labelShift: ")", shape: "normal", keycode: 11 },
+                { keytype: "normal", label: "-", labelShift: "_", shape: "normal", keycode: 12 },
+                { keytype: "normal", label: "=", labelShift: "+", shape: "normal", keycode: 13 },
+                { keytype: "normal", label: "Backspace", shape: "expand", keycode: 14 }
+            ],
+            [
+                { keytype: "normal", label: "Tab", shape: "tab", keycode: 15 },
+                { keytype: "normal", label: "q", labelShift: "Q", shape: "normal", keycode: 16 },
+                { keytype: "normal", label: "w", labelShift: "W", shape: "normal", keycode: 17 },
+                { keytype: "normal", label: "e", labelShift: "E", shape: "normal", keycode: 18 },
+                { keytype: "normal", label: "r", labelShift: "R", shape: "normal", keycode: 19 },
+                { keytype: "normal", label: "t", labelShift: "T", shape: "normal", keycode: 20 },
+                { keytype: "normal", label: "y", labelShift: "Y", shape: "normal", keycode: 21 },
+                { keytype: "normal", label: "u", labelShift: "U", shape: "normal", keycode: 22 },
+                { keytype: "normal", label: "i", labelShift: "I", shape: "normal", keycode: 23 },
+                { keytype: "normal", label: "o", labelShift: "O", shape: "normal", keycode: 24 },
+                { keytype: "normal", label: "p", labelShift: "P", shape: "normal", keycode: 25 },
+                { keytype: "normal", label: "[", labelShift: "{", shape: "normal", keycode: 26 },
+                { keytype: "normal", label: "]", labelShift: "}", shape: "normal", keycode: 27 },
+                { keytype: "normal", label: "\\", labelShift: "|", shape: "expand", keycode: 43 }
+            ],
+            [
+                { keytype: "normal", label: "Caps", shape: "caps", keycode: 58 },
+                { keytype: "normal", label: "a", labelShift: "A", shape: "normal", keycode: 30 },
+                { keytype: "normal", label: "s", labelShift: "S", shape: "normal", keycode: 31 },
+                { keytype: "normal", label: "d", labelShift: "D", shape: "normal", keycode: 32 },
+                { keytype: "normal", label: "f", labelShift: "F", shape: "normal", keycode: 33 },
+                { keytype: "normal", label: "g", labelShift: "G", shape: "normal", keycode: 34 },
+                { keytype: "normal", label: "h", labelShift: "H", shape: "normal", keycode: 35 },
+                { keytype: "normal", label: "j", labelShift: "J", shape: "normal", keycode: 36 },
+                { keytype: "normal", label: "k", labelShift: "K", shape: "normal", keycode: 37 },
+                { keytype: "normal", label: "l", labelShift: "L", shape: "normal", keycode: 38 },
+                { keytype: "normal", label: ";", labelShift: ":", shape: "normal", keycode: 39 },
+                { keytype: "normal", label: "'", labelShift: '"', shape: "normal", keycode: 40 },
+                { keytype: "normal", label: "Enter", shape: "expand", keycode: 28 }
+            ],
+            [
+                { keytype: "modkey", label: "Shift", shape: "shift", keycode: 42 },
+                { keytype: "normal", label: "z", labelShift: "Z", shape: "normal", keycode: 44 },
+                { keytype: "normal", label: "x", labelShift: "X", shape: "normal", keycode: 45 },
+                { keytype: "normal", label: "c", labelShift: "C", shape: "normal", keycode: 46 },
+                { keytype: "normal", label: "v", labelShift: "V", shape: "normal", keycode: 47 },
+                { keytype: "normal", label: "b", labelShift: "B", shape: "normal", keycode: 48 },
+                { keytype: "normal", label: "n", labelShift: "N", shape: "normal", keycode: 49 },
+                { keytype: "normal", label: "m", labelShift: "M", shape: "normal", keycode: 50 },
+                { keytype: "normal", label: ",", labelShift: "<", shape: "normal", keycode: 51 },
+                { keytype: "normal", label: ".", labelShift: ">", shape: "normal", keycode: 52 },
+                { keytype: "normal", label: "/", labelShift: "?", shape: "normal", keycode: 53 },
+                { keytype: "modkey", label: "Shift", shape: "expand", keycode: 54 }
+            ],
+            [
+                { keytype: "modkey", label: "Ctrl", shape: "control", keycode: 29 },
+                // { label: "Super", shape: "normal", keycode: 125 }, // dangerous
+                { keytype: "modkey", label: "Alt", shape: "normal", keycode: 56 },
+                { keytype: "normal", label: "Space", shape: "space", keycode: 57 },
+                { keytype: "modkey", label: "Alt", shape: "normal", keycode: 100 },
+                // { label: "Super", shape: "normal", keycode: 126 }, // dangerous
+                { keytype: "normal", label: "Menu", shape: "normal", keycode: 139 },
+                { keytype: "modkey", label: "Ctrl", shape: "control", keycode: 97 }
+            ]
+        ]
+    }
+}
\ No newline at end of file
diff --git a/.config/ags/data/languages.js b/.config/ags/data/languages.js
new file mode 100644
index 000000000..c61eedd6b
--- /dev/null
+++ b/.config/ags/data/languages.js
@@ -0,0 +1,62 @@
+// For keyboard layout in lib/statusicons.js
+// This list is not exhaustive. It just includes known/possible languages of users of my dotfiles
+// Add your language here if you use multi-lang xkb input. Else, ignore
+// Note that something like "French (Canada)" should go before "French"
+//                      and "English (US)" should go before "English"
+export const languages = [
+    {
+        layout: 'us',
+        name: 'English (US)',
+        flag: '🇺🇸'
+    },
+    {
+        layout: 'ru',
+        name: 'Russian',
+        flag: '🇷🇺',
+    },
+    {
+        layout: 'pl',
+        name: 'Polish',
+        flag: '🇷🇵🇵🇱',
+    },
+    {
+        layout: 'ro',
+        name: 'Romanian',
+        flag: '🇷🇴',
+    },
+    {
+        layout: 'ca',
+        name: 'French (Canada)',
+        flag: '🇫🇷',
+    },
+    {
+        layout: 'fr',
+        name: 'French',
+        flag: '🇫🇷',
+    },
+    {
+        layout: 'tr',
+        name: 'Turkish',
+        flag: '🇹🇷',
+    },
+    {
+        layout: 'jp',
+        name: 'Japanese',
+        flag: '🇯🇵',
+    },
+    {
+        layout: 'cn',
+        name: 'Chinese',
+        flag: '🇨🇳',
+    },
+    {
+        layout: 'vn',
+        name: 'Vietnamese',
+        flag: '🇻🇳',
+    },
+    {
+        layout: 'undef',
+        name: 'Undefined',
+        flag: '🧐',
+    },
+]
\ No newline at end of file
diff --git a/.config/ags/data/quicklaunches.js b/.config/ags/data/quicklaunches.js
new file mode 100644
index 000000000..a5a9562f1
--- /dev/null
+++ b/.config/ags/data/quicklaunches.js
@@ -0,0 +1,14 @@
+export const quickLaunchItems = [
+    {
+        "name": "GitHub + Files×2",
+        "command": "github-desktop & nautilus --new-window & nautilus --new-window &"
+    },
+    {
+        "name": "Terminal×2",
+        "command": "foot & foot &"
+    },
+    {
+        "name": "Discord + Youtube + Github",
+        "command": "xdg-open 'https://discord.com/app' && xdg-open 'https://youtube.com/' && xdg-open 'https://github.com/' &"
+    },
+]
\ No newline at end of file
diff --git a/.config/ags/data/quotes.js b/.config/ags/data/quotes.js
new file mode 100644
index 000000000..7cea99075
--- /dev/null
+++ b/.config/ags/data/quotes.js
@@ -0,0 +1,14 @@
+export const quotes = [
+    {
+        quote: 'Nvidia, fuck you',
+        author: 'Linus Torvalds',
+    },
+    {
+        quote: 'reproducible system? cock and vagina?',
+        author: 'vaxry',
+    },
+    {
+        quote: "haha pointers hee hee i love pointe-\\\nProcess Vaxry exited with signal SIGSEGV",
+        author: 'vaxry',
+    }
+];
diff --git a/.config/ags/data/sourceviewtheme.xml b/.config/ags/data/sourceviewtheme.xml
new file mode 100644
index 000000000..cecf966b8
--- /dev/null
+++ b/.config/ags/data/sourceviewtheme.xml
@@ -0,0 +1,106 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<style-scheme id="custom" _name="Custom" version="1.0">
+  <author>end_4</author>
+  <_description>Monokai port but very random</_description>
+
+  <!-- The scheme tries to look like the default GVim scheme,
+       since it is also what the hardwired GtkSourceView 1 color
+       scheme did -->
+
+  <!-- Palette -->
+  <color name="white"      value="#F8F8F2"/>
+  <color name="blue"       value="#179FFF"/>
+  <color name="magenta"    value="#DA70D6"/>
+  <color name="violet"     value="#AA7FF9"/>
+  <color name="cyan"       value="#66D9EF"/>
+  <color name="grey"       value="#817D69"/>
+  <color name="green"      value="#A0D82E"/>
+  <color name="bordeaux"   value="#B22757"/>
+  <color name="red"        value="#F92672"/>
+  <color name="yellow"     value="#E4D973"/>
+  <color name="purple"     value="#A47AEE"/>
+
+  <color name="onSuccess"  value="#D1E8D5"/>
+  <color name="success"    value="#213528"/>
+  <color name="onError"    value="#ffb4a9"/>
+  <color name="error"      value="#680003"/>
+
+  <!-- Global Settings -->
+  <style name="current-line"                background="#3E3D32"/>
+  <style name="current-line-number"         background="#eeeeec"/>
+  <style name="draw-spaces"                 foreground="#babdb6"/>
+  <style name="background-pattern"          background="#rgba(0,0,0,0)"/>
+
+  <!-- Bracket Matching -->
+  <!-- <style name="bracket-match"               foreground="white" background="grey"/> -->
+  <!-- <style name="bracket-mismatch"            foreground="white" background="red"/> -->
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="#000000" background="#000000"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                background="yellow"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="grey" italic="true"/>
+  <style name="def:shebang"                 foreground="grey" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="white"/>
+  <style name="def:special-char"            foreground="yellow"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="green"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="cyan" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="cyan" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="purple"/>
+  <style name="def:error"                   background="red" bold="true"/>
+  <style name="def:warning"                 background="yellow"/>
+  <style name="def:note"                    foreground="bordeaux" bold="true"/>
+  <style name="def:underlined"              italic="true" underline="single"/>
+
+  <!-- Heading styles, uncomment to enable -->
+  <!--
+  <style name="def:heading0"                scale="5.0"/>
+  <style name="def:heading1"                scale="2.5"/>
+  <style name="def:heading2"                scale="2.0"/>
+  <style name="def:heading3"                scale="1.7"/>
+  <style name="def:heading4"                scale="1.5"/>
+  <style name="def:heading5"                scale="1.3"/>
+  <style name="def:heading6"                scale="1.2"/>
+  -->
+
+  <!-- Language specific styles -->
+  <style name="diff:added-line"             background="success" foreground="onSuccess"/>
+  <style name="diff:removed-line"           background="error" foreground="onError"/>
+  <style name="diff:changed-line"           use-style="def:preprocessor"/>
+  <style name="diff:special-case"           use-style="def:constant"/>
+  <style name="diff:location"               use-style="def:statement"/>
+  <style name="diff:diff-file"              use-style="def:type"/>
+
+  <style name="xml:tags"                    foreground="red"/>
+  <style name="xml:attribute-name"          foreground="green"/>
+  <style name="xml:namespace"               foreground="cyan" bold="true"/>
+
+  <style name="js:object"                   foreground="cyan" bold="true"/>
+  <style name="js:constructors"             foreground="cyan"/>
+
+  <style name="latex:display-math"          foreground="purple"/>
+  <style name="latex:command"               foreground="green" bold="true"/>
+  <style name="latex:include"               use-style="def:preprocessor"/>
+
+  <style name="sh:variable"                 foreground="purple"/>
+
+  <!-- legacy styles for old lang files -->
+  <style name="Others"                      foreground="cyan" bold="true"/>
+  <style name="Others 2"                    foreground="cyan"/>
+  <style name="Others 3"                    foreground="purple"/>
+
+</style-scheme>
diff --git a/.config/ags/imports.js b/.config/ags/imports.js
new file mode 100644
index 000000000..91abda6be
--- /dev/null
+++ b/.config/ags/imports.js
@@ -0,0 +1,39 @@
+const resource = file => `resource:///com/github/Aylur/ags/${file}.js`;
+const require = async file => (await import(resource(file))).default;
+const service = async file => (await require(`service/${file}`));
+
+export const App = await require('app');
+export const Widget = await require('widget');
+export const Service = await require('service');
+export const Variable = await require('variable');
+export const Utils = await import(resource('utils'));
+
+export const Applications = await service('applications');
+export const Audio = await service('audio');
+export const Battery = await service('battery');
+export const Bluetooth = await service('bluetooth');
+export const Hyprland = await service('hyprland');
+export const Mpris = await service('mpris');
+export const Network = await service('network');
+export const Notifications = await service('notifications');
+export const SystemTray = await service('systemtray');
+
+globalThis['App'] = App; //////////////////////////////
+// globalThis['Widget'] = Widget;
+// globalThis['Service'] = Service;
+// globalThis['Variable'] = Variable;
+globalThis['Utils'] = Utils; ///////////////////////////
+// globalThis['Applications'] = Applications;
+// globalThis['Audio'] = Audio;
+// globalThis['Battery'] = Battery;
+// globalThis['Bluetooth'] = Bluetooth;
+// globalThis['Hyprland'] = Hyprland;
+globalThis['Mpris'] = Mpris;
+// globalThis['Network'] = Network;
+globalThis['Notifications'] = Notifications;
+// globalThis['SystemTray'] = SystemTray;
+
+
+const { exec } = Utils;
+export const SCREEN_WIDTH = Number(exec(`bash -c "xrandr --current | grep '*' | uniq | awk '{print $1}' | cut -d 'x' -f1 | head -1" | awk '{print $1}'`));
+export const SCREEN_HEIGHT = Number(exec(`bash -c "xrandr --current | grep '*' | uniq | awk '{print $1}' | cut -d 'x' -f2 | head -1" | awk '{print $1}'`));
diff --git a/.config/ags/lib/actioncenter.js b/.config/ags/lib/actioncenter.js
new file mode 100644
index 000000000..9b8fb60f8
--- /dev/null
+++ b/.config/ags/lib/actioncenter.js
@@ -0,0 +1,245 @@
+// Not yet used. For cool drag and drop stuff. Thanks DevAlien
+
+const Toggles = {};
+Toggles.Wifi = NetworkToggle;
+Toggles.Bluetooth = BluetoothToggle;
+Toggles.DND = DNDToggle;
+Toggles.ThemeToggle = ThemeToggle;
+Toggles.ProfileToggle = ProfileToggle;
+// Toggles.Record = RecordToggle;
+// Toggles.Airplane = AirplaneToggle;
+// Toggles.DoNotDisturb = DoNotDisturbToggle;
+const TARGET = [Gtk.TargetEntry.new("text/plain", Gtk.TargetFlags.SAME_APP, 0)];
+
+export class ActionCenter extends Gtk.Box {
+  static {
+    GObject.registerClass({
+      GTypeName: 'ActionCenter',
+      Properties: {
+
+      },
+    }, this);
+  }
+
+  constructor({ className = "ActionCenter", toggles, ...rest }) {
+    super(rest);
+    this.toggles = Toggles
+    this.currentToggles = Settings.getSetting("toggles", []);
+    this.mainFlowBox = this._setupFlowBox(className + QSView.editing && className + "Editing");
+    this.mainFlowBox.connect("drag_motion", this._dragMotionMain);
+    this.mainFlowBox.connect("drag_drop", this._dragDropMain);
+    this._dragged = {};
+    this._draggedExtra = {};
+
+    this._dragged;
+    this._currentPosition = 0;
+    this._orderedState;
+    this._draggedName;
+
+    this.updateList(toggles, this.mainFlowBox)
+
+    this.set_orientation(Gtk.Orientation.VERTICAL);
+    this.add(this.mainFlowBox)
+    this.mainFlowBox.set_size_request(1, 30)
+    if (QSView.editing) {
+      this.extraFlowBox = this._setupFlowBox(className);
+      this.extraFlowBox.connect("drag_motion", this._dragMotionExtra);
+      this.extraFlowBox.connect("drag_drop", this._dragDropExtra);
+      this.updateList(this._getExtraToggles(), this.extraFlowBox)
+      this.add(Box({
+        vertical: true,
+        children: [
+          Label("Extra widgets"),
+          Label("Drop here to remove or drag from here to add"),
+          this.extraFlowBox
+        ]
+      }))
+    }
+  }
+
+  _getExtraToggles() {
+    let toggles = { ...this.toggles }
+    this.currentToggles.map(t => {
+      if (toggles[t]) {
+        delete toggles[t];
+      }
+    });
+    return Object.keys(toggles);
+  }
+
+  _setupFlowBox(className) {
+    const flowBox = new Gtk.FlowBox();
+    flowBox.set_valign(Gtk.Align.FILL);
+    flowBox.set_min_children_per_line(2);
+    flowBox.set_max_children_per_line(2);
+    flowBox.set_selection_mode(Gtk.SelectionMode.NONE);
+    flowBox.get_style_context().add_class(className);
+    flowBox.set_homogeneous(true);
+    flowBox.drag_dest_set(Gtk.DestDefaults.ALL, TARGET, Gdk.DragAction.COPY);
+
+    return flowBox;
+  }
+
+  createWidget = (name, index, type) => {
+    const editSetup = (widget) => {
+      widget.drag_source_set(
+        Gdk.ModifierType.BUTTON1_MASK,
+        TARGET,
+        Gdk.DragAction.COPY
+      );
+
+      widget.connect("drag-begin", (w, context) => {
+        const widgetContainer = widget.get_parent();
+
+        Gtk.drag_set_icon_surface(context, createSurfaceFromWidget(widgetContainer));
+        this._dragged = {
+          widget: widgetContainer.get_parent().get_parent(),
+          container: widgetContainer,
+          name: name,
+          currentPosition: type === "Main" ? index : null,
+          currentPositionExtra: type === "Extra" ? index : null,
+          from: type,
+        }
+        widgetContainer.get_style_context().add_class("hidden");
+        if (type !== "Main") {
+          this.extraFlowBox.remove(this._dragged.widget);
+        }
+
+
+        return true;
+      });
+      widget.connect("drag-failed", () => {
+        this.updateList(Settings.getSetting("toggles"), this.mainFlowBox)
+        this.updateList(this._getExtraToggles(), this.extraFlowBox)
+      });
+    }
+
+    let row = new Gtk.FlowBoxChild({ visible: true });
+    row.add(Toggles[name]({ setup: QSView.editing && editSetup, QSView: QSView }));
+    row._index = index;
+    row._name = name;
+    return row;
+  }
+
+  updateList(toggles, flowBox) {
+    let type = flowBox === this.mainFlowBox ? "Main" : "Extra"
+    var childrenBox = flowBox.get_children();
+    childrenBox.forEach((element) => {
+      flowBox.remove(element);
+      element.destroy();
+    });
+
+    if (!toggles) return;
+
+    toggles.forEach((name, i) => {
+      if (Toggles[name])
+        flowBox.add(this.createWidget(name, i, type));
+    });
+    flowBox.show_all();
+  }
+
+
+  _dragMotionMain = (widget, context, x, y, time) => {
+    if (this._dragged.currentPositionExtra !== null) {
+      this._dragged.currentPositionExtra = null;
+      if (this._isChild(this.extraFlowBox, this._dragged.widget)) {
+        this.extraFlowBox.remove(this._dragged.widget);
+      }
+    }
+    const children = this.mainFlowBox.get_children();
+    const sampleItem = children[0];
+    const sampleWidth = sampleItem.get_allocation().width;
+    const sampleHeight = sampleItem.get_allocated_height();
+    const perLine = Math.floor(this.mainFlowBox.get_allocation().width / sampleWidth);
+    const pos = Math.floor(y / sampleHeight) * perLine + Math.floor(x / sampleWidth);
+    if (pos >= children.length && pos !== 0) return false;
+
+    if (this._dragged.currentPosition === null) {
+      this.mainFlowBox.insert(this._dragged.widget, pos);
+
+      this._dragged.currentPosition = pos;
+    } else if (this._dragged.currentPosition !== pos) {
+      if (this._isChild(this.mainFlowBox, this._dragged.widget)) {
+        this.mainFlowBox.remove(this._dragged.widget);
+      }
+
+      this.mainFlowBox.insert(this._dragged.widget, pos);
+
+      this._dragged.currentPosition = pos;
+    }
+
+    return true;
+  }
+
+  _dragDropMain = () => {
+    if (this._dragged.from !== "Main") {
+      this.currentToggles.splice(this._dragged.currentPosition, 0, this._dragged.name);
+    } else {
+      const indexCurrentToggle = this.currentToggles.indexOf(this._dragged.name);
+      this.currentToggles.splice(indexCurrentToggle, 1);
+      this.currentToggles.splice(this._dragged.currentPosition, 0, this._dragged.name);
+    }
+
+    Settings.setSetting("toggles", this.currentToggles);
+    this._dragged.container.get_style_context().remove_class("hidden");
+    return true;
+  }
+
+  _dragDropExtra = () => {
+    if (this._dragged.from === "Main") {
+      const indexCurrentToggle = this.currentToggles.indexOf(this._dragged.name);
+      this.currentToggles.splice(indexCurrentToggle, 1);
+    }
+
+    Settings.setSetting("toggles", this.currentToggles);
+    this._dragged.container.get_style_context().remove_class("hidden");
+    return true;
+  }
+
+  _dragMotionExtra = (widget, context, x, y, time) => {
+    if (this._dragged.currentPosition !== null) {
+      this._dragged.currentPosition = null;
+      if (this._isChild(this.mainFlowBox, this._dragged.widget)) {
+        this.mainFlowBox.remove(this._dragged.widget);
+      }
+    }
+
+    const children = this.extraFlowBox.get_children();
+    const sampleItem = children[0];
+    let pos = 0;
+    if (sampleItem) {
+      const sampleWidth = sampleItem.get_allocation().width;
+      const sampleHeight = sampleItem.get_allocated_height();
+      const perLine = Math.floor(this.extraFlowBox.get_allocation().width / sampleWidth);
+      pos = Math.floor(y / sampleHeight) * perLine + Math.floor(x / sampleWidth);
+    }
+
+    if (pos >= children.length && pos !== 0) return false;
+
+    if (this._dragged.currentPositionExtra === null) {
+      this.extraFlowBox.insert(this._dragged.widget, pos);
+
+      this._dragged.currentPositionExtra = pos;
+    }
+
+    if (this._dragged.currentPositionExtra !== pos) {
+      if (this._isChild(this.extraFlowBox, this._dragged.widget)) {
+        this.extraFlowBox.remove(this._dragged.widget);
+      }
+
+      this.extraFlowBox.insert(this._dragged.widget, pos);
+
+      this._dragged.currentPositionExtra = pos;
+    }
+
+    return true;
+  }
+
+  _isChild(container, widget) {
+    let found = false;
+    container.get_children().forEach((c) => {
+      if (c === widget) found = true;
+    })
+    return found;
+  }
+}
\ No newline at end of file
diff --git a/.config/ags/lib/animatedcircularprogress.js b/.config/ags/lib/animatedcircularprogress.js
new file mode 100644
index 000000000..f108aa545
--- /dev/null
+++ b/.config/ags/lib/animatedcircularprogress.js
@@ -0,0 +1,104 @@
+const { Gdk, Gtk } = imports.gi;
+const GObject = imports.gi.GObject;
+const Lang = imports.lang;
+import { Utils, Widget } from '../imports.js';
+
+// -- Styling --
+// min-height for diameter
+// min-width for trough stroke
+// padding for space between trough and progress
+// margin for space between widget and parent
+// background-color for trough color
+// color for progress color
+// -- Usage --
+// font size for progress value (0-100px) (hacky i know, but i want animations)
+export const AnimatedCircProg = ({
+    initFrom = 0,
+    initTo = 0,
+    initAnimTime = 2900,
+    initAnimPoints = 1,
+    ...rest
+}) => Widget.DrawingArea({
+    ...rest,
+    css: `${initFrom != initTo ? 'font-size: ' + initFrom + 'px; transition: ' + initAnimTime + 'ms linear;' : ''}`,
+    setup: (area) => {
+        const styleContext = area.get_style_context();
+        const width = styleContext.get_property('min-height', Gtk.StateFlags.NORMAL);
+        const height = styleContext.get_property('min-height', Gtk.StateFlags.NORMAL);
+        const padding = styleContext.get_padding(Gtk.StateFlags.NORMAL).left;
+        const marginLeft = styleContext.get_margin(Gtk.StateFlags.NORMAL).left;
+        const marginRight = styleContext.get_margin(Gtk.StateFlags.NORMAL).right;
+        const marginTop = styleContext.get_margin(Gtk.StateFlags.NORMAL).top;
+        const marginBottom = styleContext.get_margin(Gtk.StateFlags.NORMAL).bottom;
+        area.set_size_request(width + marginLeft + marginRight, height + marginTop + marginBottom);
+        area.connect('draw', Lang.bind(area, (area, cr) => {
+            const styleContext = area.get_style_context();
+            const width = styleContext.get_property('min-height', Gtk.StateFlags.NORMAL);
+            const height = styleContext.get_property('min-height', Gtk.StateFlags.NORMAL);
+            const padding = styleContext.get_padding(Gtk.StateFlags.NORMAL).left;
+            const marginLeft = styleContext.get_margin(Gtk.StateFlags.NORMAL).left;
+            const marginRight = styleContext.get_margin(Gtk.StateFlags.NORMAL).right;
+            const marginTop = styleContext.get_margin(Gtk.StateFlags.NORMAL).top;
+            const marginBottom = styleContext.get_margin(Gtk.StateFlags.NORMAL).bottom;
+            area.set_size_request(width + marginLeft + marginRight, height + marginTop + marginBottom);
+
+            const progressValue = styleContext.get_property('font-size', Gtk.StateFlags.NORMAL) / 100.0;
+
+            const bg_stroke = styleContext.get_property('min-width', Gtk.StateFlags.NORMAL);
+            const fg_stroke = bg_stroke - padding;
+            const radius = Math.min(width, height) / 2.0 - Math.max(bg_stroke, fg_stroke) / 2.0;
+            const center_x = width / 2.0 + marginLeft;
+            const center_y = height / 2.0 + marginTop;
+            const start_angle = -Math.PI / 2.0;
+            const end_angle = start_angle + (2 * Math.PI * progressValue);
+            const start_x = center_x + Math.cos(start_angle) * radius;
+            const start_y = center_y + Math.sin(start_angle) * radius;
+            const end_x = center_x + Math.cos(end_angle) * radius;
+            const end_y = center_y + Math.sin(end_angle) * radius;
+
+            // Draw background
+            const background_color = styleContext.get_property('background-color', Gtk.StateFlags.NORMAL);
+            cr.setSourceRGBA(background_color.red, background_color.green, background_color.blue, background_color.alpha);
+            cr.arc(center_x, center_y, radius, 0, 2 * Math.PI);
+            cr.setLineWidth(bg_stroke);
+            cr.stroke();
+
+            if (progressValue == 0) return;
+
+            // Draw progress
+            const color = styleContext.get_property('color', Gtk.StateFlags.NORMAL);
+            cr.setSourceRGBA(color.red, color.green, color.blue, color.alpha);
+            cr.arc(center_x, center_y, radius, start_angle, end_angle);
+            cr.setLineWidth(fg_stroke);
+            cr.stroke();
+
+            // Draw rounded ends for progress arcs
+            cr.setLineWidth(0);
+            cr.arc(start_x, start_y, fg_stroke / 2, 0, 0 - 0.01);
+            cr.fill();
+            cr.arc(end_x, end_y, fg_stroke / 2, 0, 0 - 0.01);
+            cr.fill();
+        }));
+
+        // Init animation
+        if (initFrom != initTo) {
+            // area.css = `font-size: ${initFrom}px; transition: ${initAnimTime}ms linear;`;
+            Utils.timeout(20, () => {
+                area.css = `font-size: ${initTo}px;`;
+            })
+            // const transitionDistance = initTo - initFrom;
+            // const oneStep = initAnimTime / initAnimPoints;
+            // area.css = `
+            //     font-size: ${initFrom}px;
+            //     transition: ${oneStep}ms linear;
+            // `;
+            // for (let i = 0; i < initAnimPoints; i++) {
+            //     Utils.timeout(Math.max(10, i * oneStep), () => {
+            //         if(!area) return;
+            //         area.css = `${initFrom != initTo ? 'font-size: ' + (initFrom + (transitionDistance / initAnimPoints * (i + 1))) + 'px;' : ''}`;
+            //     });
+            // }
+        }
+        else area.css = 'font-size: 0px;';
+    },
+})
\ No newline at end of file
diff --git a/.config/ags/lib/calendarlayout.js b/.config/ags/lib/calendarlayout.js
new file mode 100644
index 000000000..0f1cf7514
--- /dev/null
+++ b/.config/ags/lib/calendarlayout.js
@@ -0,0 +1,87 @@
+const { GLib, Gio } = imports.gi;
+
+function checkLeapYear(year) {
+    return (
+        year % 400 == 0 ||
+        (year % 4 == 0 && year % 100 != 0));
+}
+
+function getMonthDays(month, year) {
+    const leapYear = checkLeapYear(year);
+    if ((month <= 7 && month % 2 == 1) || (month >= 8 && month % 2 == 0)) return 31;
+    if (month == 2 && leapYear) return 29;
+    if (month == 2 && !leapYear) return 28;
+    return 30;
+}
+
+function getNextMonthDays(month, year) {
+    const leapYear = checkLeapYear(year);
+    if (month == 1 && leapYear) return 29;
+    if (month == 1 && !leapYear) return 28;
+    if (month == 12) return 31;
+    if ((month <= 7 && month % 2 == 1) || (month >= 8 && month % 2 == 0)) return 30;
+    return 31;
+}
+
+function getPrevMonthDays(month, year) {
+    const leapYear = checkLeapYear(year);
+    if (month == 3 && leapYear) return 29;
+    if (month == 3 && !leapYear) return 28;
+    if (month == 1) return 31;
+    if ((month <= 7 && month % 2 == 1) || (month >= 8 && month % 2 == 0)) return 30;
+    return 31;
+}
+
+export function getCalendarLayout(dateObject, highlight) {
+    if (!dateObject) dateObject = new Date();
+    const weekday = (dateObject.getDay() + 6) % 7; // MONDAY IS THE FIRST DAY OF THE WEEK
+    const day = dateObject.getDate();
+    const month = dateObject.getMonth() + 1;
+    const year = dateObject.getFullYear();
+    const weekdayOfMonthFirst = (weekday + 35 - (day - 1)) % 7;
+    const daysInMonth = getMonthDays(month, year);
+    const daysInNextMonth = getNextMonthDays(month, year);
+    const daysInPrevMonth = getPrevMonthDays(month, year);
+
+    // Fill
+    var monthDiff = (weekdayOfMonthFirst == 0 ? 0 : -1);
+    var toFill, dim;
+    if(weekdayOfMonthFirst == 0) {
+        toFill = 1;
+        dim = daysInMonth;
+    }
+    else {
+        toFill = (daysInPrevMonth - (weekdayOfMonthFirst - 1));
+        dim = daysInPrevMonth;
+    }
+    var calendar = [...Array(6)].map(() => Array(7));
+    var i = 0, j = 0;
+    while (i < 6 && j < 7) {
+        calendar[i][j] = {
+            "day": toFill,
+            "today": ((toFill == day && monthDiff == 0 && highlight) ? 1 : (
+                monthDiff == 0 ? 0 :
+                    -1
+            ))
+        };
+        // Increment
+        toFill++;
+        if (toFill > dim) { // Next month?
+            monthDiff++;
+            if (monthDiff == 0)
+                dim = daysInMonth;
+            else if (monthDiff == 1)
+                dim = daysInNextMonth;
+            toFill = 1;
+        }
+        // Next tile
+        j++;
+        if (j == 7) {
+            j = 0;
+            i++;
+        }
+
+    }
+    return calendar;
+}
+
diff --git a/.config/ags/lib/configwidgets.js b/.config/ags/lib/configwidgets.js
new file mode 100644
index 000000000..c152d8b9d
--- /dev/null
+++ b/.config/ags/lib/configwidgets.js
@@ -0,0 +1,61 @@
+const { Gdk, Gtk } = imports.gi;
+import { App, Service, Utils, Variable, Widget } from '../imports.js';
+import { MaterialIcon } from './materialicon.js';
+import { setupCursorHover } from './cursorhover.js';
+const { Box, Button, Entry, EventBox, Icon, Label, Revealer, Scrollable, Stack } = Widget;
+
+export const ConfigToggle = ({ icon, name, desc = '', initValue, onChange, ...props }) => {
+    let value = initValue;
+    const toggleIcon = Label({
+        className: `icon-material txt-bold ${value ? '' : 'txt-poof'}`,
+        label: `${value ? 'check' : ''}`,
+    })
+    const toggleButtonIndicator = Box({
+        className: `switch-fg ${value ? 'switch-fg-true' : ''}`,
+        vpack: 'center',
+        hpack: 'start',
+        homogeneous: true,
+        children: [toggleIcon,],
+    });
+    const toggleButton = Box({
+        hpack: 'end',
+        className: `switch-bg ${value ? 'switch-bg-true' : ''}`,
+        homogeneous: true,
+        children: [toggleButtonIndicator,],
+    });
+    const widgetContent = Box({
+        tooltipText: desc,
+        className: 'txt spacing-h-5 configtoggle-box',
+        children: [
+            MaterialIcon(icon, 'norm'),
+            Label({
+                className: 'txt txt-small',
+                label: name,
+            }),
+            Box({ hexpand: true }),
+            toggleButton,
+        ]
+    });
+    const interactionWrapper = Button({
+        ...props,
+        child: widgetContent,
+        setup: setupCursorHover,
+        onClicked: () => { // mouse up/kb press
+            value = !value;
+            toggleIcon.toggleClassName('switch-fg-toggling-false', false);
+            toggleIcon.label = `${value ? 'check' : ''}`;
+            toggleIcon.toggleClassName('txt-poof', !value);
+            toggleButtonIndicator.toggleClassName('switch-fg-true', value);
+            toggleButton.toggleClassName('switch-bg-true', value);
+            onChange(interactionWrapper, value);
+        },
+        setup: (button) => {
+            button.connect('pressed', () => { // mouse down
+                toggleIcon.toggleClassName('txt-poof', true);
+                toggleIcon.toggleClassName('switch-fg-true', false);
+                if(!value) toggleIcon.toggleClassName('switch-fg-toggling-false', true);
+            });
+        }
+    });
+    return interactionWrapper;
+}
\ No newline at end of file
diff --git a/.config/ags/lib/cursorhover.js b/.config/ags/lib/cursorhover.js
new file mode 100644
index 000000000..58801c7d5
--- /dev/null
+++ b/.config/ags/lib/cursorhover.js
@@ -0,0 +1,99 @@
+const { Gdk, Gtk } = imports.gi;
+
+const CLICK_BRIGHTEN_AMOUNT = 0.13;
+
+export function setupCursorHover(button) {
+    const display = Gdk.Display.get_default();
+    button.connect('enter-notify-event', () => {
+        const cursor = Gdk.Cursor.new_from_name(display, 'pointer');
+        button.get_window().set_cursor(cursor);
+    });
+
+    button.connect('leave-notify-event', () => {
+        const cursor = Gdk.Cursor.new_from_name(display, 'default');
+        button.get_window().set_cursor(cursor);
+    });
+
+}
+
+export function setupCursorHoverAim(button) {
+    button.connect('enter-notify-event', () => {
+        const display = Gdk.Display.get_default();
+        const cursor = Gdk.Cursor.new_from_name(display, 'crosshair');
+        button.get_window().set_cursor(cursor);
+    });
+
+    button.connect('leave-notify-event', () => {
+        const display = Gdk.Display.get_default();
+        const cursor = Gdk.Cursor.new_from_name(display, 'default');
+        button.get_window().set_cursor(cursor);
+    });
+}
+
+export function setupCursorHoverGrab(button) {
+    button.connect('enter-notify-event', () => {
+        const display = Gdk.Display.get_default();
+        const cursor = Gdk.Cursor.new_from_name(display, 'grab');
+        button.get_window().set_cursor(cursor);
+    });
+
+    button.connect('leave-notify-event', () => {
+        const display = Gdk.Display.get_default();
+        const cursor = Gdk.Cursor.new_from_name(display, 'default');
+        button.get_window().set_cursor(cursor);
+    });
+}
+
+export function setupCursorHoverInfo(button) {
+    const display = Gdk.Display.get_default();
+    button.connect('enter-notify-event', () => {
+        const cursor = Gdk.Cursor.new_from_name(display, 'help');
+        button.get_window().set_cursor(cursor);
+    });
+
+    button.connect('leave-notify-event', () => {
+        const cursor = Gdk.Cursor.new_from_name(display, 'default');
+        button.get_window().set_cursor(cursor);
+    });
+}
+
+// failed radial ripple experiment
+//
+// var clicked = false;
+// var dummy = false;
+// var cursorX = 0;
+// var cursorY = 0;
+// const styleContext = button.get_style_context();
+// var clickColor = styleContext.get_property('background-color', Gtk.StateFlags.HOVER);
+// clickColor.green += CLICK_BRIGHTEN_AMOUNT;
+// clickColor.blue += CLICK_BRIGHTEN_AMOUNT;
+// clickColor.red += CLICK_BRIGHTEN_AMOUNT;
+// clickColor = clickColor.to_string();
+// button.add_events(Gdk.EventMask.POINTER_MOTION_MASK);
+// button.connect('motion-notify-event', (widget, event) => {
+//     [dummy, cursorX, cursorY] = event.get_coords(); // Get the mouse coordinates relative to the widget
+//     if(!clicked) widget.css = `
+//         background-image: radial-gradient(circle at ${cursorX}px ${cursorY}px, rgba(0,0,0,0), rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, ${clickColor} 0%, ${clickColor} 0%, ${clickColor} 0%, ${clickColor} 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%);
+//     `;
+// });
+
+// button.connect('button-press-event', (widget, event) => {
+//     clicked = true;
+//     [dummy, cursorX, cursorY] = event.get_coords(); // Get the mouse coordinates relative to the widget
+//     cursorX = Math.round(cursorX); cursorY = Math.round(cursorY);
+//     widget.css = `
+//         background-image: radial-gradient(circle at ${cursorX}px ${cursorY}px, rgba(0,0,0,0), rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, ${clickColor} 0%, ${clickColor} 0%, ${clickColor} 0%, ${clickColor} 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%);
+//     `;
+//     widget.toggleClassName('growingRadial', true);
+//     widget.css = `
+//         background-image: radial-gradient(circle at ${cursorX}px ${cursorY}px, rgba(0,0,0,0), rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, ${clickColor} 0%, ${clickColor} 0%, ${clickColor} 70%, ${clickColor} 70%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 70%);
+//     `
+// });
+// button.connect('button-release-event', (widget, event) => {
+//     widget.toggleClassName('growingRadial', false);
+//     widget.toggleClassName('fadingRadial', false);
+//     widget.css = `
+//     background-image: radial-gradient(circle at ${cursorX}px ${cursorY}px, rgba(0,0,0,0), rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 70%);
+//     `
+//     clicked = false;
+// });
diff --git a/.config/ags/lib/doublerevealer.js b/.config/ags/lib/doublerevealer.js
new file mode 100644
index 000000000..fe2855dc4
--- /dev/null
+++ b/.config/ags/lib/doublerevealer.js
@@ -0,0 +1,24 @@
+const { Gdk, Gtk } = imports.gi;
+import { App, Service, Utils, Variable, Widget } from '../imports.js';
+
+// TODO: Allow reveal update. Currently this just helps at declaration
+export const DoubleRevealer = ({
+    transition1 = 'slide_right',
+    transition2 = 'slide_left',
+    duration1 = 150,
+    duration2 = 150,
+    child,
+    revealChild,
+}) => {
+    return Widget.Revealer({
+        transition: transition1,
+        transitionDuration: duration1,
+        revealChild: revealChild,
+        child: Widget.Revealer({
+            transition: transition2,
+            transitionDuration: duration2,
+            revealChild: revealChild,
+            child: child,
+        })
+    })
+}
\ No newline at end of file
diff --git a/.config/ags/lib/materialicon.js b/.config/ags/lib/materialicon.js
new file mode 100644
index 000000000..a06530f0e
--- /dev/null
+++ b/.config/ags/lib/materialicon.js
@@ -0,0 +1,7 @@
+import { Widget } from '../imports.js';
+
+export const MaterialIcon = (icon, size, props = {}) => Widget.Label({
+    className: `icon-material txt-${size}`,
+    label: icon,
+    ...props,
+})
\ No newline at end of file
diff --git a/.config/ags/lib/md2pango.js b/.config/ags/lib/md2pango.js
new file mode 100644
index 000000000..828be71fd
--- /dev/null
+++ b/.config/ags/lib/md2pango.js
@@ -0,0 +1,255 @@
+// SPDX-FileCopyrightText: 2021 Uwe Jugel
+// SPDX-License-Identifier: MIT
+// This file is part of md2pango (https://github.com/ubunatic/md2pango).
+
+const monospaceFonts = 'JetBrains Mono NF, JetBrains Mono Nerd Font, JetBrains Mono NL, SpaceMono NF, SpaceMono Nerd Font, monospace'
+
+const H1 = "H1", H2 = "H2", H3 = "H3", H4 = "H4", H5 = "H5", BULLET = "BULLET", NUMBERING = "NUMBERING", CODE = "CODE"
+const BOLD = "BOLD", EMPH = "EMPH", INLCODE = "INLCODE", LINK = "LINK", HEXCOLOR = "HEXCOLOR", UND = "UND"
+
+let sub_h1, sub_h2, sub_h3, sub_h4, sub_h5
+
+// m2p_sections defines how to detect special markdown sections.
+// These expressions scan the full line to detect headings, lists, and code.
+const m2p_sections = [
+    //                                             h1 is actually 210% on github, but it's unecessary large imo
+    sub_h1 = { name: H1, re: /^(#\s+)(.*)(\s*)$/, sub: "<span font_weight='bold' size='150%'>$2</span>" },
+    sub_h2 = { name: H2, re: /^(##\s+)(.*)(\s*)$/, sub: "<span font_weight='bold' size='125%'>$2</span>" },
+    sub_h3 = { name: H3, re: /^(###\s+)(.*)(\s*)$/, sub: "<span font_weight='bold' size='100%'>$2</span>" },
+    sub_h4 = { name: H4, re: /^(####\s+)(.*)(\s*)$/, sub: "<span font_weight='bold' size='90%'>$2</span>" },
+    sub_h5 = { name: H5, re: /^(#####\s+)(.*)(\s*)$/, sub: "<span font_weight='bold' size='80%'>$2</span>" },
+    { name: BULLET, re: /^(\s*)([\*\-]\s)(.*)(\s*)$/, sub: "$1• $3" },
+    { name: NUMBERING, re: /^(\s*[0-9]+\.\s)(.*)(\s*)$/, sub: " $1$2" },
+]
+
+// m2p_styles defines how to replace inline styled text
+const m2p_styles = [
+    { name: BOLD, re: /(\*\*)(\S[\s\S]*?\S)(\*\*)/g, sub: "<b>$2</b>" },
+    { name: UND, re: /(__)(\S[\s\S]*?\S)(__)/g, sub: "<u>$2</u>" },
+    { name: EMPH, re: /\*(\S.*?\S)\*/g, sub: "<i>$1</i>" },
+    // { name: EMPH, re: /_(\S.*?\S)_/g, sub: "<i>$1</i>" },
+    { name: HEXCOLOR, re: /#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})/g, sub: `<span bgcolor='#$1' fgcolor='#000000' font_family='${monospaceFonts}'> #$1 </span>` },
+    { name: INLCODE, re: /(`)([^`]*)(`)/g, sub: `<span font_weight='bold' font_family='${monospaceFonts}' bgcolor='#000000' fgcolor='#ffffff'> $2 </span>` },
+    // { name: UND, re: /(__|\*\*)(\S[\s\S]*?\S)(__|\*\*)/g, sub: "<u>$2</u>" },
+]
+
+const re_comment = /^\s*<!--.*-->\s*$/
+const re_color = /^(\s*<!--\s*(fg|bg)=(#?[0-9a-z_A-Z-]*)\s*((fg|bg)=(#?[0-9a-z_A-Z-]*))?\s*-->\s*)$/
+const re_reset = /(<!--\/-->)/
+const re_uri = /http[s]?:\/\/[^\s']*/
+const re_href = "/href='(http[s]?:\\/\\/[^\\s]*)'"
+const re_atag = "<a\s.*>.*(http[s]?:\\/\\/[^\\s]*).*</a>/"
+const re_h1line = /^===+\s*$/
+const re_h2line = /^---+\s*$/
+
+const m2p_escapes = [
+    [/<!--.*-->/, ''],
+    [/&/g, '&amp;'],
+    [/</g, '&lt;'],
+    [/>/g, '&gt;'],
+]
+
+const code_color_span = "<span foreground='#bbb' background='#222'>"
+
+const escape_line = (line) => m2p_escapes.reduce((l, esc) => l.replace(...esc), line)
+
+const pad = (lines, start = 1, end = 1) => {
+    let len = lines.reduce((n, l) => l.length > n ? l.length : n, 0)
+    return lines.map((l) => l.padEnd(len + end, ' ').padStart(len + end + start, ' '))
+}
+
+export function convert(text) {
+    let lines = text.split('\n')
+
+    // Indicates if the current line is within a code block
+    let is_code = false
+    let code_lines = []
+
+    let output = []
+    let color_span_open = false
+    let tt_must_close = false
+
+    const try_close_span = () => {
+        if (color_span_open) {
+            output.push('</span>')
+            color_span_open = false
+        }
+    }
+
+    const try_open_span = () => {
+        if (!color_span_open) {
+            output.push('</span>')
+            color_span_open = false
+        }
+    }
+
+    for (const line of lines) {
+        // first parse color macros in non-code texts
+        if (!is_code) {
+            let colors = line.match(re_color)
+            if (colors || line.match(re_reset)) {
+                try_close_span()
+            }
+
+            if (colors) {
+                try_close_span()
+                if (color_span_open) {
+                    close_span()
+                }
+
+                let fg = colors[2] == 'fg' ? colors[3] : colors[5] == 'fg' ? colors[6] : ''
+                let bg = colors[2] == 'bg' ? colors[3] : colors[5] == 'bg' ? colors[6] : ''
+                let attrs = ''
+
+                if (fg != '') {
+                    attrs += ` foreground='${fg}'`
+                }
+
+                if (bg != '') {
+                    attrs += ` background='${bg}'`
+                }
+
+                if (attrs != '') {
+                    output.push(`<span${attrs}>`)
+                    color_span_open = true
+                }
+            }
+        }
+
+        // all macros processed, let's remove remaining comments
+        if (line.match(re_comment)) {
+            continue
+        }
+
+        // is this line an opening statement of a code block
+        let code_start = false
+
+        // escape all non-verbatim text
+        let result = is_code ? line : escape_line(line)
+
+        for (const { name, re, sub } of m2p_sections) {
+            if (line.match(re)) {
+                if (name === CODE) {
+                    if (!is_code) {
+                        // haven't been inside a code block, so ``` indicates
+                        // that it is starting now
+                        code_start = true
+                        is_code = true
+
+                        if (color_span_open) {
+                            // cannot color
+                            result = '<tt>'
+                            tt_must_close = false
+                        } else {
+                            result = code_color_span + '<tt>'
+                            tt_must_close = true
+                        }
+                    } else {
+                        // the code block ends now
+                        is_code = false
+                        output.push(...pad(code_lines).map(escape_line))
+                        code_lines = []
+                        result = '</tt>'
+                        if (tt_must_close) {
+                            result += '</span>'
+                            tt_must_close = false
+                        }
+                    }
+                } else {
+                    if (is_code) {
+                        result = line
+                    } else {
+                        result = line.replace(re, sub)
+                    }
+                }
+            }
+        }
+
+        if (is_code && !code_start) {
+            code_lines.push(result)
+            continue
+        }
+
+        if (line.match(re_h1line)) {
+            output.push(`# ${output.pop()}`.replace(sub_h1.re, sub_h1.sub))
+            continue
+        }
+
+        if (line.match(re_h2line)) {
+            output.push(`## ${output.pop()}`.replace(sub_h2.re, sub_h2.sub))
+            continue
+        }
+
+        // all other text can be styled
+        for (const style of m2p_styles) {
+            result = result.replace(style.re, style.sub)
+        }
+
+        // all raw urls can be linked if possible
+        let uri = result.match(re_uri)    // look for any URI
+        let href = result.match(re_href)   // and for URIs in href=''
+        let atag = result.match(re_atag)   // and for URIs in <a></a>
+        href = href && href[1] == uri
+        atag = href && atag[1] == uri
+        if (uri && (href || atag)) {
+            result = result.replace(uri, `<a href='${uri}'>${uri}</a>`)
+        }
+
+        output.push(result)
+    }
+
+    try_close_span()
+
+    // remove trailing whitespaces
+    output = output.map(line => line.replace(/ +$/, ''))
+
+    return output.join('\n')
+}
+
+const readFile = (f) => {
+    // node.js only and when running from the command line
+    const fs = require('fs')
+    return fs.readFileSync(f, 'utf8')
+}
+
+let __is_nodejs_main = false
+try {
+    // node.js specific checks and exports
+    __is_nodejs_main = (require.main === module)
+    exports.convert = convert
+} catch (e) { }
+
+if (__is_nodejs_main) {
+    // running in node.js called from the CLI
+    let args = process.argv.slice(2)
+    if (args.length == 0 || args.find((a) => a == '-h')) {
+        console.log(`Usage: ${process.argv[1]} FILE [FILE...]`)
+        process.exit(0)
+    }
+    args.forEach((f) => process.stdout.write(convert(readFile(f))))
+}
+
+export const markdownTest = `# Heading 1
+## Heading 2
+### Heading 3
+#### Heading 4
+##### Heading 5
+1. yes
+2. no
+127. well
+- Bulletpoint starting with minus
+* Bulletpoint starting with asterisk
+---
+- __Underline__ __ No underline __
+- **Bold** ** No bold **
+- _Italics1_ *Italics2* _ No Italics _
+- A color: #D6BAFF
+- nvidia green: #7ABB08
+  - sub-item
+\`\`\`javascript
+// A code block!
+myArray = [23, 123, 43, 54, '6969'];
+console.log('uwu');
+\`\`\`
+To update arch lincox, run \`sudo pacman -Syu\`
+`;
\ No newline at end of file
diff --git a/.config/ags/lib/navigationindicator.js b/.config/ags/lib/navigationindicator.js
new file mode 100644
index 000000000..26e9b83a7
--- /dev/null
+++ b/.config/ags/lib/navigationindicator.js
@@ -0,0 +1,72 @@
+const { Gdk, Gtk } = imports.gi;
+const GObject = imports.gi.GObject;
+const Lang = imports.lang;
+import { Utils, Widget } from '../imports.js';
+
+// min-height/min-width for height/width
+// background-color/color for background/indicator color
+// padding for pad of indicator
+// font-size for selected index (0-based)
+export const NavigationIndicator = (count, vertical, props) => Widget.DrawingArea({
+    ...props,
+    setup: (area) => {
+        const styleContext = area.get_style_context();
+        const width = Math.max(styleContext.get_property('min-width', Gtk.StateFlags.NORMAL), area.get_allocated_width());
+        const height = Math.max(styleContext.get_property('min-height', Gtk.StateFlags.NORMAL), area.get_allocated_height());
+        area.set_size_request(width, height);
+
+        area.connect('draw', Lang.bind(area, (area, cr) => {
+            const styleContext = area.get_style_context();
+            const width = Math.max(styleContext.get_property('min-width', Gtk.StateFlags.NORMAL), area.get_allocated_width());
+            const height = Math.max(styleContext.get_property('min-height', Gtk.StateFlags.NORMAL), area.get_allocated_height());
+            // console.log('allocated width/height:', area.get_allocated_width(), '/', area.get_allocated_height())
+            area.set_size_request(width, height);
+            const paddingLeft = styleContext.get_padding(Gtk.StateFlags.NORMAL).left;
+            const paddingRight = styleContext.get_padding(Gtk.StateFlags.NORMAL).right;
+            const paddingTop = styleContext.get_padding(Gtk.StateFlags.NORMAL).top;
+            const paddingBottom = styleContext.get_padding(Gtk.StateFlags.NORMAL).bottom;
+
+            const selectedCell = styleContext.get_property('font-size', Gtk.StateFlags.NORMAL);
+
+            let cellWidth = width;
+            let cellHeight = height;
+            if (vertical) cellHeight /= count;
+            else cellWidth /= count;
+            const indicatorWidth = cellWidth - paddingLeft - paddingRight;
+            const indicatorHeight = cellHeight - paddingTop - paddingBottom;
+
+            const background_color = styleContext.get_property('background-color', Gtk.StateFlags.NORMAL);
+            const color = styleContext.get_property('color', Gtk.StateFlags.NORMAL);
+            cr.setLineWidth(2);
+            // Background
+            cr.setSourceRGBA(background_color.red, background_color.green, background_color.blue, background_color.alpha);
+            cr.rectangle(0, 0, width, height);
+            cr.fill();
+
+            // The indicator line
+            cr.setSourceRGBA(color.red, color.green, color.blue, color.alpha);
+            if (vertical) {
+                cr.rectangle(paddingLeft, paddingTop + cellHeight * selectedCell + indicatorWidth / 2, indicatorWidth, indicatorHeight - indicatorWidth);
+                cr.stroke();
+                cr.rectangle(paddingLeft, paddingTop + cellHeight * selectedCell + indicatorWidth / 2, indicatorWidth, indicatorHeight - indicatorWidth);
+                cr.fill();
+                cr.arc(paddingLeft + indicatorWidth / 2, paddingTop + cellHeight * selectedCell + indicatorWidth / 2, indicatorWidth / 2, Math.PI, 2 * Math.PI);
+                cr.fill();
+                cr.arc(paddingLeft + indicatorWidth / 2, paddingTop + cellHeight * selectedCell + indicatorHeight - indicatorWidth / 2, indicatorWidth / 2, 0, Math.PI);
+                cr.fill();
+            }
+            else {
+                cr.rectangle(paddingLeft + cellWidth * selectedCell + indicatorHeight / 2, paddingTop, indicatorWidth - indicatorHeight, indicatorHeight);
+                cr.stroke();
+                cr.rectangle(paddingLeft + cellWidth * selectedCell + indicatorHeight / 2, paddingTop, indicatorWidth - indicatorHeight, indicatorHeight);
+                cr.fill();
+                cr.arc(paddingLeft + cellWidth * selectedCell + indicatorHeight / 2, paddingTop + indicatorHeight / 2, indicatorHeight / 2, 0.5 * Math.PI, 1.5 * Math.PI);
+                cr.fill();
+                cr.arc(paddingLeft + cellWidth * selectedCell + indicatorWidth - indicatorHeight / 2, paddingTop + indicatorHeight / 2, indicatorHeight / 2, -0.5 * Math.PI, 0.5 * Math.PI);
+                cr.fill();
+            }
+        }))
+    },
+})
+
+
diff --git a/.config/ags/lib/notification.js b/.config/ags/lib/notification.js
new file mode 100644
index 000000000..a7decbcf2
--- /dev/null
+++ b/.config/ags/lib/notification.js
@@ -0,0 +1,325 @@
+// This file is for the actual widget for each single notification
+
+const { GLib, Gdk, Gtk } = imports.gi;
+import { Utils, Widget } from '../imports.js';
+const { lookUpIcon, timeout } = Utils;
+const { Box, EventBox, Icon, Overlay, Label, Button, Revealer } = Widget;
+import { MaterialIcon } from "./materialicon.js";
+import { setupCursorHover } from "./cursorhover.js";
+import { AnimatedCircProg } from "./animatedcircularprogress.js";
+
+function guessMessageType(summary) {
+    if (summary.includes('recording')) return 'screen_record';
+    if (summary.includes('battery') || summary.includes('power')) return 'power';
+    if (summary.includes('screenshot')) return 'screenshot_monitor';
+    if (summary.includes('welcome')) return 'waving_hand';
+    if (summary.includes('time')) return 'scheduleb';
+    if (summary.includes('installed')) return 'download';
+    if (summary.includes('update')) return 'update';
+    if (summary.startsWith('file')) return 'folder_copy';
+    return 'chat';
+}
+
+const NotificationIcon = (notifObject) => {
+    // { appEntry, appIcon, image }, urgency = 'normal'
+    if (notifObject.image) {
+        return Box({
+            valign: Gtk.Align.CENTER,
+            hexpand: false,
+            className: 'notif-icon',
+            css: `
+                background-image: url("${notifObject.image}");
+                background-size: auto 100%;
+                background-repeat: no-repeat;
+                background-position: center;
+            `,
+        });
+    }
+
+    let icon = 'NO_ICON';
+    if (lookUpIcon(notifObject.appIcon))
+        icon = notifObject.appIcon;
+    if (lookUpIcon(notifObject.appEntry))
+        icon = notifObject.appEntry;
+
+    return Box({
+        valign: Gtk.Align.CENTER,
+        hexpand: false,
+        className: `notif-icon notif-icon-material-${notifObject.urgency}`,
+        homogeneous: true,
+        children: [
+            (icon != 'NO_ICON' ?
+                Icon({
+                    icon: icon,
+                    halign: Gtk.Align.CENTER, hexpand: true,
+                    valign: Gtk.Align.CENTER,
+                    setup: (self) => Utils.timeout(1, () => {
+                        const styleContext = self.get_parent().get_style_context();
+                        const width = styleContext.get_property('min-width', Gtk.StateFlags.NORMAL);
+                        const height = styleContext.get_property('min-height', Gtk.StateFlags.NORMAL);
+                        self.size = Math.max(width * 0.9, height * 0.9, 1); // im too lazy to add another box lol
+                    }),
+                })
+                :
+                MaterialIcon(`${notifObject.urgency == 'critical' ? 'release_alert' : guessMessageType(notifObject.summary.toLowerCase())}`, 'hugerass', {
+                    hexpand: true,
+                })
+            )
+        ],
+    });
+};
+
+export default ({
+    notifObject,
+    isPopup = false,
+    popupTimeout = 3000,
+    props = {},
+} = {}) => {
+    const command = (isPopup ?
+        () => notifObject.dismiss() :
+        () => notifObject.close()
+    )
+    const destroyWithAnims = () => {
+        widget.sensitive = false;
+        notificationBox.setCss(rightAnim1);
+        Utils.timeout(200, () => {
+            wholeThing.revealChild = false;
+        });
+        Utils.timeout(400, () => {
+            command();
+            wholeThing.destroy();
+        });
+    }
+    const widget = EventBox({
+        onHover: (self) => {
+            self.window.set_cursor(Gdk.Cursor.new_from_name(display, 'grab'));
+            if (!wholeThing._hovered)
+                wholeThing._hovered = true;
+        },
+        onHoverLost: (self) => {
+            self.window.set_cursor(null);
+            if (wholeThing._hovered)
+                wholeThing._hovered = false;
+            if (isPopup) {
+                command();
+            }
+        },
+        onMiddleClick: (self) => {
+            destroyWithAnims();
+        }
+    });
+    const wholeThing = Revealer({
+        properties: [
+            ['id', notifObject.id],
+            ['close', undefined],
+            ['hovered', false],
+            ['dragging', false],
+            ['destroyWithAnims', () => destroyWithAnims]
+        ],
+        revealChild: false,
+        transition: 'slide_down',
+        transitionDuration: 200,
+        child: Box({ // Box to make sure css-based spacing works
+            homogeneous: true,
+        })
+    });
+
+    const display = Gdk.Display.get_default();
+    const notificationContent = Box({
+        ...props,
+        className: `${isPopup ? 'popup-' : ''}notif-${notifObject.urgency} spacing-h-10`,
+        children: [
+            NotificationIcon(notifObject),
+            Box({
+                valign: Gtk.Align.CENTER,
+                vertical: true,
+                hexpand: true,
+                children: [
+                    Box({
+                        children: [
+                            Label({
+                                xalign: 0,
+                                className: 'txt-small txt-semibold titlefont',
+                                justify: Gtk.Justification.LEFT,
+                                hexpand: true,
+                                maxWidthChars: 24,
+                                truncate: 'end',
+                                ellipsize: 3,
+                                wrap: true,
+                                useMarkup: notifObject.summary.startsWith('<'),
+                                label: notifObject.summary,
+                            }),
+                            Label({
+                                valign: Gtk.Align.CENTER,
+                                className: 'txt-smaller txt-semibold',
+                                justify: Gtk.Justification.RIGHT,
+                                setup: (label) => {
+                                    // Let's ignore how it won't work for Jan1 cuz I'm lazy
+                                    const messageTime = GLib.DateTime.new_from_unix_local(notifObject.time);
+                                    if (messageTime.get_day_of_year() == GLib.DateTime.new_now_local().get_day_of_year()) {
+                                        label.label = messageTime.format('%H:%M');
+                                    }
+                                    else if (messageTime.get_day_of_year() == GLib.DateTime.new_now_local().get_day_of_year() - 1) {
+                                        label.label = messageTime.format('Yesterday');
+                                    }
+                                    else {
+                                        label.label = messageTime.format('%d/%m');
+                                    }
+                                }
+                            }),
+                        ]
+                    }),
+                    Label({
+                        xalign: 0,
+                        className: `txt-smallie notif-body-${notifObject.urgency}`,
+                        useMarkup: true,
+                        xalign: 0,
+                        justify: Gtk.Justification.LEFT,
+                        wrap: true,
+                        label: notifObject.body,
+                    }),
+                ]
+            }),
+            Overlay({
+                child: AnimatedCircProg({
+                    className: `notif-circprog-${notifObject.urgency}`,
+                    valign: Gtk.Align.CENTER,
+                    initFrom: (isPopup ? 100 : 0),
+                    initTo: 0,
+                    initAnimTime: popupTimeout,
+                }),
+                overlays: [
+                    Button({
+                        className: 'notif-close-btn',
+                        onClicked: () => {
+                            destroyWithAnims()
+                        },
+                        child: MaterialIcon('close', 'large', {
+                            valign: Gtk.Align.CENTER,
+                        }),
+                        setup: setupCursorHover,
+                    }),
+                ]
+            }),
+
+            // what is this? i think it should be at the bottom not on the right
+            // Box({
+            //     className: 'actions',
+            //     children: actions.map(action => Button({
+            //         className: 'action-button',
+            //         onClicked: () => Notifications.invoke(id, action.id),
+            //         hexpand: true,
+            //         child: Label(action.label),
+            //     })),
+            // }),
+        ]
+    })
+
+    // Gesture stuff
+
+    const gesture = Gtk.GestureDrag.new(widget);
+    var initialDir = 0;
+    // in px
+    const startMargin = 0;
+    const dragThreshold = 100;
+    // in rem
+    const maxOffset = 10.227;
+    const endMargin = 20.455;
+    const disappearHeight = 6.818;
+    const leftAnim1 = `transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);
+                       margin-left: -${Number(maxOffset + endMargin)}rem;
+                       margin-right: ${Number(maxOffset + endMargin)}rem;
+                       opacity: 0;`;
+
+    const rightAnim1 = `transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);
+                        margin-left:   ${Number(maxOffset + endMargin)}rem;
+                        margin-right: -${Number(maxOffset + endMargin)}rem;
+                        opacity: 0;`;
+
+    const notificationBox = Box({
+        properties: [
+            ['leftAnim1', leftAnim1],
+            ['rightAnim1', rightAnim1],
+            ['ready', false],
+        ],
+        homogeneous: true,
+        children: [notificationContent],
+        connections: [
+            [gesture, self => {
+                var offset = gesture.get_offset()[1];
+                if (initialDir == 0 && offset != 0)
+                    initialDir = (offset > 0 ? 1 : -1)
+
+                if (offset > 0) {
+                    if (initialDir < 0)
+                        self.setCss(`margin-left: 0px; margin-right: 0px;`);
+                    else
+                        self.setCss(`
+                            margin-left:   ${Number(offset + startMargin)}px;
+                            margin-right: -${Number(offset + startMargin)}px;
+                        `);
+                }
+                else if (offset < 0) {
+                    if (initialDir > 0)
+                        self.setCss(`margin-left: 0px; margin-right: 0px;`);
+                    else {
+                        offset = Math.abs(offset);
+                        self.setCss(`
+                            margin-right: ${Number(offset + startMargin)}px;
+                            margin-left: -${Number(offset + startMargin)}px;
+                        `);
+                    }
+                }
+
+                wholeThing._dragging = Math.abs(offset) > 10;
+
+                if (widget.window)
+                    widget.window.set_cursor(Gdk.Cursor.new_from_name(display, 'grabbing'));
+            }, 'drag-update'],
+
+            [gesture, self => {
+                if (!self._ready) {
+                    wholeThing.revealChild = true;
+                    self._ready = true;
+                    return;
+                }
+                const offset = gesture.get_offset()[1];
+
+                if (Math.abs(offset) > dragThreshold && offset * initialDir > 0) {
+                    if (offset > 0) {
+                        self.setCss(rightAnim1);
+                        widget.sensitive = false;
+                    }
+                    else {
+                        self.setCss(leftAnim1);
+                        widget.sensitive = false;
+                    }
+                    Utils.timeout(200, () => {
+                        wholeThing.revealChild = false
+                    });
+                    Utils.timeout(400, () => {
+                        command();
+                        wholeThing.destroy();
+                    });
+                }
+                else {
+                    self.setCss(`transition: margin 200ms cubic-bezier(0.05, 0.7, 0.1, 1), opacity 200ms cubic-bezier(0.05, 0.7, 0.1, 1);
+                                   margin-left:  ${startMargin}px;
+                                   margin-right: ${startMargin}px;
+                                   margin-bottom: unset; margin-top: unset;
+                                   opacity: 1;`);
+                    if (widget.window)
+                        widget.window.set_cursor(Gdk.Cursor.new_from_name(display, 'grab'));
+
+                    wholeThing._dragging = false;
+                }
+                initialDir = 0;
+            }, 'drag-end'],
+
+        ],
+    })
+    widget.add(notificationBox);
+    wholeThing.child.children = [widget];
+
+    return wholeThing;
+}
diff --git a/.config/ags/lib/popupwindow.js b/.config/ags/lib/popupwindow.js
new file mode 100644
index 000000000..e4a29c16f
--- /dev/null
+++ b/.config/ags/lib/popupwindow.js
@@ -0,0 +1,27 @@
+import { App, Widget } from '../imports.js';
+const { Box, Window } = Widget;
+
+
+export default ({
+    name,
+    child,
+    showClassName,
+    hideClassName,
+    ...props
+}) => Window({
+    name,
+    popup: true,
+    visible: false,
+    layer: 'overlay',
+    ...props,
+
+    child: Box({
+        className: `${showClassName} ${hideClassName}`,
+        connections: [[App, (self, currentName, visible) => {
+            if (currentName === name) {
+                self.toggleClassName(hideClassName, !visible);
+            }
+        }]],
+        child: child,
+    }),
+});
\ No newline at end of file
diff --git a/.config/ags/lib/roundedcorner.js b/.config/ags/lib/roundedcorner.js
new file mode 100644
index 000000000..e8c64ab4f
--- /dev/null
+++ b/.config/ags/lib/roundedcorner.js
@@ -0,0 +1,50 @@
+import { Widget } from '../imports.js';
+const { Gtk } = imports.gi;
+const Lang = imports.lang;
+
+export const RoundedCorner = (place, props) => Widget.DrawingArea({
+    ...props,
+    hpack: place.includes('left') ? 'start' : 'end',
+    vpack: place.includes('top') ? 'start' : 'end',
+    setup: (widget) => Utils.timeout(1, () => {
+        const c = widget.get_style_context().get_property('background-color', Gtk.StateFlags.NORMAL);
+        const r = widget.get_style_context().get_property('border-radius', Gtk.StateFlags.NORMAL);
+        widget.set_size_request(r, r);
+        widget.connect('draw', Lang.bind(widget, (widget, cr) => {
+            const c = widget.get_style_context().get_property('background-color', Gtk.StateFlags.NORMAL);
+            const r = widget.get_style_context().get_property('border-radius', Gtk.StateFlags.NORMAL);
+            // const borderColor = widget.get_style_context().get_property('color', Gtk.StateFlags.NORMAL);
+            // const borderWidth = widget.get_style_context().get_border(Gtk.StateFlags.NORMAL).left; // ur going to write border-width: something anyway
+            widget.set_size_request(r, r);
+
+            switch (place) {
+                case 'topleft':
+                    cr.arc(r, r, r, Math.PI, 3 * Math.PI / 2);
+                    cr.lineTo(0, 0);
+                    break;
+
+                case 'topright':
+                    cr.arc(0, r, r, 3 * Math.PI / 2, 2 * Math.PI);
+                    cr.lineTo(r, 0);
+                    break;
+
+                case 'bottomleft':
+                    cr.arc(r, 0, r, Math.PI / 2, Math.PI);
+                    cr.lineTo(0, r);
+                    break;
+
+                case 'bottomright':
+                    cr.arc(0, 0, r, 0, Math.PI / 2);
+                    cr.lineTo(r, r);
+                    break;
+            }
+
+            cr.closePath();
+            cr.setSourceRGBA(c.red, c.green, c.blue, c.alpha);
+            cr.fill();
+            // cr.setLineWidth(borderWidth);
+            // cr.setSourceRGBA(borderColor.red, borderColor.green, borderColor.blue, borderColor.alpha);
+            // cr.stroke();
+        }));
+    }),
+});
\ No newline at end of file
diff --git a/.config/ags/lib/separator.js b/.config/ags/lib/separator.js
new file mode 100644
index 000000000..3e39ca7a9
--- /dev/null
+++ b/.config/ags/lib/separator.js
@@ -0,0 +1,5 @@
+import { App, Service, Utils, Widget } from '../imports.js';
+
+export const separatorLine = Widget.Box({
+    className: 'separator-line',
+})
\ No newline at end of file
diff --git a/.config/ags/lib/statusicons.js b/.config/ags/lib/statusicons.js
new file mode 100644
index 000000000..21eebe2db
--- /dev/null
+++ b/.config/ags/lib/statusicons.js
@@ -0,0 +1,223 @@
+import { App, Service, Utils, Widget } from '../imports.js';
+import { MaterialIcon } from './materialicon.js';
+import Bluetooth from 'resource:///com/github/Aylur/ags/service/bluetooth.js';
+import Network from 'resource:///com/github/Aylur/ags/service/network.js';
+import Notifications from 'resource:///com/github/Aylur/ags/service/notifications.js';
+import Hyprland from 'resource:///com/github/Aylur/ags/service/hyprland.js';
+import { languages } from '../data/languages.js';
+
+// A guessing func to try to support langs not listed in data/languages.js
+function isLanguageMatch(abbreviation, word) {
+    const lowerAbbreviation = abbreviation.toLowerCase();
+    const lowerWord = word.toLowerCase();
+    let j = 0;
+    for (let i = 0; i < lowerWord.length; i++) {
+        if (lowerWord[i] === lowerAbbreviation[j]) {
+            j++;
+        }
+        if (j === lowerAbbreviation.length) {
+            return true;
+        }
+    }
+    return false;
+}
+
+export const NotificationIndicator = (notifCenterName = 'sideright') => {
+    const widget = Widget.Revealer({
+        transition: 150,
+        transition: 'slide_left',
+        revealChild: false,
+        connections: [
+            [Notifications, (self, id) => {
+                if (!id || Notifications.dnd) return;
+                if (!Notifications.getNotification(id)) return;
+                self.revealChild = true;
+            }, 'notified'],
+            [App, (self, currentName, visible) => {
+                if (visible && currentName === notifCenterName) {
+                    self.revealChild = false;
+                }
+            }],
+        ],
+        child: Widget.Box({
+            children: [
+                MaterialIcon('notifications', 'norm'),
+                Widget.Label({
+                    className: 'txt-small titlefont',
+                    properties: [
+                        ['increment', (self) => self._unreadCount++],
+                        ['markread', (self) => self._unreadCount = 0],
+                        ['update', (self) => self.label = `${self._unreadCount}`],
+                        ['unreadCount', 0],
+                    ],
+                    connections: [
+                        [Notifications, (self, id) => {
+                            if (!id || Notifications.dnd) return;
+                            if (!Notifications.getNotification(id)) return;
+                            self._increment(self);
+                            self._update(self);
+                        }, 'notified'],
+                        [App, (self, currentName, visible) => {
+                            if (visible && currentName === notifCenterName) {
+                                self._markread(self);
+                                self._update(self);
+                            }
+                        }],
+                    ]
+                })
+            ]
+        })
+    });
+    return widget;
+}
+
+export const BluetoothIndicator = () => Widget.Stack({
+    transition: 'slide_up_down',
+    items: [
+        ['true', Widget.Label({ className: 'txt-norm icon-material', label: 'bluetooth' })],
+        ['false', Widget.Label({ className: 'txt-norm icon-material', label: 'bluetooth_disabled' })],
+    ],
+    connections: [[Bluetooth, stack => { stack.shown = String(Bluetooth.enabled); }]],
+});
+
+
+const NetworkWiredIndicator = () => Widget.Stack({
+    transition: 'slide_up_down',
+    items: [
+        ['fallback', SimpleNetworkIndicator()],
+        ['unknown', Widget.Label({ className: 'txt-norm icon-material', label: 'wifi_off' })],
+        ['disconnected', Widget.Label({ className: 'txt-norm icon-material', label: 'signal_wifi_off' })],
+        ['connected', Widget.Label({ className: 'txt-norm icon-material', label: 'lan' })],
+        ['connecting', Widget.Label({ className: 'txt-norm icon-material', label: 'settings_ethernet' })],
+    ],
+    connections: [[Network, stack => {
+        if (!Network.wired)
+            return;
+
+        const { internet } = Network.wired;
+        if (internet === 'connected' || internet === 'connecting')
+            stack.shown = internet;
+        else if (Network.connectivity !== 'full')
+            stack.shown = 'disconnected';
+        else
+            stack.shown = 'fallback';
+    }]],
+});
+
+const SimpleNetworkIndicator = () => Widget.Icon({
+    connections: [[Network, self => {
+        const icon = Network[Network.primary || 'wifi']?.iconName;
+        self.icon = icon || '';
+        self.visible = icon;
+    }]],
+});
+
+const NetworkWifiIndicator = () => Widget.Stack({
+    transition: 'slide_up_down',
+    items: [
+        ['disabled', Widget.Label({ className: 'txt-norm icon-material', label: 'wifi_off' })],
+        ['disconnected', Widget.Label({ className: 'txt-norm icon-material', label: 'signal_wifi_off' })],
+        ['connecting', Widget.Label({ className: 'txt-norm icon-material', label: 'settings_ethernet' })],
+        ['0', Widget.Label({ className: 'txt-norm icon-material', label: 'signal_wifi_0_bar' })],
+        ['1', Widget.Label({ className: 'txt-norm icon-material', label: 'network_wifi_1_bar' })],
+        ['2', Widget.Label({ className: 'txt-norm icon-material', label: 'network_wifi_2_bar' })],
+        ['3', Widget.Label({ className: 'txt-norm icon-material', label: 'network_wifi_3_bar' })],
+        ['4', Widget.Label({ className: 'txt-norm icon-material', label: 'signal_wifi_4_bar' })],
+    ],
+    connections: [[Network, (stack) => {
+        if (!Network.wifi) {
+            return;
+        }
+        if (Network.wifi.internet == 'connected') {
+            stack.shown = String(Math.ceil(Network.wifi.strength / 25));
+        }
+        else if (Network.wifi.internet == 'disconnected' || Network.wifi.internet == 'connecting') {
+            stack.shown = Network.wifi.internet;
+        }
+    }]],
+});
+
+export const NetworkIndicator = () => Widget.Stack({
+    transition: 'slide_up_down',
+    items: [
+        ['fallback', SimpleNetworkIndicator()],
+        ['wifi', NetworkWifiIndicator()],
+        ['wired', NetworkWiredIndicator()],
+    ],
+    connections: [[Network, stack => {
+        let primary = Network.primary || 'fallback';
+        if (primary == 'wifi' || primary == 'wired')
+            stack.shown = primary;
+        else
+            stack.shown = 'fallback';
+    }]],
+});
+
+const KeyboardLayout = ({ useFlag } = {}) => {
+    var initLangs = [];
+    var languageStackArray = [];
+    var currentKeyboard;
+
+    const updateCurrentKeyboards = () => {
+        currentKeyboard = JSON.parse(Utils.exec('hyprctl -j devices')).keyboards
+            .find(device => device.name === 'at-translated-set-2-keyboard');
+        if (currentKeyboard) {
+            initLangs = currentKeyboard.layout.split(',').map(lang => lang.trim());
+        }
+        languageStackArray = Array.from({ length: initLangs.length }, (_, i) => {
+            const lang = languages.find(lang => lang.layout == initLangs[i]);
+            if (!lang) return [
+                initLangs[i],
+                Widget.Label({ label: initLangs[i] })
+            ];
+            return [
+                lang.layout,
+                Widget.Label({ label: (useFlag ? lang.flag : lang.layout) })
+            ];
+        });
+    };
+    updateCurrentKeyboards();
+    const widgetRevealer = Widget.Revealer({
+        transition: 150,
+        transition: 'slide_left',
+        revealChild: languageStackArray.length > 1,
+    });
+    const widgetContent = Widget.Stack({
+        transition: 'slide_up_down',
+        items: [
+            ...languageStackArray,
+            ['undef', Widget.Label({ label: '?' })]
+        ],
+        connections: [
+            [Hyprland, (stack, kbName, layoutName) => {
+                if (!kbName) {
+                    return;
+                }
+                var lang = languages.find(lang => layoutName.includes(lang.name));
+                if (lang) {
+                    widgetContent.shown = lang.layout;
+                }
+                else { // Attempt to support langs not listed
+                    lang = languageStackArray.find(lang => isLanguageMatch(lang[0], layoutName));
+                    if (!lang) stack.shown = 'undef';
+                    else stack.shown = lang[0];
+                }
+            }, 'keyboard-layout']
+        ],
+    });
+    widgetRevealer.child = widgetContent;
+    return widgetRevealer;
+}
+
+export const StatusIcons = (props = {}) => Widget.Box({
+    ...props,
+    child: Widget.Box({
+        className: 'spacing-h-15',
+        children: [
+            KeyboardLayout({ useFlag: false }),
+            NotificationIndicator(),
+            BluetoothIndicator(),
+            NetworkIndicator(),
+        ]
+    })
+});
diff --git a/.config/ags/scripts/README.md b/.config/ags/scripts/README.md
new file mode 100755
index 000000000..6d79a5145
--- /dev/null
+++ b/.config/ags/scripts/README.md
@@ -0,0 +1,3 @@
+# scripts folder
+- For ARM devices, you have to compile C++ files yourself. If there are none, yippee
+- It is advised to use services instead of listening/polling scripts, so everything here are just scripts for actions
\ No newline at end of file
diff --git a/.config/ags/scripts/color_generation/applycolor.sh b/.config/ags/scripts/color_generation/applycolor.sh
new file mode 100755
index 000000000..18284d16e
--- /dev/null
+++ b/.config/ags/scripts/color_generation/applycolor.sh
@@ -0,0 +1,156 @@
+#!/usr/bin/env bash
+
+sleep 0 # idk i want some delay or colors dont get applied properly
+cd "$HOME/.config/ags" || exit
+
+colornames=''
+colorstrings=''
+colorlist=()
+colorvalues=()
+
+if [[ "$1" = "--bad-apple" ]]; then
+    cp scripts/color_generation/specials/_material_badapple.scss scss/_material.scss
+    colornames=$(cat scripts/color_generation/specials/_material_badapple.scss | cut -d: -f1)
+    colorstrings=$(cat scripts/color_generation/specials/_material_badapple.scss | cut -d: -f2 | cut -d ' ' -f2 | cut -d ";" -f1)
+    IFS=$'\n'
+    # filearr=( $filelist ) # Get colors
+    colorlist=( $colornames ) # Array of color names
+    colorvalues=( $colorstrings ) # Array of color values
+else
+    colornames=$(cat scss/_material.scss | cut -d: -f1)
+    colorstrings=$(cat scss/_material.scss | cut -d: -f2 | cut -d ' ' -f2 | cut -d ";" -f1)
+    IFS=$'\n'
+    # filearr=( $filelist ) # Get colors
+    colorlist=( $colornames ) # Array of color names
+    colorvalues=( $colorstrings ) # Array of color values
+fi
+
+transparentize() {
+  local hex="$1"
+  local alpha="$2"
+  local red green blue
+
+  red=$((16#${hex:1:2}))
+  green=$((16#${hex:3:2}))
+  blue=$((16#${hex:5:2}))
+
+  printf 'rgba(%d, %d, %d, %.2f)\n' "$red" "$green" "$blue" "$alpha"
+}
+
+get_light_dark() {
+    lightdark=""
+    if [ ! -f ~/.cache/ags/user/colormode.txt ]; then
+        echo "" > ~/.cache/ags/user/colormode.txt
+    else 
+        lightdark=$(cat ~/.cache/ags/user/colormode.txt) # either "" or "-l"
+    fi
+    echo "$lightdark"
+}
+
+apply_gtklock() {
+    # Check if scripts/templates/gtklock/main.scss exists
+    if [ ! -f "scripts/templates/gtklock/main.scss" ]; then
+        echo "SCSS not found. Fallback to CSS."
+    else
+        sassc ~/.config/ags/scripts/templates/gtklock/main.scss ~/.config/gtklock/style.css
+        return
+    fi
+    
+    # Check if scripts/templates/gtklock/style.css exists
+    if [ ! -f "scripts/templates/gtklock/style.css" ]; then
+        echo "Template file not found for Gtklock. Skipping that."
+        return
+    fi
+    # Copy template
+    cp "scripts/templates/gtklock/style.css" "$HOME/.config/gtklock/style.css"
+    # Apply colors
+    for i in "${!colorlist[@]}"; do
+        sed -i "s/${colorlist[$i]};/${colorvalues[$i]};/g" "$HOME/.config/gtklock/style.css"
+    done
+}
+
+apply_fuzzel() {
+    # Check if scripts/templates/fuzzel/fuzzel.ini exists
+    if [ ! -f "scripts/templates/fuzzel/fuzzel.ini" ]; then
+        echo "Template file not found for Fuzzel. Skipping that."
+        return
+    fi
+    # Copy template
+    cp "scripts/templates/fuzzel/fuzzel.ini" "$HOME/.config/fuzzel/fuzzel.ini"
+    # Apply colors
+    for i in "${!colorlist[@]}"; do
+        sed -i "s/{{ ${colorlist[$i]} }}/${colorvalues[$i]#\#}/g" "$HOME/.config/fuzzel/fuzzel.ini"
+    done
+}
+
+apply_foot() {
+    # Check if scripts/templates/foot/foot.ini exists
+    if [ ! -f "scripts/templates/foot/foot.ini" ]; then
+        echo "Template file not found for Foot. Skipping that."
+        return
+    fi
+    # Copy template
+    cp "scripts/templates/foot/foot.ini" "$HOME/.config/foot/foot_new.ini"
+    # Apply colors
+    for i in "${!colorlist[@]}"; do
+        sed -i "s/${colorlist[$i]} #/${colorvalues[$i]#\#}/g" "$HOME/.config/foot/foot_new.ini" # note: ff because theyre opaque
+    done
+
+    cp "$HOME/.config/foot/foot_new.ini" "$HOME/.config/foot/foot.ini"
+}
+
+apply_hyprland() {
+    # Check if scripts/templates/hypr/colors.conf exists
+    if [ ! -f "scripts/templates/hypr/colors.conf" ]; then
+        echo "Template file not found for Hyprland colors. Skipping that."
+        return
+    fi
+    # Copy template
+    cp "scripts/templates/hypr/colors.conf" "$HOME/.config/hypr/colors_new.conf"
+    # Apply colors
+    for i in "${!colorlist[@]}"; do
+        sed -i "s/{{ ${colorlist[$i]} }}/${colorvalues[$i]#\#}/g" "$HOME/.config/hypr/colors_new.conf"
+    done
+    
+    mv "$HOME/.config/hypr/colors_new.conf" "$HOME/.config/hypr/colors.conf"
+}
+
+apply_gtk() { # Using gradience-cli
+    lightdark=$(get_light_dark)
+    
+    # Copy template 
+    cp "scripts/templates/gradience/preset_template.json" "scripts/templates/gradience/preset.json"
+
+    # Apply colors
+    for i in "${!colorlist[@]}"; do
+        sed -i "s/{{ ${colorlist[$i]} }}/${colorvalues[$i]}/g" "scripts/templates/gradience/preset.json"
+    done
+
+    mkdir -p "$HOME/.config/presets" # create gradience presets folder
+    gradience-cli apply -p scripts/templates/gradience/preset.json --gtk both
+
+    # Set light/dark preference 
+    # And set GTK theme manually as Gradience defaults to light adw-gtk3 
+    # (which is unreadable when broken when you use dark mode)
+    if [ "$lightdark" = "-l" ]; then
+        gsettings set org.gnome.desktop.interface gtk-theme 'adw-gtk3'
+        gsettings set org.gnome.desktop.interface color-scheme 'default'
+    else
+        gsettings set org.gnome.desktop.interface gtk-theme adw-gtk3-dark
+        gsettings set org.gnome.desktop.interface color-scheme 'prefer-dark'
+    fi
+}
+
+apply_ags() {
+    sassc "$HOME"/.config/ags/scss/main.scss "$HOME"/.config/ags/style.css
+    ags run-js 'openColorScheme.value = true; Utils.timeout(2000, () => openColorScheme.value = false);'
+    ags run-js "App.resetCss(); App.applyCss('${HOME}/.config/ags/style.css');"
+}
+
+# apply_svgs
+apply_ags &
+apply_hyprland &
+apply_gtk &
+apply_gtklock &
+apply_fuzzel &
+apply_foot
\ No newline at end of file
diff --git a/.config/ags/scripts/color_generation/colorgen.sh b/.config/ags/scripts/color_generation/colorgen.sh
new file mode 100755
index 000000000..ebdb31dca
--- /dev/null
+++ b/.config/ags/scripts/color_generation/colorgen.sh
@@ -0,0 +1,61 @@
+#!/usr/bin/bash
+
+# check if no arguments
+if [ $# -eq 0 ]; then
+    echo "Usage: colorgen.sh /path/to/image (--apply)"
+    exit 1
+fi
+
+# check if the file ~/.cache/ags/user/colormode.txt exists. if not, create it. else, read it to $lightdark
+lightdark=""
+if [ ! -f "$HOME/.cache/ags/user/colormode.txt" ]; then
+    echo "" > "$HOME/.cache/ags/user/colormode.txt"
+else 
+    lightdark=$(cat "$HOME/.cache/ags/user/colormode.txt") # either "" or "-l"
+fi
+# check if the file ~/.cache/ags/user/colorbackend.txt exists. if not, create it. else, read it to $lightdark
+backend="material"
+if [ ! -f "$HOME/.cache/ags/user/colorbackend.txt" ]; then
+    echo "material" > "$HOME/.cache/ags/user/colorbackend.txt"
+else 
+    backend=$(cat "$HOME/.cache/ags/user/colorbackend.txt") # either "" or "-l"
+fi
+
+cd "$HOME/.config/ags/scripts/" || exit
+if [[ "$1" = "#"* ]]; then # this is a color
+    color_generation/generate_colors_material.py --color "$1" "$lightdark" > $HOME/.cache/ags/user/generated_colors.txt
+    if [ "$2" = "--apply" ]; then
+        cp $HOME/.cache/ags/user/generated_colors.txt "$HOME/.config/ags/scss/_material.scss"
+        color_generation/applycolor.sh
+    fi
+elif [ "$backend" = "material" ]; then
+    color_generation/generate_colors_material.py --path "$1" "$lightdark" > $HOME/.cache/ags/user/generated_colors.txt
+    if [ "$2" = "--apply" ]; then
+        cp $HOME/.cache/ags/user/generated_colors.txt "$HOME/.config/ags/scss/_material.scss"
+        color_generation/applycolor.sh
+    fi
+elif [ "$backend" = "pywal" ]; then
+    # clear and generate
+    wal -c
+    echo wal -i "$1" -n -t -s -e "$lightdark" -q 
+    wal -i "$1" -n -t -s -e $lightdark -q 
+    # copy scss
+    cp "$HOME/.cache/wal/colors.scss" $HOME/.cache/ags/user/generated_colors.txt
+    
+    cat color_generation/pywal_to_material.scss >> $HOME/.cache/ags/user/generated_colors.txt
+    if [ "$2" = "--apply" ]; then
+        sassc $HOME/.cache/ags/user/generated_colors.txt $HOME/.cache/ags/user/generated_colors_classes.scss --style compact
+        sed -i "s/ { color//g" $HOME/.cache/ags/user/generated_colors_classes.scss
+        sed -i "s/\./$/g" $HOME/.cache/ags/user/generated_colors_classes.scss
+        sed -i "s/}//g" $HOME/.cache/ags/user/generated_colors_classes.scss
+        if [ "$lightdark" = "-l" ]; then
+            printf "\n"'$darkmode: false;'"\n" >> $HOME/.cache/ags/user/generated_colors_classes.scss
+        else
+            printf "\n"'$darkmode: true;'"\n" >> $HOME/.cache/ags/user/generated_colors_classes.scss
+        fi
+
+        cp $HOME/.cache/ags/user/generated_colors_classes.scss "$HOME/.config/ags/scss/_material.scss"
+
+        color_generation/applycolor.sh
+    fi
+fi
diff --git a/.config/ags/scripts/color_generation/generate_colors_material.py b/.config/ags/scripts/color_generation/generate_colors_material.py
new file mode 100755
index 000000000..99e5bd8ab
--- /dev/null
+++ b/.config/ags/scripts/color_generation/generate_colors_material.py
@@ -0,0 +1,118 @@
+#!/bin/python3
+from material_color_utilities_python import *
+from pathlib import Path
+import sys
+import subprocess
+
+def darken(hex_color, factor=0.7):
+    if not (hex_color.startswith('#') and len(hex_color) in (4, 7)):
+        raise ValueError("Invalid hex color format")
+    hex_color = hex_color.lstrip('#')
+    rgb = tuple(int(hex_color[i:i + 2], 16) for i in (0, 2, 4))
+    darkened_rgb = tuple(int(max(0, val * factor)) for val in rgb)
+    darkened_hex = "#{:02X}{:02X}{:02X}".format(*darkened_rgb)
+    return darkened_hex
+
+img = 0
+newtheme=0
+if len(sys.argv) > 1 and sys.argv[1] == '--path':
+    # try:
+    img = Image.open(sys.argv[2])
+    basewidth = 64
+    wpercent = (basewidth/float(img.size[0]))
+    hsize = int((float(img.size[1])*float(wpercent)))
+    img = img.resize((basewidth,hsize),Image.Resampling.LANCZOS)
+    newtheme = themeFromImage(img)
+    # except FileNotFoundError:
+    #     print('[generate_colors_material.py] File not found', file=sys.stderr);
+    #     exit()
+    # except:
+    #     print('[generate_colors_material.py] Something went wrong', file=sys.stderr);
+    #     exit()
+elif len(sys.argv) > 1 and sys.argv[1] == '--color':
+    colorstr = sys.argv[2]
+    newtheme = themeFromSourceColor(argbFromHex(colorstr))
+else:
+    # try:
+    imagePath = subprocess.check_output("swww query | awk -F 'image: ' '{print $2}'", shell=True)
+    imagePath = imagePath[:-1].decode("utf-8") 
+    img = Image.open(imagePath)
+    basewidth = 64
+    wpercent = (basewidth/float(img.size[0]))
+    hsize = int((float(img.size[1])*float(wpercent)))
+    img = img.resize((basewidth,hsize),Image.Resampling.LANCZOS)
+    newtheme = themeFromImage(img)
+    # except FileNotFoundError:
+    #     print('[generate_colors_material.py] File not found', file=sys.stderr)
+    #     exit()
+    # except:
+    #     print('[generate_colors_material.py] Something went wrong', file=sys.stderr);
+    #     exit()
+
+colorscheme=0
+if("-l" in sys.argv):
+    colorscheme = newtheme.get('schemes').get('light')
+    print('$darkmode: false;')
+else:
+    colorscheme = newtheme.get('schemes').get('dark')
+    print('$darkmode: true;')
+
+primary = hexFromArgb(colorscheme.get_primary())
+onPrimary = hexFromArgb(colorscheme.get_onPrimary())
+primaryContainer = hexFromArgb(colorscheme.get_primaryContainer())
+onPrimaryContainer = hexFromArgb(colorscheme.get_onPrimaryContainer())
+secondary = hexFromArgb(colorscheme.get_secondary())
+onSecondary = hexFromArgb(colorscheme.get_onSecondary())
+secondaryContainer = hexFromArgb(colorscheme.get_secondaryContainer())
+onSecondaryContainer = hexFromArgb(colorscheme.get_onSecondaryContainer())
+tertiary = hexFromArgb(colorscheme.get_tertiary())
+onTertiary = hexFromArgb(colorscheme.get_onTertiary())
+tertiaryContainer = hexFromArgb(colorscheme.get_tertiaryContainer())
+onTertiaryContainer = hexFromArgb(colorscheme.get_onTertiaryContainer())
+error = hexFromArgb(colorscheme.get_error())
+onError = hexFromArgb(colorscheme.get_onError())
+errorContainer = hexFromArgb(colorscheme.get_errorContainer())
+onErrorContainer = hexFromArgb(colorscheme.get_onErrorContainer())
+background = hexFromArgb(colorscheme.get_background())
+onBackground = hexFromArgb(colorscheme.get_onBackground())
+surface = hexFromArgb(colorscheme.get_surface())
+onSurface = hexFromArgb(colorscheme.get_onSurface())
+surfaceVariant = hexFromArgb(colorscheme.get_surfaceVariant())
+onSurfaceVariant = hexFromArgb(colorscheme.get_onSurfaceVariant())
+outline = hexFromArgb(colorscheme.get_outline())
+shadow = hexFromArgb(colorscheme.get_shadow())
+inverseSurface = hexFromArgb(colorscheme.get_inverseSurface())
+inverseOnSurface = hexFromArgb(colorscheme.get_inverseOnSurface())
+inversePrimary = hexFromArgb(colorscheme.get_inversePrimary())
+
+# post proccessing
+background = darken(background, 0.6)
+
+print('$primary: ' + primary + ';')
+print('$onPrimary: ' + onPrimary + ';')
+print('$primaryContainer: ' + primaryContainer + ';')
+print('$onPrimaryContainer: ' + onPrimaryContainer + ';')
+print('$secondary: ' + secondary + ';')
+print('$onSecondary: ' + onSecondary + ';')
+print('$secondaryContainer: ' + secondaryContainer + ';')
+print('$onSecondaryContainer: ' + onSecondaryContainer + ';')
+print('$tertiary: ' + tertiary + ';')
+print('$onTertiary: ' + onTertiary + ';')
+print('$tertiaryContainer: ' + tertiaryContainer + ';')
+print('$onTertiaryContainer: ' + onTertiaryContainer + ';')
+print('$error: ' + error + ';')
+print('$onError: ' + onError + ';')
+print('$errorContainer: ' + errorContainer + ';')
+print('$onErrorContainer: ' + onErrorContainer + ';')
+print('$colorbarbg: ' + background + ';')
+print('$background: ' + background + ';')
+print('$onBackground: ' + onBackground + ';')
+print('$surface: ' + surface + ';')
+print('$onSurface: ' + onSurface + ';')
+print('$surfaceVariant: ' + surfaceVariant + ';')
+print('$onSurfaceVariant: ' + onSurfaceVariant + ';')
+print('$outline: ' + outline + ';')
+print('$shadow: ' + shadow + ';')
+print('$inverseSurface: ' + inverseSurface + ';')
+print('$inverseOnSurface: ' + inverseOnSurface + ';')
+print('$inversePrimary: ' + inversePrimary + ';')
\ No newline at end of file
diff --git a/.config/ags/scripts/color_generation/pywal_to_material.scss b/.config/ags/scripts/color_generation/pywal_to_material.scss
new file mode 100755
index 000000000..ff049b219
--- /dev/null
+++ b/.config/ags/scripts/color_generation/pywal_to_material.scss
@@ -0,0 +1,57 @@
+$primary: lighten($color4, 20%);
+$onPrimary: darken($color2, 20%);
+$primaryContainer: darken($color2, 10%);
+$onPrimaryContainer: lighten($color4, 10%);
+$secondary: desaturate(lighten($color5, 20%), 20%);
+$onSecondary: desaturate(darken($color3, 20%), 20%);
+$secondaryContainer: desaturate(darken($color3, 20%), 20%);
+$onSecondaryContainer: desaturate(lighten($color5, 20%), 20%);
+$tertiary: adjust-hue(lighten($color4, 20%), 30deg);
+$onTertiary: adjust-hue(darken($color2, 20%), 30deg);
+$tertiaryContainer: adjust-hue(darken($color2, 10%), 30deg);
+$tertiaryContainer: adjust-hue(lighten($color4, 10%), 30deg);
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: $color0;
+$background: $color0;
+$onBackground: $color7;
+$surface: $color0;
+$onSurface: $color7;
+$surfaceVariant: $color1;
+$onSurfaceVariant: $color7;
+$outline: $color7;
+$shadow: #000000;
+$inverseSurface: invert($surface);
+$inverseOnSurface: invert($onSurface);
+$inversePrimary: invert($primary);
+
+.primary { color: $primary; }
+.onPrimary { color: $onPrimary; }
+.primaryContainer { color: $primaryContainer; }
+.onPrimaryContainer { color: $onPrimaryContainer; }
+.secondary { color: $secondary; }
+.onSecondary { color: $onSecondary; }
+.secondaryContainer { color: $secondaryContainer; }
+.onSecondaryContainer { color: $onSecondaryContainer; }
+.tertiary { color: $tertiary; }
+.onTertiary { color: $onTertiary; }
+.tertiaryContainer { color: $tertiaryContainer; }
+.onTertiaryContainer { color: $tertiaryContainer; }
+.error { color: $error; }
+.onError { color: $onError; }
+.errorContainer { color: $errorContainer; }
+.onErrorContainer { color: $onErrorContainer; }
+.colorbarbg { color: $colorbarbg; }
+.background { color: $background; }
+.onBackground { color: $onBackground; }
+.surface { color: $surface; }
+.onSurface { color: $onSurface; }
+.surfaceVariant { color: $surfaceVariant; }
+.onSurfaceVariant { color: $onSurfaceVariant; }
+.outline { color: $outline; }
+.shadow { color: $shadow; }
+.inverseSurface { color: $inverseSurface; }
+.inverseOnSurface { color: $inverseOnSurface; }
+.inversePrimary { color: $inversePrimary; }
diff --git a/.config/ags/scripts/color_generation/specials/_material_badapple.scss b/.config/ags/scripts/color_generation/specials/_material_badapple.scss
new file mode 100755
index 000000000..5f6dc5e69
--- /dev/null
+++ b/.config/ags/scripts/color_generation/specials/_material_badapple.scss
@@ -0,0 +1,30 @@
+$darkmode: true;
+$primary: #e2e2e2;
+$onPrimary: #000000;
+$primaryContainer: #6b6b6b;
+$onPrimaryContainer: #e2e2e2;
+$secondary: #e2e2e2;
+$onSecondary: #000000;
+$secondaryContainer: #313131;
+$onSecondaryContainer: #e2e2e2;
+$tertiary: #e2e2e2;
+$onTertiary: #000000;
+$tertiaryContainer: #000000;
+$onTertiaryContainer: #e2e2e2;
+$error: #e2e2e2;
+$onError: #000000;
+$errorContainer: #000000;
+$onErrorContainer: #e2e2e2;
+$colorbarbg: #000000;
+$background: #000000;
+$onBackground: #e2e2e2;
+$surface: #000000;
+$onSurface: #e2e2e2;
+$surfaceVariant: #202020;
+$onSurfaceVariant: #e2e2e2;
+$outline: #a1a1a1;
+$shadow: #000000;
+$inverseSurface: #e2e2e2;
+$inverseOnSurface: #000000;
+$inversePrimary: #e2e2e2;
+
diff --git a/.config/ags/scripts/color_generation/switchcolor.sh b/.config/ags/scripts/color_generation/switchcolor.sh
new file mode 100755
index 000000000..75bcb2c3a
--- /dev/null
+++ b/.config/ags/scripts/color_generation/switchcolor.sh
@@ -0,0 +1,11 @@
+#!/usr/bin/bash
+# Switches sww wallpaper
+# Requires: coreutils, xrandr, hyprland
+
+color=$(hyprpicker --no-fancy)
+
+# Generate colors for ags n stuff
+"$HOME"/.config/ags/scripts/color_generation/colorgen.sh "${color}" --apply
+sassc "$HOME"/.config/ags/scss/main.scss "$HOME"/.config/ags/style.css
+ags run-js "App.resetCss(); App.applyCss('${HOME}/.config/ags/style.css');"
+
diff --git a/.config/ags/scripts/color_generation/switchwall.sh b/.config/ags/scripts/color_generation/switchwall.sh
new file mode 100755
index 000000000..3b5c2870a
--- /dev/null
+++ b/.config/ags/scripts/color_generation/switchwall.sh
@@ -0,0 +1,29 @@
+#!/usr/bin/bash
+# Switches sww wallpaper
+# Requires: coreutils, xrandr, hyprland
+
+if [ "$1" == "--noswitch" ]; then
+    imgpath=$(swww query | awk -F 'image: ' '{print $2}')
+else
+    # Select and set image (hyprland)
+    cd "$HOME/Pictures"
+    imgpath=$(yad --width 1200 --height 800 --file --title='Choose wallpaper')
+    screensizey=$(xrandr --current | grep '*' | uniq | awk '{print $1}' | cut -d 'x' -f2 | head -1)
+    cursorposx=$(hyprctl cursorpos -j | gojq '.x')
+    cursorposy=$(hyprctl cursorpos -j | gojq '.y')
+    cursorposy_inverted=$(( screensizey - cursorposy ))
+
+    if [ "$imgpath" == '' ]; then
+        echo 'Aborted'
+        exit 0
+    fi
+
+    echo Sending "$imgpath" to swww. Cursor pos: ["$cursorposx, $cursorposy_inverted"]
+    # Change swww wallpaper
+    swww img "$imgpath" --transition-step 100 --transition-fps 60 \
+    --transition-type grow --transition-angle 30 --transition-duration 1 \
+    --transition-pos "$cursorposx, $cursorposy_inverted"
+fi
+
+# Generate colors for ags n stuff
+"$HOME"/.config/ags/scripts/color_generation/colorgen.sh "${imgpath}" --apply
diff --git a/.config/ags/scripts/record-script.sh b/.config/ags/scripts/record-script.sh
new file mode 100755
index 000000000..ddcef8071
--- /dev/null
+++ b/.config/ags/scripts/record-script.sh
@@ -0,0 +1,22 @@
+#!/usr/bin/env bash
+
+getdate() {
+    date '+%Y%m%d_%H-%M-%S'
+}
+
+cd ~/Videos || exit
+if [[ "$(pidof wf-recorder)" == "" ]]; then
+    notify-send "Starting recording" 'recording_'"$(getdate)"'.mp4' -a 'record-script.sh'
+    if [[ "$1" == "--sound" ]]; then
+        wf-recorder -f './recording_'"$(getdate)"'.mp4' -t --geometry "$(slurp)" --audio=alsa_output.pci-0000_08_00.6.analog-stereo.monitor
+    elif [[ "$1" == "--fullscreen-sound" ]]; then
+        wf-recorder -f './recording_'"$(getdate)"'.mp4' -t --audio=alsa_output.pci-0000_08_00.6.analog-stereo.monitor
+    elif [[ "$1" == "--fullscreen" ]]; then
+        wf-recorder -f './recording_'"$(getdate)"'.mp4' -t
+    else 
+        wf-recorder -f './recording_'"$(getdate)"'.mp4' -t --geometry "$(slurp)" 
+    fi
+else
+    /usr/bin/kill --signal SIGINT wf-recorder
+    notify-send "Recording Stopped" "Stopped" -a 'record-script.sh'
+fi
diff --git a/.config/ags/scripts/templates/foot/foot.ini b/.config/ags/scripts/templates/foot/foot.ini
new file mode 100755
index 000000000..7a6e5fd4d
--- /dev/null
+++ b/.config/ags/scripts/templates/foot/foot.ini
@@ -0,0 +1,156 @@
+# -*- conf -*-
+
+shell=fish
+# term=foot (or xterm-256color if built with -Dterminfo=disabled)
+term=xterm-256color
+# login-shell=no
+
+# app-id=foot
+title=foot
+# locked-title=no
+
+font=SpaceMono Nerd Font:size=11
+# font-bold=<bold variant of regular font>
+# font-italic=<italic variant of regular font>
+# font-bold-italic=<bold+italic variant of regular font>
+# line-height=<font metrics>
+letter-spacing=0
+# horizontal-letter-offset=0
+# vertical-letter-offset=0
+# underline-offset=<font metrics>
+# box-drawings-uses-font-glyphs=no
+dpi-aware=no
+
+# initial-window-size-pixels=700x500  # Or,
+# initial-window-size-chars=<COLSxROWS>
+# initial-window-mode=windowed
+pad=25x25                          # optionally append 'center'
+# resize-delay-ms=100
+
+# notify=notify-send -a ${app-id} -i ${app-id} ${title} ${body}
+
+bold-text-in-bright=no
+# word-delimiters=,│`|:"'()[]{}<>
+# selection-target=primary
+# workers=<number of logical CPUs>
+
+[bell]
+# urgent=no
+# notify=no
+# command=
+# command-focused=no
+
+[scrollback]
+lines=10000
+# multiplier=3.0
+# indicator-position=relative
+# indicator-format=
+
+[url]
+# launch=xdg-open ${url}
+# label-letters=sadfjklewcmpgh
+# osc8-underline=url-mode
+# protocols=http, https, ftp, ftps, file, gemini, gopher
+# uri-characters=abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789-_.,~:;/?#@!$&%*+="'
+
+[cursor]
+style=beam
+# color=111111 dcdccc
+color=$background # $onBackground #
+# blink=no
+beam-thickness=1.5
+# underline-thickness=<font underline thickness>
+
+[mouse]
+# hide-when-typing=no
+# alternate-scroll-mode=yes
+
+[colors]
+alpha=1
+background=$background #
+foreground=$onBackground #
+regular0=$background #
+regular1=$error #
+regular2=$inversePrimary #
+regular3=$onPrimaryContainer #
+regular4=$onPrimaryContainer #
+regular5=$onSecondaryContainer #
+regular6=$primary #
+regular7=$onSurfaceVariant #
+bright0=$background #
+bright1=$error #
+bright2=$inversePrimary #
+bright3=$onPrimaryContainer #
+bright4=$onPrimaryContainer #
+bright5=$onSecondaryContainer #
+bright6=$primary #
+bright7=$onSurfaceVariant #
+
+[csd]
+# preferred=server
+# size=26
+# font=<primary font>
+# color=<foreground color>
+# button-width=26
+# button-color=<background color>
+# button-minimize-color=<regular4>
+# button-maximize-color=<regular2>
+# button-close-color=<regular1>
+
+[key-bindings]
+scrollback-up-page=Page_Up
+# scrollback-up-half-page=none
+# scrollback-up-line=none
+scrollback-down-page=Page_Down
+# scrollback-down-half-page=none
+# scrollback-down-line=none
+clipboard-copy=Control+c
+clipboard-paste=Control+v
+# primary-paste=Shift+Insert
+search-start=Control+f
+# font-increase=Control+plus Control+equal Control+KP_Add
+# font-decrease=Control+minus Control+KP_Subtract
+# font-reset=Control+0 Control+KP_0
+# spawn-terminal=Control+Shift+n
+# minimize=none
+# maximize=none
+# fullscreen=none
+# pipe-visible=[sh -c "xurls | fuzzel | xargs -r firefox"] none
+# pipe-scrollback=[sh -c "xurls | fuzzel | xargs -r firefox"] none
+# pipe-selected=[xargs -r firefox] none
+# show-urls-launch=Control+Shift+u
+# show-urls-copy=none
+
+[search-bindings]
+# cancel=Control+g Control+c Escape
+# commit=Return
+# find-prev=Control+r
+# find-next=Control+s
+# cursor-left=Left Control+b
+# cursor-left-word=Control+Left Mod1+b
+# cursor-right=Right Control+f
+# cursor-right-word=Control+Right Mod1+f
+# cursor-home=Home Control+a
+# cursor-end=End Control+e
+# delete-prev=BackSpace
+# delete-prev-word=Control+BackSpace
+# delete-next=Delete
+# delete-next-word=Mod1+d Control+Delete
+# extend-to-word-boundary=Control+w
+# extend-to-next-whitespace=Control+Shift+w
+# clipboard-paste=Control+v Control+y
+# primary-paste=Shift+Insert
+
+[url-bindings]
+# cancel=Control+g Control+c Control+d Escape
+# toggle-url-visible=t
+
+[mouse-bindings]
+# primary-paste=BTN_MIDDLE
+# select-begin=BTN_LEFT
+# select-begin-block=Control+BTN_LEFT
+# select-extend=BTN_RIGHT
+# select-extend-character-wise=Control+BTN_RIGHT
+# select-word=BTN_LEFT-2
+# select-word-whitespace=Control+BTN_LEFT-2
+# select-row=BTN_LEFT-3
diff --git a/.config/ags/scripts/templates/fuzzel/fuzzel.ini b/.config/ags/scripts/templates/fuzzel/fuzzel.ini
new file mode 100755
index 000000000..6bc565d9e
--- /dev/null
+++ b/.config/ags/scripts/templates/fuzzel/fuzzel.ini
@@ -0,0 +1,21 @@
+font=Gabarito
+terminal=foot -e
+prompt=">>  "
+layer=overlay
+
+[colors]
+background={{ $background }}ff
+text={{ $onBackground }}ff
+selection={{ $surfaceVariant }}ff
+selection-text={{ $onSurfaceVariant }}ff
+border={{ $surfaceVariant }}ff
+match={{ $primary }}ff
+selection-match={{ $primary }}ff
+
+
+[border]
+radius=17
+width=2
+
+[dmenu]
+exit-immediately-if-empty=yes
diff --git a/.config/ags/scripts/templates/gradience/preset.json b/.config/ags/scripts/templates/gradience/preset.json
new file mode 100644
index 000000000..02486710a
--- /dev/null
+++ b/.config/ags/scripts/templates/gradience/preset.json
@@ -0,0 +1,139 @@
+{
+    "name": "Material3_Generated",
+    "variables": {
+        "theme_fg_color": "#AEE5FA",
+        "theme_text_color": "#AEE5FA",
+        "theme_bg_color": "#1a1b26",
+        "theme_base_color": "#1a1b26",
+        "theme_selected_bg_color": "#AEE5FA",
+        "theme_selected_fg_color": "rgba(0, 0, 0, 0.87)",
+        "insensitive_bg_color": "#1a1b26",
+        "insensitive_fg_color": "rgba(192, 202, 245, 0.5)",
+        "insensitive_base_color": "#24283b",
+        "theme_unfocused_fg_color": "#AEE5FA",
+        "theme_unfocused_text_color": "#c0caf5",
+        "theme_unfocused_bg_color": "#1a1b26",
+        "theme_unfocused_base_color": "#1a1b26",
+        "theme_unfocused_selected_bg_color": "#a9b1d6",
+        "theme_unfocused_selected_fg_color": "rgba(0, 0, 0, 0.87)",
+        "unfocused_insensitive_color": "rgba(192, 202, 245, 0.5)",
+        "borders": "rgba(192, 202, 245, 0.12)",
+        "unfocused_borders": "rgba(192, 202, 245, 0.12)",
+        "warning_color": "#FDD633",
+        "error_color": "#BA1B1B",
+        "success_color": "#81C995",
+        "wm_title": "#AEE5FA",
+        "wm_unfocused_title": "rgba(192, 202, 245, 0.7)",
+        "wm_highlight": "rgba(192, 202, 245, 0.1)",
+        "wm_bg": "#1a1b26",
+        "wm_unfocused_bg": "#1a1b26",
+        "wm_button_close_icon": "#1a1b26",
+        "wm_button_close_hover_bg": "#a9b1d6",
+        "wm_button_close_active_bg": "#c7c7c7",
+        "content_view_bg": "#1a1b26",
+        "placeholder_text_color": "silver",
+        "text_view_bg": "#1d1d1d",
+        "budgie_tasklist_indicator_color": "#90D1F6",
+        "budgie_tasklist_indicator_color_active": "#90D1F6",
+        "budgie_tasklist_indicator_color_active_window": "#999999",
+        "budgie_tasklist_indicator_color_attention": "#FDD633",
+        "STRAWBERRY_100": "#FF9262",
+        "STRAWBERRY_300": "#FF793E",
+        "STRAWBERRY_500": "#F15D22",
+        "STRAWBERRY_700": "#CF3B00",
+        "STRAWBERRY_900": "#AC1800",
+        "ORANGE_100": "#FFDB91",
+        "ORANGE_300": "#FFCA40",
+        "ORANGE_500": "#FAA41A",
+        "ORANGE_700": "#DE8800",
+        "ORANGE_900": "#C26C00",
+        "BANANA_100": "#FFFFA8",
+        "BANANA_300": "#FFFA7D",
+        "BANANA_500": "#FFCE51",
+        "BANANA_700": "#D1A023",
+        "BANANA_900": "#A27100",
+        "LIME_100": "#A2F3BE",
+        "LIME_300": "#8ADBA6",
+        "LIME_500": "#73C48F",
+        "LIME_700": "#479863",
+        "LIME_900": "#1C6D38",
+        "BLUEBERRY_100": "#94A6FF",
+        "BLUEBERRY_300": "#6A7CE0",
+        "BLUEBERRY_500": "#3F51B5",
+        "BLUEBERRY_700": "#213397",
+        "BLUEBERRY_900": "#031579",
+        "GRAPE_100": "#D25DE6",
+        "GRAPE_300": "#B84ACB",
+        "GRAPE_500": "#9C27B0",
+        "GRAPE_700": "#830E97",
+        "GRAPE_900": "#6A007E",
+        "COCOA_100": "#9F9792",
+        "COCOA_300": "#7B736E",
+        "COCOA_500": "#574F4A",
+        "COCOA_700": "#463E39",
+        "COCOA_900": "#342C27",
+        "SILVER_100": "#EEE",
+        "SILVER_300": "#CCC",
+        "SILVER_500": "#AAA",
+        "SILVER_700": "#888",
+        "SILVER_900": "#666",
+        "SLATE_100": "#888",
+        "SLATE_300": "#666",
+        "SLATE_500": "#444",
+        "SLATE_700": "#222",
+        "SLATE_900": "#111",
+        "BLACK_100": "#474341",
+        "BLACK_300": "#403C3A",
+        "BLACK_500": "#393634",
+        "BLACK_700": "#33302F",
+        "BLACK_900": "#2B2928",
+        "accent_bg_color": "#c4c0ff",
+        "accent_fg_color": "#251a8c",
+        "accent_color": "#c4c0ff",
+        "destructive_bg_color": "#ffb4a9",
+        "destructive_fg_color": "#680003",
+        "destructive_color": "#ffb4a9",
+        "success_bg_color": "#81C995",
+        "success_fg_color": "rgba(0, 0, 0, 0.87)",
+        "warning_bg_color": "#FDD633",
+        "warning_fg_color": "rgba(0, 0, 0, 0.87)",
+        "error_bg_color": "#ffb4a9",
+        "error_fg_color": "#680003",
+        "window_bg_color": "#101012",
+        "window_fg_color": "#e5e1e6",
+        "view_bg_color": "#1c1b1f",
+        "view_fg_color": "#e5e1e6",
+        "headerbar_bg_color": "mix(@dialog_bg_color, @window_bg_color, 0.5)",
+        "headerbar_fg_color": "#e3dff9",
+        "headerbar_border_color": "#464559",
+        "headerbar_backdrop_color": "@headerbar_bg_color",
+        "headerbar_shade_color": "rgba(0, 0, 0, 0.09)",
+        "card_bg_color": "#101012",
+        "card_fg_color": "#e3dff9",
+        "card_shade_color": "rgba(0, 0, 0, 0.09)",
+        "dialog_bg_color": "#464559",
+        "dialog_fg_color": "#e3dff9",
+        "popover_bg_color": "#464559",
+        "popover_fg_color": "#e3dff9",
+        "thumbnail_bg_color": "#1a1b26",
+        "thumbnail_fg_color": "#AEE5FA",
+        "shade_color": "rgba(0, 0, 0, 0.36)",
+        "scrollbar_outline_color": "rgba(0, 0, 0, 0.5)"
+    },
+    "palette": {
+        "blue_": {},
+        "green_": {},
+        "yellow_": {},
+        "orange_": {},
+        "red_": {},
+        "purple_": {},
+        "brown_": {},
+        "light_": {},
+        "dark_": {}
+    },
+    "custom_css": {
+        "gtk4": "@define-color sidebar_bg_color @window_bg_color; @define-color sidebar_fg_color @window_fg_color; @define-color sidebar_border_color @window_bg_color; @define-color sidebar_backdrop_color @window_bg_color; ",
+        "gtk3": "@define-color sidebar_bg_color @window_bg_color; @define-color sidebar_fg_color @window_fg_color; @define-color sidebar_border_color @window_bg_color; @define-color sidebar_backdrop_color @window_bg_color; "
+    },
+    "plugins": {}
+}
\ No newline at end of file
diff --git a/.config/ags/scripts/templates/gradience/preset_template.json b/.config/ags/scripts/templates/gradience/preset_template.json
new file mode 100644
index 000000000..0f2bc011f
--- /dev/null
+++ b/.config/ags/scripts/templates/gradience/preset_template.json
@@ -0,0 +1,139 @@
+{
+    "name": "Material3_Generated",
+    "variables": {
+        "theme_fg_color": "#AEE5FA",
+        "theme_text_color": "#AEE5FA",
+        "theme_bg_color": "#1a1b26",
+        "theme_base_color": "#1a1b26",
+        "theme_selected_bg_color": "#AEE5FA",
+        "theme_selected_fg_color": "rgba(0, 0, 0, 0.87)",
+        "insensitive_bg_color": "#1a1b26",
+        "insensitive_fg_color": "rgba(192, 202, 245, 0.5)",
+        "insensitive_base_color": "#24283b",
+        "theme_unfocused_fg_color": "#AEE5FA",
+        "theme_unfocused_text_color": "#c0caf5",
+        "theme_unfocused_bg_color": "#1a1b26",
+        "theme_unfocused_base_color": "#1a1b26",
+        "theme_unfocused_selected_bg_color": "#a9b1d6",
+        "theme_unfocused_selected_fg_color": "rgba(0, 0, 0, 0.87)",
+        "unfocused_insensitive_color": "rgba(192, 202, 245, 0.5)",
+        "borders": "rgba(192, 202, 245, 0.12)",
+        "unfocused_borders": "rgba(192, 202, 245, 0.12)",
+        "warning_color": "#FDD633",
+        "error_color": "#BA1B1B",
+        "success_color": "#81C995",
+        "wm_title": "#AEE5FA",
+        "wm_unfocused_title": "rgba(192, 202, 245, 0.7)",
+        "wm_highlight": "rgba(192, 202, 245, 0.1)",
+        "wm_bg": "#1a1b26",
+        "wm_unfocused_bg": "#1a1b26",
+        "wm_button_close_icon": "#1a1b26",
+        "wm_button_close_hover_bg": "#a9b1d6",
+        "wm_button_close_active_bg": "#c7c7c7",
+        "content_view_bg": "#1a1b26",
+        "placeholder_text_color": "silver",
+        "text_view_bg": "#1d1d1d",
+        "budgie_tasklist_indicator_color": "#90D1F6",
+        "budgie_tasklist_indicator_color_active": "#90D1F6",
+        "budgie_tasklist_indicator_color_active_window": "#999999",
+        "budgie_tasklist_indicator_color_attention": "#FDD633",
+        "STRAWBERRY_100": "#FF9262",
+        "STRAWBERRY_300": "#FF793E",
+        "STRAWBERRY_500": "#F15D22",
+        "STRAWBERRY_700": "#CF3B00",
+        "STRAWBERRY_900": "#AC1800",
+        "ORANGE_100": "#FFDB91",
+        "ORANGE_300": "#FFCA40",
+        "ORANGE_500": "#FAA41A",
+        "ORANGE_700": "#DE8800",
+        "ORANGE_900": "#C26C00",
+        "BANANA_100": "#FFFFA8",
+        "BANANA_300": "#FFFA7D",
+        "BANANA_500": "#FFCE51",
+        "BANANA_700": "#D1A023",
+        "BANANA_900": "#A27100",
+        "LIME_100": "#A2F3BE",
+        "LIME_300": "#8ADBA6",
+        "LIME_500": "#73C48F",
+        "LIME_700": "#479863",
+        "LIME_900": "#1C6D38",
+        "BLUEBERRY_100": "#94A6FF",
+        "BLUEBERRY_300": "#6A7CE0",
+        "BLUEBERRY_500": "#3F51B5",
+        "BLUEBERRY_700": "#213397",
+        "BLUEBERRY_900": "#031579",
+        "GRAPE_100": "#D25DE6",
+        "GRAPE_300": "#B84ACB",
+        "GRAPE_500": "#9C27B0",
+        "GRAPE_700": "#830E97",
+        "GRAPE_900": "#6A007E",
+        "COCOA_100": "#9F9792",
+        "COCOA_300": "#7B736E",
+        "COCOA_500": "#574F4A",
+        "COCOA_700": "#463E39",
+        "COCOA_900": "#342C27",
+        "SILVER_100": "#EEE",
+        "SILVER_300": "#CCC",
+        "SILVER_500": "#AAA",
+        "SILVER_700": "#888",
+        "SILVER_900": "#666",
+        "SLATE_100": "#888",
+        "SLATE_300": "#666",
+        "SLATE_500": "#444",
+        "SLATE_700": "#222",
+        "SLATE_900": "#111",
+        "BLACK_100": "#474341",
+        "BLACK_300": "#403C3A",
+        "BLACK_500": "#393634",
+        "BLACK_700": "#33302F",
+        "BLACK_900": "#2B2928",
+        "accent_bg_color": "{{ $primary }}",
+        "accent_fg_color": "{{ $onPrimary }}",
+        "accent_color": "{{ $primary }}",
+        "destructive_bg_color": "{{ $error }}",
+        "destructive_fg_color": "{{ $onError }}",
+        "destructive_color": "{{ $error }}",
+        "success_bg_color": "#81C995",
+        "success_fg_color": "rgba(0, 0, 0, 0.87)",
+        "warning_bg_color": "#FDD633",
+        "warning_fg_color": "rgba(0, 0, 0, 0.87)",
+        "error_bg_color": "{{ $error }}",
+        "error_fg_color": "{{ $onError }}",
+        "window_bg_color": "{{ $background }}",
+        "window_fg_color": "{{ $onBackground }}",
+        "view_bg_color": "{{ $surface }}",
+        "view_fg_color": "{{ $onSurface }}",
+        "headerbar_bg_color": "mix(@dialog_bg_color, @window_bg_color, 0.5)",
+        "headerbar_fg_color": "{{ $onSecondaryContainer }}",
+        "headerbar_border_color": "{{ $secondaryContainer }}",
+        "headerbar_backdrop_color": "@headerbar_bg_color",
+        "headerbar_shade_color": "rgba(0, 0, 0, 0.09)",
+        "card_bg_color": "{{ $background }}",
+        "card_fg_color": "{{ $onSecondaryContainer }}",
+        "card_shade_color": "rgba(0, 0, 0, 0.09)",
+        "dialog_bg_color": "{{ $secondaryContainer }}",
+        "dialog_fg_color": "{{ $onSecondaryContainer }}",
+        "popover_bg_color": "{{ $secondaryContainer }}",
+        "popover_fg_color": "{{ $onSecondaryContainer }}",
+        "thumbnail_bg_color": "#1a1b26",
+        "thumbnail_fg_color": "#AEE5FA",
+        "shade_color": "rgba(0, 0, 0, 0.36)",
+        "scrollbar_outline_color": "rgba(0, 0, 0, 0.5)"
+    },
+    "palette": {
+        "blue_": {},
+        "green_": {},
+        "yellow_": {},
+        "orange_": {},
+        "red_": {},
+        "purple_": {},
+        "brown_": {},
+        "light_": {},
+        "dark_": {}
+    },
+    "custom_css": {
+        "gtk4": "@define-color sidebar_bg_color @window_bg_color; @define-color sidebar_fg_color @window_fg_color; @define-color sidebar_border_color @window_bg_color; @define-color sidebar_backdrop_color @window_bg_color; ",
+        "gtk3": "@define-color sidebar_bg_color @window_bg_color; @define-color sidebar_fg_color @window_fg_color; @define-color sidebar_border_color @window_bg_color; @define-color sidebar_backdrop_color @window_bg_color; "
+    },
+    "plugins": {}
+}
\ No newline at end of file
diff --git a/.config/ags/scripts/templates/gtklock/main.scss b/.config/ags/scripts/templates/gtklock/main.scss
new file mode 100755
index 000000000..4e4d87874
--- /dev/null
+++ b/.config/ags/scripts/templates/gtklock/main.scss
@@ -0,0 +1,89 @@
+// Could just sed but scss is way less hacky
+@import '../../../scss/_material.scss';  // Which is ~/.config/ags/scss/_material.scss
+
+* {
+    all: unset;
+    border: 0rem;
+}
+
+window {
+    background-color: transparentize($background, 0.6);
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center;
+}
+
+#window-box {
+    border-radius: 1.5rem;
+    padding: 1.5rem;
+}
+
+#input-label {
+    font-size: 1.5rem;
+    color: transparent;
+    background-color: transparent;
+    margin: -20rem; // bye bye
+}
+
+#input-field {
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+    caret-color: $onSecondaryContainer;
+    border-radius: 999px;
+    font-size: 1.3rem;
+    padding: 0.341rem 1.364rem;
+    margin: 0.477rem;
+    box-shadow: 2px 2px 4px rgba(22, 22, 22, 0.5);
+    min-height: 2.727rem;
+}
+
+#unlock-button {
+    margin: -20rem; // bye bye
+    color: transparent;
+    background-color: transparent;
+}
+
+#error-label {
+    color: $error;
+}
+
+#clock-label {
+    font-family: 'Lexend';
+    font-size: 6rem;
+    border-radius: 1.2rem;
+    padding: 0.5rem;
+    margin: 0.6rem;
+    margin-top: -35rem; // higher clock position
+    color: $onSecondaryContainer;
+    text-shadow: 1px 1px 2px rgba(22, 22, 30, 0.5);
+}
+
+// #user-image {}
+
+// #powerbar-box {}
+
+#poweroff-button,
+#reboot-button,
+#suspend-button {
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+    min-width: 3rem;
+    min-height: 3rem;
+    margin: 0.341rem;
+    border-radius: 9999px;
+}
+
+#poweroff-button:hover,
+#reboot-button:hover,
+#suspend-button:hover,
+#poweroff-button:focus,
+#reboot-button:focus,
+#suspend-button:focus {
+    background-color: mix($secondaryContainer, white, 80%);
+}
+
+#poweroff-button:active,
+#reboot-button:active,
+#suspend-button:active {
+    background-color: mix($secondaryContainer, white, 70%);
+}
\ No newline at end of file
diff --git a/.config/ags/scripts/templates/gtklock/style.css b/.config/ags/scripts/templates/gtklock/style.css
new file mode 100755
index 000000000..995d31661
--- /dev/null
+++ b/.config/ags/scripts/templates/gtklock/style.css
@@ -0,0 +1,102 @@
+/* Gtklock css */
+
+* {
+    all: unset;
+    border: 0px;
+}
+
+window {
+    background: rgba(0, 0, 0, 0.5);
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center;
+}
+
+#window-box {
+    border-radius: 1.5rem;
+    padding: 1.5rem;
+    border: 0px solid black;
+}
+
+#input-label {
+    font-size: 1.5rem;
+    color: transparent;
+    background-color: transparent;
+    margin: -20rem;
+}
+
+#input-field {
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+    caret-color: $onSecondaryContainer;
+    border-radius: 999px;
+    font-size: 1.3rem;
+    padding: 0.341rem 1.364rem;
+    margin: 0.477rem;
+    box-shadow: 2px 2px 4px rgba(22, 22, 22, 0.5);
+    min-height: 2.727rem;
+}
+
+#unlock-button {
+    margin: -20rem;
+    color: transparent;
+    background-color: transparent;
+}
+
+#error-label {
+    color: $error;
+}
+
+#clock-label {
+    font-family: 'Lexend';
+    font-size: 6rem;
+    border-radius: 1.2rem;
+    padding: 0.5rem;
+    margin: 0.6rem;
+    margin-top: -35rem;
+    color: $onSecondaryContainer;
+    text-shadow: 1px 1px 2px rgba(22, 22, 30, 0.5);
+}
+
+#user-image {}
+
+#powerbar-box {}
+
+#poweroff-button {
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+    min-width: 3rem;
+    min-height: 3rem;
+    margin: 10px;
+    border-radius: 99px;
+}
+
+#suspend-button {
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+    min-width: 3rem;
+    min-height: 3rem;
+    margin: 10px;
+    border-radius: 99px;
+}
+
+#reboot-button {
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+    min-width: 3rem;
+    min-height: 3rem;
+    margin: 10px;
+    border-radius: 99px;
+}
+
+#poweroff-button:hover,
+#reboot-button:hover,
+#suspend-button:hover {
+    background: rgba(200, 200, 200, 0.3);
+}
+
+#poweroff-button:active,
+#reboot-button:active,
+#suspend-button:active {
+    background: rgba(200, 200, 200, 0.5);
+}
\ No newline at end of file
diff --git a/.config/ags/scripts/templates/hypr/colors.conf b/.config/ags/scripts/templates/hypr/colors.conf
new file mode 100755
index 000000000..232c664ee
--- /dev/null
+++ b/.config/ags/scripts/templates/hypr/colors.conf
@@ -0,0 +1,43 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba({{ $primaryContainer }}FF)
+    col.inactive_border = rgba({{ $secondaryContainer }}CC)
+}
+
+plugin {
+    droidbars {
+        # example config
+        bar_height = 30
+        background_color = rgba({{ $background }}FF)
+        # background_color_active = rgba({{ $surfaceVariant }}FF) # Not added yet
+        text_color = rgba({{ $onSecondaryContainer }}FF)
+        font_family = Lexend
+        button_font_fmily = JetBrainsMono NF
+
+        # example buttons (R -> L)
+        # droidbars-button = [0]isLeft(0/1), [1]color, [2]color2, [3]width, [4]height, [5]icon, [6]buttonType, [7]on-click     
+        droidbars-button = 0, rgba({{ $onSecondaryContainer }}FF), rgba({{ $primary }}FF), 42, 16,‎    󰖭, normal, hyprctl dispatch killactive
+        droidbars-button = 0, rgba({{ $onSecondaryContainer }}FF), rgba({{ $primary }}FF), 42, 16,‎   , normal, hyprctl dispatch fullscreen 1
+        droidbars-button = 1, rgba({{ $onSecondaryContainer }}FF), rgba({{ $primary }}FF), 16, 16,‎󰐃, pin, hyprctl dispatch pin
+        droidbars-button = 1, rgba({{ $onSecondaryContainer }}FF), rgba({{ $primary }}FF), 16, 16,󰗘, float, hyprctl dispatch togglefloating
+    }
+    hyprbars {
+        # Honestly idk if it works like css, but well, why not
+        bar_text_font = Geist, AR One Sans, Reddit Sans, Inter, Roboto, Ubuntu, Noto Sans, sans-serif
+        bar_height = 30
+        bar_padding = 10
+        bar_button_padding = 5
+        bar_precedence_over_border = true
+        bar_part_of_window = true
+
+        bar_color = rgb({{ $background }})
+        col.text = rgb({{ $onBackground }})
+
+
+        # example buttons (R -> L)
+        # hyprbars-button = color, size, on-click
+        hyprbars-button = rgb({{ $onBackground }}), 13, 󰖭, hyprctl dispatch killactive
+        hyprbars-button = rgb({{ $onBackground }}), 13, 󰖯, hyprctl dispatch fullscreen 1
+        hyprbars-button = rgb({{ $onBackground }}), 13, 󰖰, hyprctl dispatch movetoworkspacesilent special
+    }
+}
diff --git a/.config/ags/scss/_bar.scss b/.config/ags/scss/_bar.scss
new file mode 100644
index 000000000..7ba2303b4
--- /dev/null
+++ b/.config/ags/scss/_bar.scss
@@ -0,0 +1,489 @@
+// Made to be pixel-perfect with 11pt font size
+// 1rem = 11pt = 14.6666666667px
+
+// Init
+$black: black;
+$white: white;
+$notchSecondaryContainer: $secondaryContainer;
+$notchOnSecondaryContainer: $onSecondaryContainer;
+$notchPrimary: $primary;
+$notchOnPrimary: $onPrimary;
+
+// Check dark mode. Set colors accordingly for the fake snotch that's always black
+@if $darkmode ==true {
+    $notchSecondaryContainer: $secondaryContainer;
+    $notchOnSecondaryContainer: $onSecondaryContainer;
+    $notchPrimary: $primary;
+    $notchOnPrimary: $onPrimary;
+}
+
+@else {
+    $notchSecondaryContainer: $onSecondaryContainer;
+    $notchOnSecondaryContainer: $secondaryContainer;
+    $notchPrimary: $primaryContainer;
+    $notchOnPrimary: $onPrimaryContainer;
+}
+
+.bar-bg {
+    background-color: $t_background;
+    min-height: 2.727rem;
+}
+
+.bar-sidespace {
+    min-width: 1.5rem;
+}
+
+.bar-group-margin {
+    padding: 0.2rem;
+}
+
+.bar-group {
+    // @include elevation-border;
+    background-color: $t_surface;
+}
+
+.bar-group-center {
+    border-bottom-left-radius: 1.364rem;
+    border-bottom-right-radius: 1.364rem;
+    padding: 0.2rem;
+    // background-color: $t_surface;
+    background-color: $black; // Hard code: fake notch
+}
+
+.corner-bar-group {
+    border-radius: 1.364rem; // Half of bar height
+    border-width: 0.068rem;
+    // background-color: $t_surface;
+    background-color: $black; // Hard code: fake notch
+}
+
+.bar-group-pad {
+    padding: 0rem 1.023rem;
+}
+
+.bar-group-pad-less {
+    padding: 0rem 0.681rem;
+}
+
+.bar-group-pad-system {
+    padding-left: 1.023rem;
+    padding-right: 0.547rem;
+}
+
+.bar-group-pad-music {
+    padding-right: 1.023rem;
+    // padding-left: 0.273rem;
+}
+
+.bar-group-pad-left {
+    padding-left: 1.364rem;
+    padding-right: 0.681rem;
+}
+
+.bar-group-pad-right {
+    padding-left: 0.681rem;
+    padding-right: 1.364rem;
+}
+
+.bar-group-pad-leftonly {
+    padding-left: 0.681rem;
+}
+
+.bar-group-pad-rightonly {
+    padding-right: 0.681rem;
+}
+
+.bar-group-standalone {
+    border-radius: 1.364rem;
+    -gtk-outline-radius: 1.364rem;
+}
+
+.bar-group-round {
+    border-radius: 10rem;
+    -gtk-outline-radius: 10rem;
+}
+
+.bar-group-middle {
+    border-radius: 0.477rem;
+    -gtk-outline-radius: 0.477rem;
+}
+
+.bar-group-left {
+    border-radius: 0.477rem;
+    -gtk-outline-radius: 0.477rem;
+    border-top-left-radius: 1.364rem;
+    border-bottom-left-radius: 1.364rem;
+}
+
+.bar-group-right {
+    border-radius: 0.477rem;
+    -gtk-outline-radius: 0.477rem;
+    border-top-right-radius: 1.364rem;
+    border-bottom-right-radius: 1.364rem;
+}
+
+.bar-ws-width {
+    min-width: 18.614rem;
+}
+
+.bar-separator {
+    @include full-rounding;
+    min-width: 0.341rem;
+    min-height: 0.341rem;
+    background-color: mix($t_surface, $t_onSurface, 90%);
+    margin: 0rem 0.341rem;
+}
+
+.bar-clock {
+    @include titlefont;
+    font-size: 1.2727rem;
+    color: $onBackground;
+}
+
+.bar-date {
+    @include titlefont;
+    font-size: 1rem;
+    color: $onBackground;
+}
+
+.bar-ws {
+    min-height: 1.636rem;
+    min-width: 1.772rem;
+    font-size: 1.091rem;
+    @include mainfont;
+    border-top: 0.068rem solid;
+    border-bottom: 0.068rem solid;
+    border-color: transparent;
+    color: $white;
+}
+
+.bar-ws-active-box {
+    transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
+}
+
+.bar-ws-active {
+    min-height: 1.5rem;
+    min-width: 1.5rem;
+    font-size: 1.091rem;
+    @include mainfont;
+
+    background-color: $notchPrimary;
+    color: $notchOnPrimary;
+    border-radius: 999px;
+    margin: 0.068rem;
+    // background-color: red;
+}
+
+.bar-ws-active-middledecor {
+    min-width: 0.682rem;
+    min-height: 0.682rem;
+    border-radius: 9999px;
+    background-color: $black;
+    margin: 0rem 0.409rem;
+}
+
+.bar-ws-occupied {
+    background-color: $notchSecondaryContainer;
+    color: $notchOnSecondaryContainer;
+    min-width: 1.772rem;
+    border-top: 0.068rem solid $notchOnSecondaryContainer;
+    border-bottom: 0.068rem solid $notchOnSecondaryContainer;
+}
+
+.bar-ws-occupied-left {
+    background-color: $notchSecondaryContainer;
+    color: $notchOnSecondaryContainer;
+    min-width: 1.704rem;
+    border-top-left-radius: 999px;
+    border-bottom-left-radius: 999px;
+
+    border-left: 0.068rem solid $notchOnSecondaryContainer;
+    border-top: 0.068rem solid $notchOnSecondaryContainer;
+    border-bottom: 0.068rem solid $notchOnSecondaryContainer;
+    border-right: 0px solid transparent;
+}
+
+.bar-ws-occupied-right {
+    background-color: $notchSecondaryContainer;
+    color: $notchOnSecondaryContainer;
+    min-width: 1.704rem;
+    border-top-right-radius: 999px;
+    border-bottom-right-radius: 999px;
+
+    border-right: 0.068rem solid $notchOnSecondaryContainer;
+    border-top: 0.068rem solid $notchOnSecondaryContainer;
+    border-bottom: 0.068rem solid $notchOnSecondaryContainer;
+    border-left: 0px solid transparent;
+}
+
+.bar-ws-occupied-left-right {
+    @include full-rounding;
+    background-color: $notchSecondaryContainer;
+    color: $notchOnSecondaryContainer;
+    min-width: 1.636rem;
+    border: 0.068rem solid $notchOnSecondaryContainer;
+}
+
+.bar-ws-empty {
+    color: $onBackground;
+    border-color: transparent;
+}
+
+.bar-batt {
+    @include full-rounding;
+    padding: 0rem 0.341rem;
+    background-color: $t_secondaryContainer;
+    color: $t_onSecondaryContainer;
+    // border: 1px solid $onSecondaryContainer;
+}
+
+.bar-sidemodule {
+    min-width: 26rem;
+}
+
+.bar-batt-low {
+    background-color: $error;
+    color: $errorContainer;
+}
+
+.bar-batt-full {
+    background-color: $successContainer;
+    color: $onSuccessContainer;
+}
+
+.bar-batt-prog-low {
+    background-color: $error;
+    color: $errorContainer;
+}
+
+.bar-batt-prog-full {
+    background-color: $successContainer;
+    color: $onSuccessContainer;
+}
+
+.bar-music-playstate {
+    min-height: 1.770rem;
+    min-width: 1.770rem;
+    border-radius: 10rem;
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+}
+
+.bar-music-circprog {
+    @include fluent_decel_long;
+    min-width: 0.068rem; // line width
+    min-height: 1.770rem;
+    padding: 0rem;
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+}
+
+.bar-music-playstate-playing {
+    min-height: 1.770rem;
+    min-width: 1.770rem;
+    border-radius: 10rem;
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+}
+
+.bar-music-playstate-txt {
+    transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
+    @include icon-material;
+}
+
+.bar-music-cover {
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: 100% auto;
+    min-width: 11.932rem;
+}
+
+.bar-music-extended-bg {
+    border-radius: 1.364rem;
+    min-width: 34.091rem;
+}
+
+.bar-music-extended-ctl-bg {
+    border-radius: 1.364rem;
+    background-color: rgba(30, 30, 30, 0.6);
+}
+
+.bar-music-bottom-bg {
+    border-radius: 1.364rem;
+    min-width: 34.091rem;
+}
+
+.bar-music-bottom-ctl-bg {
+    border-radius: 1.364rem;
+    background-color: rgba(30, 30, 30, 0.6);
+}
+
+.bar-music-extended-textbox {
+    margin: 1.023rem;
+}
+
+.bar-music-bottom-cover {
+    border-radius: 10rem;
+}
+
+.bar-music-hide-false {
+    @include menu_decel;
+    transition-duration: 100ms;
+    opacity: 1;
+}
+
+.bar-music-hide-true {
+    @include menu_accel;
+    transition-duration: 100ms;
+    opacity: 0;
+}
+
+.bar-music-btn {
+    font-size: 1.364rem;
+    border-radius: 10rem;
+    min-height: 2.591rem;
+    min-width: 2.591rem;
+}
+
+.bar-music-btn:hover,
+.bar-music-btn:focus {
+    background-color: $hovercolor;
+}
+
+.bar-prog-batt {
+    min-height: 0.955rem;
+    min-width: 0.068rem;
+    padding: 0rem;
+    border-radius: 10rem;
+
+    trough {
+        min-height: 0.954rem;
+        min-width: 0.068rem;
+        border-radius: 10rem;
+    }
+
+    progress {
+        min-height: 0.680rem;
+        min-width: 0.680rem;
+        margin: 0rem 0.137rem;
+        border-radius: 10rem;
+        background-color: $t_onSecondaryContainer;
+    }
+}
+
+.bar-prog-batt-low {
+    progress {
+        background-color: $errorContainer;
+    }
+}
+
+.bar-prog-batt-full {
+    progress {
+        background-color: $onSuccessContainer;
+    }
+}
+
+.bar-batt-chargestate {
+    border-radius: 10rem;
+    background-color: transparent;
+}
+
+.bar-batt-chargestate-charging {
+    border-radius: 10rem;
+    min-width: 0.681rem;
+    min-height: 0.681rem;
+    background-color: $t_onSecondaryContainer;
+    color: $secondaryContainer;
+}
+
+.bar-batt-chargestate-charging-smaller {
+    border-radius: 10rem;
+    min-width: 0.409rem;
+    min-height: 0.409rem;
+    background-color: $t_onSecondaryContainer;
+    color: $secondaryContainer;
+}
+
+.bar-batt-chargestate-low {
+    background-color: $errorContainer;
+}
+
+.bar-batt-chargestate-full {
+    background-color: $onSuccessContainer;
+}
+
+.bar-batt-percentage {
+    font-size: 1rem;
+    margin-top: -0.068rem;
+    font-weight: 500;
+}
+
+.corner {
+    background-color: $t_background;
+    @include large-rounding;
+}
+
+.corner-black {
+    background-color: $black; // Hard code because fake screen corner
+    @include large-rounding;
+}
+
+.bar-topdesc {
+    margin-top: -0.136rem;
+    margin-bottom: -0.341rem;
+    color: $subtext;
+}
+
+.bar-space-button {
+    padding: 0.341rem;
+}
+
+.bar-space-button>box:first-child {
+    @include full-rounding;
+    padding: 0rem 0.682rem;
+}
+
+.bar-space-button:hover>box:first-child,
+.bar-space-button:focus>box:first-child {
+    background-color: $hovercolor;
+}
+
+.bar-space-button:active>box:first-child {
+    background-color: $activecolor;
+}
+
+.bar-space-button-leftmost {
+    box {
+        margin: 0rem 0.682rem;
+    }
+}
+
+.bar-space-area-rightmost>box {
+    padding-right: 2.386rem;
+}
+
+.bar-systray {
+    @include full-rounding;
+    min-height: 1.909rem;
+    min-width: 1.909rem;
+}
+
+.bar-systray-item {
+    @include full-rounding;
+    min-width: 1.909rem;
+}
+
+.bar-statusicons {
+    @include full-rounding;
+    @include menu_decel;
+    margin: 0.2rem;
+    padding: 0rem 0.614rem;
+}
+
+.bar-statusicons-hover {
+    background-color: mix($t_background, $t_onBackground, 90%);
+}
+
+.bar-statusicons-active {
+    background-color: mix($t_background, $t_onBackground, 80%);
+}
\ No newline at end of file
diff --git a/.config/ags/scss/_cheatsheet.scss b/.config/ags/scss/_cheatsheet.scss
new file mode 100644
index 000000000..5e124b1e1
--- /dev/null
+++ b/.config/ags/scss/_cheatsheet.scss
@@ -0,0 +1,52 @@
+.cheatsheet-bg {
+    @include large-rounding;
+    @include elevation-border;
+    @include elevation2;
+    margin-bottom: 0.682rem;
+    background-color: $t_background;
+    padding: 1.364rem;
+}
+
+.cheatsheet-key {
+    @include techfont;
+    min-height: 1.364rem;
+    min-width: 1.364rem;
+    margin: 0.17rem;
+    padding: 0.136rem 0.205rem;
+    border-radius: 0.409rem;
+    -gtk-outline-radius: 0.409rem;
+    color: $primary;
+    border: 0.068rem solid $primary;
+    box-shadow: 0rem 0.136rem 0rem $primary;
+    font-weight: 500;
+}
+
+.cheatsheet-key-notkey {
+    min-height: 1.364rem;
+    padding: 0.136rem 0.205rem;
+    margin: 0.17rem;
+    color: $onPrimaryContainer;
+}
+
+// .cheatsheet-action {}
+
+.cheatsheet-closebtn {
+    @include menu_decel;
+    @include full-rounding;
+    min-width: 2.386rem;
+    min-height: 2.386rem;
+}
+
+.cheatsheet-closebtn:hover,
+.cheatsheet-closebtn:focus {
+    background-color: $surfaceVariant;
+}
+
+.cheatsheet-closebtn:active {
+    background-color: mix($surfaceVariant, $onSurfaceVariant, 70%);
+}
+
+.cheatsheet-category-title {
+    @include titlefont;
+    font-size: 1.705rem;
+}
\ No newline at end of file
diff --git a/.config/ags/scss/_colors.scss b/.config/ags/scss/_colors.scss
new file mode 100755
index 000000000..4c1317cd6
--- /dev/null
+++ b/.config/ags/scss/_colors.scss
@@ -0,0 +1,128 @@
+///////////// COLOR MODIFICATIONS /////////////
+// Material colors provide excellent readability, but can be uninteresting.
+// This is an attempt to improve that.
+$transparency_enabled: false;
+
+@if $transparency_enabled ==false {
+    @if $darkmode ==true {
+        $background: mix(mix($background, $primary, 94%), #000000, 50%);
+        $surface: mix($surface, $primaryContainer, 98%);
+        $surfaceVariant: mix($surfaceVariant, #000000, 55%);
+    }
+
+    @if $darkmode ==false {
+        $background: mix($background, $primary, 87%);
+        $surface: mix($surface, $primary, 93%);
+        $surfaceVariant: mix($surfaceVariant, #FFFFFF, 55%);
+    }
+}
+
+@if $transparency_enabled ==true {
+    @if $darkmode ==true {
+        $background: mix(mix($background, $primary, 94%), #000000, 50%);
+        $surface: mix($surface, $primaryContainer, 98%);
+        $surfaceVariant: mix($surfaceVariant, #000000, 55%);
+    }
+
+    @if $darkmode ==false {
+        $background: mix($background, $primary, 94%);
+        $surface: mix($surface, $primary, 93%);
+        $surfaceVariant: mix($surfaceVariant, #FFFFFF, 55%);
+    }
+}
+
+// Amounts
+$transparentize_amount: 0.3;
+$transparentize_surface_amount_less: 0.6;
+$transparentize_surface_amount_less_less: 0.55;
+$transparentize_surface_amount: 0.7;
+$transparentize_surface_amount_more: 0.8;
+$transparentize_surface_amount_subtract_surface: $transparentize_surface_amount - $transparentize_amount;
+
+@if $darkmode ==true {
+    // Less transparency
+    $transparentize_amount: 0.15;
+    $transparentize_surface_amount_less: 0.5;
+    $transparentize_surface_amount_less_less: 0.55;
+    $transparentize_surface_amount: 0.69;
+    $transparentize_surface_amount_more: 0.9;
+    $transparentize_surface_amount_subtract_surface: $transparentize_surface_amount - $transparentize_amount;
+}
+
+@if $transparency_enabled ==false {
+    $transparentize_amount: 0;
+}
+
+// Extended material
+$success: #4f6354;
+$onSuccess: #ffffff;
+$successContainer: #d1e8d5;
+$onSuccessContainer: #0c1f13;
+
+@if $darkmode ==true {
+    // Dark variant
+    $success: #b5ccba;
+    $onSuccess: #213528;
+    $successContainer: #374b3e;
+    $onSuccessContainer: #d1e9d6;
+}
+
+// Transparent versions
+$t_primary: transparentize($primary, $transparentize_amount);
+$t_onPrimary: transparentize($onPrimary, $transparentize_amount);
+$t_primaryContainer: transparentize($primaryContainer, $transparentize_amount);
+$t_onPrimaryContainer: transparentize($onPrimaryContainer, $transparentize_amount);
+$t_secondary: transparentize($secondary, $transparentize_amount);
+$t_onSecondary: transparentize($onSecondary, $transparentize_amount);
+$t_secondaryContainer: transparentize($secondaryContainer, $transparentize_amount);
+$l_t_secondaryContainer: transparentize($secondaryContainer, $transparentize_surface_amount_less);
+$t_onSecondaryContainer: transparentize($onSecondaryContainer, $transparentize_amount);
+$t_t_t_onSecondaryContainer: transparentize($onSecondaryContainer, 0.93);
+$t_tertiary: transparentize($tertiary, $transparentize_amount);
+$t_onTertiary: transparentize($onTertiary, $transparentize_amount);
+$t_tertiaryContainer: transparentize($tertiaryContainer, $transparentize_amount);
+$t_onTertiaryContainer: transparentize($onTertiaryContainer, $transparentize_amount);
+$t_error: transparentize($error, $transparentize_amount);
+$t_onError: transparentize($onError, $transparentize_amount);
+$t_errorContainer: transparentize($errorContainer, $transparentize_amount);
+$t_onErrorContainer: transparentize($onErrorContainer, $transparentize_amount);
+$t_colorbarbg: transparentize($colorbarbg, $transparentize_amount);
+$t_background: transparentize($background, $transparentize_amount);
+$t_t_background: transparentize($background, $transparentize_surface_amount_more);
+$t_onBackground: transparentize($onBackground, $transparentize_amount);
+$t_surface: transparentize($surface, $transparentize_surface_amount);
+$t_t_surface: transparentize($surface, $transparentize_surface_amount_more);
+$t_onSurface: transparentize($onSurface, $transparentize_surface_amount);
+$t_surfaceVariant: transparentize($surfaceVariant, $transparentize_surface_amount);
+$t_onSurfaceVariant: transparentize($onSurfaceVariant, $transparentize_surface_amount);
+$t_t_surfaceVariant: transparentize($surfaceVariant, $transparentize_surface_amount_more);
+$l_t_surfaceVariant: transparentize($surfaceVariant, $transparentize_surface_amount_less);
+$l_l_t_surfaceVariant: transparentize($surfaceVariant, $transparentize_surface_amount_less_less);
+$t_outline: transparentize($outline, $transparentize_amount);
+$t_shadow: transparentize($shadow, $transparentize_amount);
+$t_inverseSurface: transparentize($inverseSurface, $transparentize_amount);
+$t_inverseOnSurface: transparentize($inverseOnSurface, $transparentize_amount);
+$t_inversePrimary: transparentize($inversePrimary, $transparentize_amount);
+// Transparent material (extended)
+$t_success: transparentize($error, $transparentize_amount);
+$t_onSuccess: transparentize($onError, $transparentize_amount);
+$t_successContainer: transparentize($errorContainer, $transparentize_amount);
+$t_onSuccessContainer: transparentize($onErrorContainer, $transparentize_amount);
+
+// Others
+$hovercolor: mix($t_surface, $t_onSurface, 50%);
+$activecolor: mix($t_surface, $t_onSurface, 30%);
+$subtext: mix($onBackground, $background, 70%);
+$actiontext: mix($onBackground, $background, 85%);
+
+// Terminal colors
+$termbg: mix($t_surfaceVariant, $t_onSurfaceVariant, 80%);
+$termfg: $onSurfaceVariant;
+$term0: $t_background;
+$term1: $error;
+$term2: $inversePrimary;
+$term3: $onPrimaryContainer;
+$term4: $onPrimaryContainer;
+$term5: $onSecondaryContainer;
+$term6: $primary;
+$term7: $onSurfaceVariant;
\ No newline at end of file
diff --git a/.config/ags/scss/_common.scss b/.config/ags/scss/_common.scss
new file mode 100644
index 000000000..8799d9e2c
--- /dev/null
+++ b/.config/ags/scss/_common.scss
@@ -0,0 +1,129 @@
+// * {
+//     border: 1px solid $onSurfaceVariant; // Debugging
+// }
+
+// *:focus {
+//     outline: 1px solid mix($onSurface, $surface, 40%);
+//     -gtk-outline-radius: $rounding_small;
+// }
+
+* {
+    selection {
+        background-color: $secondary;
+        color: $onSecondary;
+    }
+
+    caret-color: $primary;
+}
+
+@keyframes appear {
+    from {
+        opacity: 0;
+    }
+
+    to {
+        opacity: 1;
+    }
+}
+
+tooltip {
+    animation-name: appear;
+    animation-duration: 100ms;
+    animation-timing-function: ease-out;
+    animation-iteration-count: 1;
+}
+
+menu {
+    @include elevation-border-softer;
+    padding: 0.681rem;
+    background: $surfaceVariant;
+    color: $onSurfaceVariant;
+    border-radius: 1.159rem;
+    -gtk-outline-radius: 1.159rem;
+
+    animation-name: appear;
+    animation-duration: 100ms;
+    animation-timing-function: ease-out;
+    animation-iteration-count: 1;
+}
+
+menubar>menuitem {
+    border-radius: 0.545rem;
+    -gtk-outline-radius: 0.545rem;
+    min-width: 13.636rem;
+    min-height: 2.727rem;
+}
+
+menu>menuitem {
+    padding: 0.4em 1.5rem;
+    background: transparent;
+    transition: 0.2s ease background;
+    border-radius: 0.545rem;
+    -gtk-outline-radius: 0.545rem;
+}
+
+menu>menuitem:hover,
+menu>menuitem:focus {
+    background-color: mix($surfaceVariant, $onSurfaceVariant, 90%);
+}
+
+.separator-line {
+    background-color: $surfaceVariant;
+    min-width: 0.068rem;
+    min-height: 0.068rem;
+}
+
+tooltip {
+    @include normal-rounding;
+    background-color: $surfaceVariant;
+    color: $onSurfaceVariant;
+    border: 1px solid $onSurfaceVariant;
+}
+
+.configtoggle-box {
+    padding: 0.205rem;
+    border: 0.136rem solid transparent;
+}
+
+.configtoggle-box:focus {
+    padding: 0.205rem;
+    border: 0.136rem solid mix($onSurface, $surface, 40%);
+}
+
+.switch-bg {
+    @include menu_decel;
+    @include full-rounding;
+    background-color: mix($surface, $background, 50%);
+    border: 0.136rem solid $onSurface;
+    min-width: 2.864rem;
+    min-height: 1.637rem;
+}
+
+.switch-bg-true {
+    background-color: $primary;
+    border: 0.136rem solid $primary;
+}
+
+.switch-fg {
+    @include full-rounding;
+    @include menu_decel;
+    background-color: $onSurface;
+    color: $surface;
+    min-width: 0.819rem;
+    min-height: 0.819rem;
+    margin-left: 0.477rem;
+}
+
+.switch-fg-true {
+    background-color: $onPrimary;
+    color: $primary;
+    min-width: 1.431rem;
+    min-height: 1.431rem;
+    margin-left: 1.431rem;
+}
+
+.switch-fg-toggling-false {
+    @include menu_decel;
+    min-width: 1.636rem;
+    min-height: 0.819rem;
+}
\ No newline at end of file
diff --git a/.config/ags/scss/_desktopbackground.scss b/.config/ags/scss/_desktopbackground.scss
new file mode 100644
index 000000000..5f3618046
--- /dev/null
+++ b/.config/ags/scss/_desktopbackground.scss
@@ -0,0 +1,89 @@
+@mixin bg-textshadow {
+    // text-shadow: mix($shadow, $secondaryContainer, 50%) 1px 0px 3px;
+}
+
+.bg-time-box {
+    @include large-rounding;
+    margin: 2.045rem;
+    padding: 0.682rem;
+}
+
+.bg-time-clock {
+    @include bg-textshadow;
+    font-family: 'Gabarito';
+    font-size: 5.795rem;
+    color: $onBackground;
+}
+
+.bg-time-date {
+    @include bg-textshadow;
+    font-family: 'Gabarito';
+    font-size: 2.591rem;
+    color: $onBackground;
+}
+
+.bg-distro-box {
+    @include large-rounding;
+    margin: 2.045rem;
+    padding: 0.682rem;
+}
+
+.bg-distro-txt {
+    @include bg-textshadow;
+    font-family: 'Gabarito';
+    font-size: 1.432rem;
+    color: $onBackground;
+}
+
+.bg-distro-name {
+    @include bg-textshadow;
+    font-family: 'Gabarito';
+    font-size: 1.432rem;
+    color: $onSecondaryContainer;
+}
+
+.bg-graph {
+    color: rgba(255, 255, 255, 0.5);
+    border-radius: 0.614rem;
+    border: 0.682rem solid;
+}
+
+.bg-quicklaunch-title {
+    @include mainfont;
+    color: $onSurfaceVariant;
+}
+
+.bg-quicklaunch-btn {
+    @include mainfont;
+    @include full-rounding;
+    background-color: $surfaceVariant;
+    color: $onSurfaceVariant;
+    border: 0.068rem solid $subtext;
+    min-width: 4.432rem;
+    min-height: 2.045rem;
+    padding: 0.273rem 0.682rem;
+}
+
+.bg-quicklaunch-btn:hover,
+.bg-quicklaunch-btn:focus {
+    background-color: mix($surfaceVariant, $onSurfaceVariant, 95%);
+}
+
+.bg-quicklaunch-btn:active {
+    background-color: mix($surfaceVariant, $onSurfaceVariant, 90%);
+}
+
+.bg-system-bg {
+    @include normal-rounding;
+    // background-color: $background;
+}
+
+.bg-system-circprog {
+    @include fluent_decel_long;
+    // margin-left: 0.273rem;
+    min-width: 0.205rem; // Trough stroke width
+    min-height: 4.091rem; // Diameter
+    font-size: 0px;
+    padding: 0rem;
+    background-color: $surfaceVariant;
+}
\ No newline at end of file
diff --git a/.config/ags/scss/_dock.scss b/.config/ags/scss/_dock.scss
new file mode 100755
index 000000000..d9c0001a9
--- /dev/null
+++ b/.config/ags/scss/_dock.scss
@@ -0,0 +1,30 @@
+.dock-bg {
+    @include large-rounding;
+    @include elevation2;
+    background-color: $t_background;
+    padding: 0.682rem;
+}
+
+.dock-app-btn {
+    @include normal-rounding;
+    padding: 0.273rem;
+}
+
+.dock-app-btn:hover,
+.dock-app-btn:focus {
+    background-color: mix($t_surface, $t_onSurface, 95%);
+}
+
+.dock-app-btn:active {
+    background-color: mix($t_surface, $t_onSurface, 85%);
+}
+
+.dock-app-icon {
+    min-width: 3.409rem;
+    min-height: 3.409rem;
+}
+
+.dock-separator {
+    min-width: 0.068rem;
+    background-color: $surfaceVariant;
+}
\ No newline at end of file
diff --git a/.config/ags/scss/_lib_classes.scss b/.config/ags/scss/_lib_classes.scss
new file mode 100644
index 000000000..4b7e0ca7c
--- /dev/null
+++ b/.config/ags/scss/_lib_classes.scss
@@ -0,0 +1,442 @@
+@keyframes flyin-top {
+    from {
+        margin-top: -2.795rem;
+    }
+
+    to {
+        margin-top: 0rem;
+    }
+}
+
+@keyframes flyin-bottom {
+    from {
+        margin-top: 4.841rem;
+        margin-bottom: -4.841rem;
+    }
+
+    to {
+        margin-bottom: 0rem;
+        margin-top: 0rem;
+    }
+}
+
+.test {
+    background-image: linear-gradient(45deg,
+            #F4D609 0%, #F4D609 10%, #212121 10%, #212121 20%,
+            #F4D609 20%, #F4D609 30%, #212121 30%, #212121 40%,
+            #F4D609 40%, #F4D609 50%, #212121 50%, #212121 60%,
+            #F4D609 60%, #F4D609 70%, #212121 70%, #212121 80%,
+            #F4D609 80%, #F4D609 90%, #212121 90%, #212121 100%);
+    background-repeat: repeat;
+}
+
+.test-size {
+    min-height: 3rem;
+    min-width: 3rem;
+}
+
+.txt-title {
+    @include titlefont;
+    font-size: 2.045rem;
+}
+
+.txt-title-small {
+    @include titlefont;
+    font-size: 1.364rem;
+}
+
+.techfont {
+    @include techfont;
+}
+
+.txt-reading {
+    @include readingfont;
+}
+
+.no-anim {
+    @include noanim;
+}
+
+.txt {
+    color: $onBackground;
+}
+
+.txt-primary {
+    color: $primary;
+}
+
+.txt-onSecondaryContainer {
+    color: $onSecondaryContainer;
+}
+
+.txt-shadow {
+    text-shadow: 1px 2px 8px rgba(0, 0, 0, 0.69);
+    margin: 10px;
+}
+
+.txt-badonkers {
+    @include mainfont;
+    font-size: 3rem;
+}
+
+.txt-tiddies {
+    @include mainfont;
+    font-size: 2.7273rem;
+}
+
+.txt-hugerass {
+    @include mainfont;
+    font-size: 2.045rem;
+}
+
+.txt-hugeass {
+    @include mainfont;
+    font-size: 1.8182rem;
+}
+
+.txt-larger {
+    @include mainfont;
+    font-size: 1.6363rem;
+}
+
+.txt-large {
+    //16pt
+    @include mainfont;
+    font-size: 1.4545rem;
+}
+
+.txt-norm {
+    //14pt
+    @include mainfont;
+    font-size: 1.2727rem;
+}
+
+.txt-small {
+    //12pt
+    @include mainfont;
+    font-size: 1.0909rem;
+}
+
+.txt-smallie {
+    //11pt
+    @include mainfont;
+    font-size: 1rem;
+}
+
+.txt-smaller {
+    //10pt
+    @include mainfont;
+    font-size: 0.9091rem;
+}
+
+.txt-tiny {
+    @include mainfont;
+    font-size: 0.7273rem;
+}
+
+.txt-poof {
+    font-size: 0px;
+}
+
+.txt-subtext {
+    @include subtext;
+}
+
+.txt-action {
+    @include actiontext;
+}
+
+.txt-semibold {
+    font-weight: 500;
+}
+
+.txt-bold {
+    font-weight: bold;
+}
+
+.txt-italic {
+    font-style: italic;
+}
+
+.titlefont {
+    @include titlefont;
+}
+
+.mainfont {
+    @include mainfont;
+}
+
+.icon-material {
+    @include icon-material;
+}
+
+.icon-nerd {
+    @include icon-nerd;
+}
+
+.separator-circle {
+    @include full-rounding;
+    background-color: $onSurface;
+    margin: 0rem 0.682rem;
+    min-width: 0.545rem;
+    min-height: 0.545rem;
+}
+
+.spacing-h-3>* {
+    margin-right: 0.205rem;
+}
+
+.spacing-h-3>*:last-child {
+    margin-right: 0rem;
+}
+
+.spacing-v-15>* {
+    margin-bottom: 1.023rem;
+}
+
+.spacing-v-15>*:last-child {
+    margin-bottom: 0rem;
+}
+
+.spacing-h-15>* {
+    margin-right: 1.023rem;
+}
+
+.spacing-h-15>*:last-child {
+    margin-right: 0rem;
+}
+
+.spacing-h-15>revealer>* {
+    margin-right: 1.023rem;
+}
+
+.spacing-h-15>revealer:last-child>* {
+    margin-right: 0rem;
+}
+
+.spacing-v-5>box {
+    margin-bottom: 0.341rem;
+}
+
+.spacing-v-5>box:last-child {
+    margin-bottom: 0rem;
+}
+
+.spacing-v-5>* {
+    margin-bottom: 0.341rem;
+}
+
+.spacing-v-5>*:last-child {
+    margin-bottom: 0rem;
+}
+
+.spacing-v-5-revealer>revealer>* {
+    margin-bottom: 0.341rem;
+}
+
+.spacing-v-5-revealer>revealer:last-child>* {
+    margin-bottom: 0rem;
+}
+
+.spacing-h-5>* {
+    margin-right: 0.341rem;
+}
+
+.spacing-h-5>*:last-child {
+    margin-right: 0rem;
+}
+
+.spacing-h-5>widget>* {
+    margin-right: 0.341rem;
+}
+
+.spacing-h-5>widget:last-child>* {
+    margin-right: 0rem;
+}
+
+.spacing-h-5>revealer>* {
+    margin-right: 0.341rem;
+}
+
+.spacing-h-5>revealer:last-child>* {
+    margin-right: 0rem;
+}
+
+.spacing-v-minus5>* {
+    margin-bottom: -0.341rem;
+}
+
+.spacing-v-minus5>*:last-child {
+    margin-bottom: 0rem;
+}
+
+.spacing-h-10>* {
+    margin-right: 0.682rem;
+}
+
+.spacing-h-10>*:last-child {
+    margin-right: 0rem;
+}
+
+.spacing-h-10>revealer>* {
+    margin-right: 0.682rem;
+}
+
+.spacing-h-10>revealer:last-child>* {
+    margin-right: 0rem;
+}
+
+.spacing-h-10>flowboxchild>* {
+    margin-right: 0.682rem;
+}
+
+.spacing-h-10>flowboxchild:last-child>* {
+    margin-right: 0rem;
+}
+
+.spacing-v-10>* {
+    margin-bottom: 0.682rem;
+}
+
+.spacing-v-10>*:last-child {
+    margin-bottom: 0rem;
+}
+
+.spacing-h-20>* {
+    margin-right: 1.364rem;
+}
+
+.spacing-h-20>*:last-child {
+    margin-right: 0rem;
+}
+
+.spacing-v-20>* {
+    margin-bottom: 1.364rem;
+}
+
+.spacing-v-20>*:last-child {
+    margin-bottom: 0rem;
+}
+
+
+.anim-enter {
+    @include anim-enter;
+}
+
+.anim-exit {
+    @include anim-exit;
+}
+
+.button-minsize {
+    @include button-minsize;
+}
+
+.margin-right-5 {
+    margin-right: 0.341rem;
+}
+
+.margin-left-5 {
+    margin-left: 0.341rem;
+}
+
+.margin-top-5 {
+    margin-top: 0.341rem;
+}
+
+.margin-bottom-5 {
+    margin-bottom: 0.341rem;
+}
+
+.margin-right-10 {
+    margin-right: 0.682rem;
+}
+
+.margin-left-10 {
+    margin-left: 0.682rem;
+}
+
+.margin-top-10 {
+    margin-top: 0.682rem;
+}
+
+.margin-bottom-10 {
+    margin-bottom: 0.682rem;
+}
+
+.margin-right-15 {
+    margin-right: 1.023rem;
+}
+
+.margin-left-15 {
+    margin-left: 1.023rem;
+}
+
+.margin-top-15 {
+    margin-top: 1.023rem;
+}
+
+.margin-bottom-15 {
+    margin-bottom: 1.023rem;
+}
+
+.invisible {
+    opacity: 0;
+    background-color: transparent;
+    color: transparent;
+}
+
+.spacing-h--5>box {
+    margin-right: -0.341rem;
+}
+
+.spacing-h--5>box:last-child {
+    margin-right: 0rem;
+}
+
+.spacing-v--5>box {
+    margin-bottom: -0.341rem;
+}
+
+.spacing-v--5>box:last-child {
+    margin-bottom: 0rem;
+}
+
+.spacing-v--5>label {
+    margin-bottom: -0.341rem;
+}
+
+.spacing-v--5>label:last-child {
+    margin-bottom: 0rem;
+}
+
+.spacing-v--10>box {
+    margin-bottom: -0.682rem;
+}
+
+.spacing-v--10>box:last-child {
+    margin-bottom: 0rem;
+}
+
+.spacing-v--10>label {
+    margin-bottom: -0.682rem;
+}
+
+.spacing-v--10>label:last-child {
+    margin-bottom: 0rem;
+}
+
+.spacing-h--20>box {
+    margin-left: -1.364rem;
+}
+
+.spacing-h--20>box:first-child {
+    margin-left: 0rem;
+}
+
+.instant {
+    transition: 0ms;
+}
+
+.menu-decel {
+    @include menu_decel;
+}
\ No newline at end of file
diff --git a/.config/ags/scss/_lib_mixins.scss b/.config/ags/scss/_lib_mixins.scss
new file mode 100644
index 000000000..67406eb65
--- /dev/null
+++ b/.config/ags/scss/_lib_mixins.scss
@@ -0,0 +1,205 @@
+// Common colors
+$hovercolor: rgba(128, 128, 128, 0.3);
+$activecolor: rgba(128, 128, 128, 0.7);
+$rounding_small: 0.818rem;
+$rounding_mediumsmall: 0.955rem;
+$rounding_medium: 1.159rem;
+$rounding_mediumlarge: 1.364rem;
+$rounding_large: 1.705rem;
+
+// Common rules
+@mixin small-rounding {
+    border-radius: $rounding_small;
+    -gtk-outline-radius: $rounding_small;
+}
+
+@mixin normal-rounding {
+    border-radius: $rounding_medium;
+    -gtk-outline-radius: $rounding_medium;
+}
+
+@mixin large-rounding {
+    border-radius: $rounding_large;
+    -gtk-outline-radius: $rounding_large;
+}
+
+@mixin full-rounding {
+    border-radius: 9999px;
+    -gtk-outline-radius: 9999px;
+}
+
+@mixin titlefont {
+    // Geometric sans-serif
+    font-family:
+        'Gabarito',
+        'Poppins',
+        'Lexend',
+        sans-serif;
+}
+
+@mixin mainfont {
+    // Other clean sans-serif
+    font-family:
+        'Geist',
+        'AR One Sans',
+        'Reddit Sans',
+        'Inter',
+        'Roboto',
+        'Ubuntu',
+        'Noto Sans',
+        sans-serif;
+    // font-weight: 500;
+}
+
+@mixin icon-material {
+    // Material Design Icons
+    font-family:
+        'Material Symbols Rounded',
+        'Material Symbols Outlined',
+        'Material Symbols Sharp';
+}
+
+@mixin icon-nerd {
+    // Nerd Fonts
+    font-family:
+        'SpaceMono NF', 'SpaceMono Nerd Font',
+        'JetBrains Mono NF', 'JetBrains Mono Nerd Font',
+        monospace;
+}
+
+@mixin techfont {
+    // Monospace for sys info n stuff. Doesn't have to be a nerd font, but it's cool.
+    font-family: 'JetBrains Mono NF', 'JetBrains Mono Nerd Font', 'JetBrains Mono NL', 'SpaceMono NF', 'SpaceMono Nerd Font', monospace;
+}
+
+@mixin readingfont {
+    // The most readable fonts, for a comfortable reading experience
+    // in stuff like ChatGPT widget
+    font-family:
+        'Lexend',
+        'Noto Sans',
+        sans-serif;
+    // font-weight: 500;
+}
+
+@mixin subtext {
+    color: $subtext;
+}
+
+@mixin actiontext {
+    color: $actiontext;
+}
+
+
+$elevation_margin: 0.476rem;
+
+@mixin elevation-safe {
+    background: $surface;
+    color: $onSurface;
+    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.69);
+    margin: $elevation_margin;
+}
+
+@mixin elevation2 {
+    box-shadow: 0px 2px 3px transparentize($shadow, 0.55);
+    margin: $elevation_margin;
+}
+
+@mixin elevation2-margin {
+    margin: $elevation_margin;
+}
+
+@mixin elevation2-padding {
+    padding: $elevation_margin;
+}
+
+@mixin elevation3 {
+    box-shadow: 0px 2px 5px $shadow;
+    margin: $elevation_margin;
+}
+
+@mixin menu_decel {
+    transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+}
+
+@mixin menu_decel_fast {
+    transition: 170ms cubic-bezier(0.1, 1, 0, 1);
+}
+
+@mixin menu_accel {
+    transition: 160ms cubic-bezier(0.38, 0.04, 1, 0.07);
+}
+
+@mixin menu_accel_fast {
+    transition: 100ms cubic-bezier(0.38, 0.04, 1, 0.07);
+}
+
+@mixin fluent_decel {
+    // Used for small transitions, as this looks clear
+    transition: 200ms cubic-bezier(0.1, 1, 0, 1);
+}
+
+@mixin fluent_decel_long {
+    // Used for small transitions, as this looks clear
+    transition: 1000ms cubic-bezier(0.1, 1, 0, 1);
+}
+
+@mixin fluent_accel {
+    transition: 150ms cubic-bezier(0.42, 0, 1, 1);
+}
+
+@mixin noanim {
+    transition: 0ms;
+}
+
+@mixin anim-enter {
+    transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);
+}
+
+@mixin anim-exit {
+    transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);
+}
+
+@function tint($color, $percentage) {
+    @return mix(rgb(245, 250, 255), $color, $percentage);
+}
+
+@function shade($color, $percentage) {
+    @return mix(rgb(0, 0, 0), $color, $percentage);
+}
+
+$overlay1: mix($onSurface, rgba(0, 0, 0, 0), 25%);
+$overlay2: mix($onSurface, rgba(0, 0, 0, 0), 40%);
+
+@mixin elevation-border-softer {
+    border-top: 1px solid mix($t_t_surface, $t_onSurface, 90%);
+    border-left: 1px solid mix($t_t_surface, $t_onSurface, 90%);
+    border-right: 1px solid mix($t_t_surface, $t_onSurface, 95%);
+    border-bottom: 1px solid mix($t_t_surface, $t_onSurface, 95%);
+}
+
+@mixin elevation-border {
+    border-top: 1px solid mix($t_t_surface, $onSurface, 90%);
+    border-left: 1px solid mix($t_t_surface, $onSurface, 90%);
+    border-right: 1px solid mix($t_t_surface, $onSurface, 95%);
+    border-bottom: 1px solid mix($t_t_surface, $onSurface, 95%);
+}
+
+@mixin elevation-border-heavier {
+    border-top: 1px solid mix($t_t_surface, $onSurface, 80%);
+    border-left: 1px solid mix($t_t_surface, $onSurface, 80%);
+    border-right: 1px solid mix($t_t_surface, $onSurface, 85%);
+    border-bottom: 1px solid mix($t_t_surface, $onSurface, 85%);
+}
+
+@mixin elevation-border-transparent {
+    border-top: 1px solid transparent;
+}
+
+@mixin button-minsize {
+    min-width: 2.727rem;
+    min-height: 2.727rem;
+}
+
+$white: white;
+$black: black;
\ No newline at end of file
diff --git a/.config/ags/scss/_material.scss b/.config/ags/scss/_material.scss
new file mode 100755
index 000000000..24ab7d4b5
--- /dev/null
+++ b/.config/ags/scss/_material.scss
@@ -0,0 +1,29 @@
+$darkmode: true;
+$primary: #c4c0ff;
+$onPrimary: #251a8c;
+$primaryContainer: #3d36a2;
+$onPrimaryContainer: #e3dfff;
+$secondary: #c7c4dd;
+$onSecondary: #2f2e42;
+$secondaryContainer: #464559;
+$onSecondaryContainer: #e3dff9;
+$tertiary: #eab9d1;
+$onTertiary: #472639;
+$tertiaryContainer: #603c50;
+$onTertiaryContainer: #ffd8eb;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #101012;
+$background: #101012;
+$onBackground: #e5e1e6;
+$surface: #1c1b1f;
+$onSurface: #e5e1e6;
+$surfaceVariant: #47464f;
+$onSurfaceVariant: #c8c5d0;
+$outline: #928f9a;
+$shadow: #000000;
+$inverseSurface: #e5e1e6;
+$inverseOnSurface: #313033;
+$inversePrimary: #5550bb;
diff --git a/.config/ags/scss/_music.scss b/.config/ags/scss/_music.scss
new file mode 100644
index 000000000..8f98091c2
--- /dev/null
+++ b/.config/ags/scss/_music.scss
@@ -0,0 +1,152 @@
+@import './material';
+@import './musicmaterial';
+@import './wal';
+@import './musicwal';
+@import './colors';
+@import './lib_mixins';
+$music_gradient1: mix($color1, $background, 30%);
+
+@if $darkmode ==true {
+    $music_gradient1: mix($color1, $background, 30%);
+}
+
+$music_gradient2: $color3;
+$music_gradient3: $color5;
+$music_colorstart_transparentize: 0.3;
+$music_extra_transparentize: 0.15;
+
+$secondaryContainer: transparentize(mix(mix($background, $color2, 50%), $color6, 80%), 0.5);
+$onSecondaryContainer: mix($color7, $color2, 90%);
+
+.osd-music {
+    @include menu_decel;
+    @include elevation2;
+    margin-top: 0.313rem;
+    @include normal-rounding;
+    // min-height: 7.159rem;
+    min-width: 29.659rem;
+    background-color: $t_background;
+    padding: 0rem 1.023rem;
+    background: // Inspired by Amberol
+        linear-gradient(127deg, transparentize($music_gradient1, $music_colorstart_transparentize), transparentize($music_gradient1, $music_colorstart_transparentize - $transparentize_amount + $music_extra_transparentize) 70.71%),
+        linear-gradient(217deg, transparentize($music_gradient2, $music_colorstart_transparentize), transparentize($music_gradient2, $music_colorstart_transparentize - $transparentize_amount + $music_extra_transparentize) 70.71%),
+        radial-gradient(circle at 0% 100%, $color4 13%, rgba(0, 0, 0, 0) 100%),
+        linear-gradient(336deg, transparentize($music_gradient3, $music_colorstart_transparentize), transparentize($music_gradient3, $music_colorstart_transparentize - $transparentize_amount + $music_extra_transparentize) 70.71%),
+        linear-gradient($background, $background), // We don't want wallpaper tint, so here's a fully opaque surface
+    ;
+}
+
+
+.osd-music-cover-fallback {
+    @include menu_decel;
+    @include small-rounding;
+    // margin: 1.023rem;
+    min-width: 7.5rem;
+    min-height: 7.5rem;
+    background-color: $t_surface;
+    color: $onSecondaryContainer;
+}
+
+.osd-music-cover {
+    @include small-rounding;
+    @include menu_decel;
+    // Must be -top and -bottom or it'll mess up horizontal spacing
+    margin-top: 1.023rem;
+    margin-bottom: 1.023rem;
+    min-width: 7.5rem;
+    min-height: 7.5rem;
+}
+
+.osd-music-cover-art {
+    @include small-rounding;
+    min-width: 7.5rem;
+    min-height: 7.5rem;
+    background-size: cover;
+    background-position: center;
+}
+
+.osd-music-info {
+    margin: 1.023rem 0rem;
+}
+
+.osd-music-title {
+    @include menu_decel;
+    @include titlefont;
+    font-size: 1.364rem;
+    color: $onSecondaryContainer;
+}
+
+.osd-music-artists {
+    @include menu_decel;
+    @include mainfont;
+    font-size: 0.955rem;
+    color: mix($onSecondaryContainer, $secondaryContainer, 80%);
+}
+
+.osd-music-pill {
+    @include menu_decel;
+    @include full-rounding;
+    @include titlefont;
+    min-width: 1.833rem;
+    padding: 0.273rem 0.682rem;
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+}
+
+.osd-music-controls {
+    @include menu_decel;
+    @include full-rounding;
+    @include titlefont;
+    min-width: 1.833rem;
+    padding: 0.205rem;
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+}
+
+.osd-music-controlbtn {
+    @include menu_decel;
+    min-width: 2.045rem;
+    min-height: 2.045rem;
+    @include full-rounding;
+}
+
+.osd-music-controlbtn:hover,
+.osd-music-controlbtn:focus {
+    background-color: mix($secondaryContainer, $onSecondaryContainer, 90%);
+}
+
+.osd-music-controlbtn:active {
+    background-color: mix($secondaryContainer, $onSecondaryContainer, 85%);
+}
+
+.osd-music-controlbtn-txt {
+    @include menu_decel;
+    transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
+    @include icon-material;
+    font-size: 1.364rem;
+    margin: -0.1rem 0rem;
+}
+
+.osd-music-circprog {
+    @include fluent_decel_long;
+    min-width: 0.409rem; // width of progress
+    min-height: 3.068rem;
+    padding: 0.273rem;
+    color: $onSecondaryContainer;
+}
+
+.osd-music-playstate {
+    @include menu_decel;
+    min-height: 3.068rem;
+    min-width: 3.068rem;
+    border-radius: 10rem;
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+}
+
+.osd-music-playstate-btn>label {
+    transition: 50ms cubic-bezier(0.05, 0.7, 0.1, 1);
+    @include icon-material;
+    font-size: 1.364rem;
+    margin: -0.1rem 0rem;
+}
\ No newline at end of file
diff --git a/.config/ags/scss/_musicmaterial.scss b/.config/ags/scss/_musicmaterial.scss
new file mode 100755
index 000000000..8b1378917
--- /dev/null
+++ b/.config/ags/scss/_musicmaterial.scss
@@ -0,0 +1 @@
+
diff --git a/.config/ags/scss/_musicwal.scss b/.config/ags/scss/_musicwal.scss
new file mode 100644
index 000000000..8b1378917
--- /dev/null
+++ b/.config/ags/scss/_musicwal.scss
@@ -0,0 +1 @@
+
diff --git a/.config/ags/scss/_notifications.scss b/.config/ags/scss/_notifications.scss
new file mode 100644
index 000000000..38e6b397d
--- /dev/null
+++ b/.config/ags/scss/_notifications.scss
@@ -0,0 +1,152 @@
+$notif_surface: $t_background;
+
+@mixin notif-rounding {
+    @include normal-rounding;
+}
+
+.notif-low {
+    @include notif-rounding;
+    background-color: $l_l_t_surfaceVariant;
+    color: $onSurfaceVariant;
+    padding: $rounding_small;
+    padding-right: $rounding_small + 0.545rem;
+}
+
+.notif-normal {
+    @include notif-rounding;
+    background-color: $l_l_t_surfaceVariant;
+    color: $onSurfaceVariant;
+    padding: $rounding_small;
+    padding-right: $rounding_small + 0.545rem;
+}
+
+.notif-critical {
+    @include notif-rounding;
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+    padding: $rounding_small;
+    padding-right: $rounding_small + 0.545rem;
+}
+
+.popup-notif-low {
+    @include notif-rounding;
+    min-width: 30.682rem;
+    background-color: $notif_surface;
+    color: $onSurfaceVariant;
+    padding: $rounding_small;
+    padding-right: $rounding_small + 0.545rem;
+}
+
+.popup-notif-normal {
+    @include notif-rounding;
+    min-width: 30.682rem;
+    background-color: $notif_surface;
+    color: $onSurfaceVariant;
+    padding: $rounding_small;
+    padding-right: $rounding_small + 0.545rem;
+}
+
+.popup-notif-critical {
+    @include notif-rounding;
+    min-width: 30.682rem;
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+    padding: $rounding_small;
+    padding-right: $rounding_small + 0.545rem;
+}
+
+.notif-body-low {
+    color: mix($onSurfaceVariant, $surfaceVariant, 67%);
+}
+
+.notif-body-normal {
+    color: mix($onSurfaceVariant, $surfaceVariant, 67%);
+}
+
+.notif-body-critical {
+    color: mix($onSecondaryContainer, $secondaryContainer, 67%);
+}
+
+.notif-icon {
+    @include full-rounding;
+    min-width: 3.409rem;
+    min-height: 3.409rem;
+}
+
+.notif-icon-material {
+    background-color: $t_secondaryContainer;
+    color: $onSecondaryContainer;
+}
+
+.notif-icon-material-low {
+    background-color: $t_secondaryContainer;
+    color: $onSecondaryContainer;
+}
+
+.notif-icon-material-normal {
+    background-color: $t_secondaryContainer;
+    color: $onSecondaryContainer;
+}
+
+.notif-icon-material-critical {
+    background-color: $t_onSecondaryContainer;
+    color: $secondaryContainer;
+}
+
+.notif-close-btn {
+    @include notif-rounding;
+    padding: 0rem 0.136rem;
+}
+
+.notif-close-btn:hover,
+.notif-close-btn:focus {
+    background: $hovercolor;
+}
+
+.notif-close-btn:active {
+    background: $activecolor;
+}
+
+.notif-closeall-btn {
+    @include notif-rounding;
+    padding: 0.341rem 0.341rem;
+}
+
+.notif-closeall-btn:hover,
+.notif-closeall-btn:focus {
+    background-color: $hovercolor;
+}
+
+.notif-closeall-btn:active {
+    background-color: $activecolor;
+}
+
+.osd-notif {
+    @include notif-rounding;
+    background-color: transparentize($background, $transparentize_surface_amount_subtract_surface);
+    min-width: 30.682rem;
+}
+
+.notif-circprog-low {
+    transition: 0ms linear;
+    min-width: 0.136rem; // line width
+    min-height: 1.770rem;
+    padding: 0rem;
+    color: $onSecondaryContainer;
+}
+
+.notif-circprog-normal {
+    transition: 0ms linear;
+    min-width: 0.136rem; // line width
+    min-height: 1.770rem;
+    padding: 0rem;
+    color: $onSecondaryContainer;
+}
+
+.notif-circprog-critical {
+    transition: 0ms linear;
+    min-width: 0.136rem; // line width
+    min-height: 1.770rem;
+    padding: 0rem;
+    color: $onSecondaryContainer;
+}
\ No newline at end of file
diff --git a/.config/ags/scss/_osd.scss b/.config/ags/scss/_osd.scss
new file mode 100644
index 000000000..6c6e2dde2
--- /dev/null
+++ b/.config/ags/scss/_osd.scss
@@ -0,0 +1,116 @@
+.osd-bg {
+    min-width: 8.864rem;
+    min-height: 3.409rem;
+}
+
+.osd-value {
+    background-color: $t_background;
+    border-radius: 1.023rem;
+    padding: 0.625rem 1.023rem;
+    padding-top: 0.313rem;
+    margin: 10px;
+    @include elevation2;
+}
+
+.osd-progress {
+    min-height: 0.955rem;
+    min-width: 0.068rem;
+    padding: 0rem;
+    border-radius: 10rem;
+    @include fluent_decel;
+
+    trough {
+        min-height: 0.954rem;
+        min-width: 0.068rem;
+        border-radius: 10rem;
+        background-color: $secondaryContainer;
+        // border: 0.068rem solid $onSecondaryContainer;
+    }
+
+    progress {
+        @include fluent_decel;
+        min-height: 0.680rem;
+        min-width: 0.680rem;
+        margin: 0rem 0.137rem;
+        border-radius: 10rem;
+        background-color: $onSecondaryContainer;
+    }
+}
+
+.osd-icon {
+    color: $onPrimaryContainer;
+}
+
+.osd-label {
+    font-size: 1.023rem;
+    font-weight: 500;
+    color: $onBackground;
+    margin-top: 0.341rem;
+}
+
+.osd-value-txt {
+    @include titlefont;
+    font-size: 1.688rem;
+    font-weight: 500;
+    color: $onBackground;
+}
+
+.osd-notifs {
+    padding-top: 0.313rem;
+}
+
+.osd-colorscheme {
+    border-radius: 1.023rem;
+    background-color: $t_background;
+    padding: 1.023rem;
+    @include elevation2;
+}
+
+.osd-color {
+    @include full-rounding;
+    min-width: 2.727rem;
+    min-height: 1.705rem;
+    padding: 0rem 0.341rem;
+    font-weight: bold;
+
+    box {
+        @include full-rounding;
+        margin: 0.409rem;
+    }
+}
+
+.osd-color-primary {
+    background-color: $primary;
+    color: $onPrimary;
+    box { background-color: $onPrimary; }
+}
+.osd-color-primaryContainer {
+    background-color: $primaryContainer;
+    color: $onPrimaryContainer;
+    box { background-color: $onPrimaryContainer; }
+}
+.osd-color-secondary {
+    background-color: $secondary;
+    color: $onSecondary;
+    box { background-color: $onSecondary; }
+}
+.osd-color-secondaryContainer {
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+    box { background-color: $onSecondaryContainer; }
+}
+.osd-color-surfaceVariant {
+    background-color: $surfaceVariant;
+    color: $onSurfaceVariant;
+    box { background-color: $onSurfaceVariant; }
+}
+.osd-color-surface {
+    background-color: $surface;
+    color: $onSurface;
+    box { background-color: $onSurface; }
+}
+.osd-color-background {
+    background-color: $background;
+    color: $onBackground;
+    box { background-color: $onBackground; }
+}
\ No newline at end of file
diff --git a/.config/ags/scss/_osk.scss b/.config/ags/scss/_osk.scss
new file mode 100644
index 000000000..c04ec8d9a
--- /dev/null
+++ b/.config/ags/scss/_osk.scss
@@ -0,0 +1,112 @@
+$osk_key_height: 2.5rem;
+$osk_key_width: 2.5rem;
+$osk_key_padding: 0.188rem;
+$osk_key_rounding: 0.682rem;
+$osk_key_fontsize: 1.091rem;
+
+.osk-window {
+    // @include menu_decel_fast;
+    @include large-rounding;
+    @include elevation-border;
+    @include elevation2;
+    // min-height: 29.591rem;
+    // min-width: 50rem;
+    background-color: $t_background;
+}
+
+.osk-body {
+    padding: 1.023rem;
+    padding-top: 0px;
+}
+
+.osk-show {
+    @include menu_decel_fast;
+}
+
+.osk-hide {
+    margin-top: 30.682rem;
+    margin-bottom: -30.682rem;
+    // opacity: 0;
+    @include menu_accel_fast;
+}
+
+.osk-dragline {
+    @include full-rounding;
+    background-color: $surfaceVariant;
+    min-height: 0.273rem;
+    min-width: 10.227rem;
+    margin-top: 0.545rem;
+    margin-bottom: 0.205rem;
+}
+
+.osk-key {
+    border-radius: $osk_key_rounding;
+    background-color: $t_surfaceVariant;
+    color: $onSurfaceVariant;
+    padding: $osk_key_padding;
+    font-weight: 500;
+    font-size: $osk_key_fontsize;
+}
+
+.osk-key:hover,
+.osk-key:focus {
+    background-color: mix($t_surfaceVariant, $t_onSurfaceVariant, 90%);
+}
+
+.osk-key:active {
+    background-color: mix($t_surfaceVariant, $t_onSurfaceVariant, 70%);
+    font-size: $osk_key_fontsize;
+}
+
+.osk-key-active {
+    background-color: mix($t_surfaceVariant, $t_onSurfaceVariant, 70%);
+}
+
+.osk-key-normal {
+    min-width: $osk_key_width;
+    min-height: $osk_key_height;
+}
+
+.osk-key-fn {
+    min-width: $osk_key_width * 1.005;
+    min-height: $osk_key_height / 2;
+}
+
+.osk-key-tab {
+    min-width: $osk_key_width * 1.6;
+    min-height: $osk_key_height;
+}
+
+.osk-key-caps {
+    min-width: $osk_key_width * 1.9;
+    min-height: $osk_key_height;
+}
+
+.osk-key-shift {
+    min-width: $osk_key_width * 2.5;
+    min-height: $osk_key_height;
+}
+
+.osk-key-control {
+    min-width: $osk_key_width * 1.3;
+    min-height: $osk_key_height;
+}
+
+.osk-control-button {
+    border-radius: $osk_key_rounding;
+    background-color: $t_surfaceVariant;
+    color: $onSurfaceVariant;
+    font-weight: 500;
+    font-size: $osk_key_fontsize;
+    padding: 0.682rem;
+}
+
+.osk-control-button:hover,
+.osk-control-button:focus {
+    background-color: mix($t_surfaceVariant, $t_onSurfaceVariant, 90%);
+}
+
+.osk-control-button:active {
+    background-color: mix($t_surfaceVariant, $t_onSurfaceVariant, 70%);
+    font-size: $osk_key_fontsize;
+}
\ No newline at end of file
diff --git a/.config/ags/scss/_overview.scss b/.config/ags/scss/_overview.scss
new file mode 100644
index 000000000..5f3f98e75
--- /dev/null
+++ b/.config/ags/scss/_overview.scss
@@ -0,0 +1,135 @@
+.overview-search-box {
+    @include menu_decel;
+    @include large-rounding;
+    @include elevation-border;
+    @include elevation2;
+    min-width: 13.636rem;
+    min-height: 3.409rem;
+    padding: 0rem 1.364rem;
+    padding-right: 2.864rem;
+    background-color: $t_background;
+    color: $onBackground;
+
+    selection {
+        background-color: $secondary;
+        color: $onSecondary;
+    }
+
+    caret-color: transparent;
+}
+
+.overview-search-box-extended {
+    min-width: 25.909rem;
+    caret-color: $onSecondaryContainer;
+}
+
+.overview-search-prompt {
+    color: $subtext;
+}
+
+.overview-search-icon {
+    margin: 0rem 1.023rem;
+}
+
+.overview-search-prompt-box {
+    margin-left: -18.545rem;
+    margin-right: $elevation_margin + 0.068rem;
+}
+
+.overview-search-icon-box {
+    margin-left: -18.545rem;
+    margin-right: $elevation_margin + 0.068rem;
+}
+
+.overview-search-results {
+    // min-height: 2.813rem;
+    // min-height: 37.5rem;
+    @include large-rounding;
+    @include elevation-border;
+    @include elevation2;
+    min-width: 28.773rem;
+    padding: 0.682rem;
+    background-color: $t_background;
+    color: $onBackground;
+}
+
+.overview-search-results-icon {
+    margin: 0rem 0.682rem;
+    font-size: 2.386rem;
+    min-width: 2.386rem;
+    min-height: 2.386rem;
+}
+
+.overview-search-results-txt {
+    margin-right: 0.682rem;
+}
+
+.overview-search-results-txt-cmd {
+    margin-right: 0.682rem;
+    @include techfont;
+    font-size: 1.227rem;
+}
+
+.overview-search-result-btn {
+    @include normal-rounding;
+    padding: 0.341rem;
+    min-width: 2.386rem;
+    min-height: 2.386rem;
+
+    caret-color: transparent;
+}
+
+.overview-search-result-btn:hover,
+.overview-search-result-btn:focus {
+    background-color: $hovercolor;
+}
+
+.overview-search-result-btn:active {
+    background-color: $activecolor;
+}
+
+.overview-tasks {
+    @include large-rounding;
+    @include elevation-border;
+    @include elevation2;
+    padding: 0.341rem;
+    background-color: $t_background;
+    color: $onBackground;
+}
+
+.overview-tasks-workspace {
+    @include normal-rounding;
+    // @include elevation-border;
+    margin: 0.341rem;
+    background-color: mix($t_t_surface, $t_onSurface, 93%);
+}
+
+.overview-tasks-workspace-number {
+    @include mainfont;
+    color: mix($t_onSurface, $t_surface, 93%);
+}
+
+.overview-tasks-window {
+    @include normal-rounding;
+    @include menu_decel;
+    background-color: $l_t_secondaryContainer;
+    color: $onSecondaryContainer;
+    border: 0.068rem solid $t_t_t_onSecondaryContainer;
+}
+
+.overview-tasks-window:hover,
+.overview-tasks-window:focus {
+    background-color: mix($l_t_secondaryContainer, $primary, 95%);
+}
+
+.overview-tasks-window:active {
+    background-color: mix($l_t_secondaryContainer, $primary, 90%);
+}
+
+.overview-tasks-window-selected {
+    background-color: mix($l_t_secondaryContainer, $primary, 90%);
+}
+
+.overview-tasks-window-dragging {
+    opacity: 0.2;
+}
\ No newline at end of file
diff --git a/.config/ags/scss/_session.scss b/.config/ags/scss/_session.scss
new file mode 100644
index 000000000..35c7b3fb2
--- /dev/null
+++ b/.config/ags/scss/_session.scss
@@ -0,0 +1,36 @@
+.session-bg {
+    margin-top: -2.727rem;
+    background-color: mix($t_t_background, $background, 40%);
+}
+
+.session-button {
+    @include large-rounding;
+    min-width: 8.182rem;
+    min-height: 8.182rem;
+    background-color: $surfaceVariant;
+    color: $onSurfaceVariant;
+    font-size: 3rem;
+}
+
+.session-button-focused {
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+}
+
+.session-button-desc {
+    background-color: mix($surface, $surfaceVariant, 50%);
+    color: mix($onSurface, $onSurfaceVariant, 50%);
+    border-bottom-left-radius: $rounding_large;
+    border-bottom-right-radius: $rounding_large;
+    padding: 0.205rem 0.341rem;
+    font-weight: 700;
+}
+
+.session-button-cancel {
+    @include large-rounding;
+    min-width: 8.182rem;
+    min-height: 5.455rem;
+    background-color: $surfaceVariant;
+    color: $onSurfaceVariant;
+    font-size: 3rem;
+}
diff --git a/.config/ags/scss/_sidebars.scss b/.config/ags/scss/_sidebars.scss
new file mode 100644
index 000000000..30d4a7c66
--- /dev/null
+++ b/.config/ags/scss/_sidebars.scss
@@ -0,0 +1,690 @@
+$sidebar_chat_textboxareaColor: mix($onSurfaceVariant, $surfaceVariant, 40%);
+$system: $secondary;
+$onSystem: $onSecondary;
+$chatgpt: $primary;
+$onChatgpt: $onPrimary;
+
+@mixin group-padding {
+    padding: 0.341rem;
+}
+
+.sidebar-right {
+    @include menu_decel;
+    @include elevation-border;
+    @include elevation2;
+    border-radius: $rounding_large - $elevation_margin;
+    min-width: 27.818rem; // COMMENT THIS LATER IF TEXT WRAP IS USED
+    // min-height: 29.591rem;
+    background-color: $t_background;
+    padding: 1.023rem;
+}
+
+.sideright-show {
+    @include menu_decel;
+}
+
+.sideright-hide {
+    @include menu_accel;
+    margin-right: -30.682rem;
+    // opacity: 0;
+}
+
+.sidebar-left {
+    @include menu_decel;
+    @include elevation-border;
+    @include elevation2;
+    border-radius: $rounding_large - $elevation_margin;
+    min-width: 27.818rem; // COMMENT THIS LATER IF TEXT WRAP IS USED
+    // min-height: 29.591rem;
+    background-color: $t_background;
+    padding: 1.023rem;
+}
+
+.sideleft-show {
+    @include menu_decel;
+}
+
+.sideleft-hide {
+    margin-left: -30.682rem;
+    // opacity: 0;
+    @include menu_accel;
+}
+
+.sidebar-group {
+    @include normal-rounding;
+    @include group-padding;
+    background-color: $t_surface;
+}
+
+.sidebar-group-nopad {
+    @include normal-rounding;
+    background-color: $t_surface;
+}
+
+.sidebar-group-invisible {
+    @include group-padding;
+}
+
+.sidebar-group-invisible-morehorizpad {
+    padding: 0.341rem 0.682rem;
+}
+
+.sidebar-togglesbox {
+    @include full-rounding;
+    @include group-padding;
+    background-color: $t_surface;
+}
+
+.sidebar-iconbutton {
+    @include full-rounding;
+    @include menu_decel;
+    color: $onSurface;
+    min-width: 2.727rem;
+    min-height: 2.727rem;
+}
+
+.sidebar-iconbutton:hover,
+.sidebar-iconbutton:focus {
+    background-color: mix($t_secondaryContainer, $t_onSecondaryContainer, 80%);
+}
+
+.sidebar-iconbutton:active {
+    background-color: mix($t_secondaryContainer, $t_onSecondaryContainer, 60%);
+}
+
+.sidebar-button {
+    @include menu_decel;
+    padding: 0rem $rounding_small;
+    background-color: $t_secondaryContainer;
+    color: $onSecondaryContainer;
+}
+
+.sidebar-button-nopad {
+    @include menu_decel;
+    background-color: $t_secondaryContainer;
+    color: $onSecondaryContainer;
+}
+
+.sidebar-button:hover,
+.sidebar-button:focus {
+    background-color: mix($t_secondaryContainer, $t_onSecondaryContainer, 80%);
+}
+
+.sidebar-button:active {
+    background-color: mix($t_secondaryContainer, $t_onSecondaryContainer, 60%);
+}
+
+.sidebar-button-nopad:hover,
+.sidebar-button-nopad:focus {
+    background-color: mix($t_secondaryContainer, $t_onSecondaryContainer, 80%);
+}
+
+.sidebar-button-nopad:active {
+    background-color: mix($t_secondaryContainer, $t_onSecondaryContainer, 60%);
+}
+
+.sidebar-button-left {
+    border-top-left-radius: $rounding_small;
+    border-bottom-left-radius: $rounding_small;
+}
+
+.sidebar-button-right {
+    border-top-right-radius: $rounding_small;
+    border-bottom-right-radius: $rounding_mediumsmall;
+}
+
+.sidebar-button-alone {
+    @include small-rounding;
+}
+
+.sidebar-button-alone-normal {
+    @include small-rounding;
+}
+
+.sidebar-button-active {
+    background-color: $primary;
+    color: $onPrimary;
+}
+
+.sidebar-button-active:hover,
+.sidebar-button-active:focus {
+    background-color: mix($primary, $hovercolor, 90%);
+}
+
+.sidebar-button-active:active {
+    background-color: mix($primary, $hovercolor, 70%);
+}
+
+.sidebar-buttons-separator {
+    min-width: 0.068rem;
+    min-height: 0.068rem;
+    background-color: $onSurfaceVariant;
+}
+
+.sidebar-navrail {
+    // background-color: $t_surface;
+    padding: 0rem $rounding_medium;
+}
+
+.sidebar-navrail-btn>box>label {
+    @include full-rounding;
+    @include menu_decel;
+}
+
+.sidebar-navrail-btn:hover>box>label:first-child,
+.sidebar-navrail-btn:focus>box>label:first-child {
+    background-color: mix($t_surfaceVariant, $onSurfaceVariant, 90%);
+}
+
+.sidebar-navrail-btn:active>box>label:first-child {
+    background-color: mix($surfaceVariant, $onSurfaceVariant, 75%);
+}
+
+.sidebar-navrail-btn-active>box>label:first-child {
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+}
+
+.sidebar-navrail-btn-active:hover>box>label:first-child,
+.sidebar-navrail-btn-active:focus>box>label:first-child {
+    background-color: mix($secondaryContainer, $hovercolor, 90%);
+    color: mix($onSecondaryContainer, $hovercolor, 90%);
+}
+
+.sidebar-sysinfo-grouppad {
+    padding: 1.159rem;
+}
+
+.sidebar-memory-ram-circprog {
+    @include fluent_decel_long;
+    min-width: $rounding_small;
+    min-height: 4.091rem;
+    padding: 0.409rem;
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+    font-size: 0px;
+}
+
+.sidebar-memory-swap-circprog {
+    @include fluent_decel_long;
+    min-width: $rounding_small;
+    min-height: 2.255rem;
+    padding: 0.409rem;
+    margin: 0.918rem;
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+    font-size: 0px;
+}
+
+.sidebar-cpu-circprog {
+    min-width: $rounding_small;
+    min-height: 3.409rem;
+    padding: 0.409rem;
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+    @include fluent_decel_long;
+    font-size: 0px;
+}
+
+.sidebar-scrollbar {
+    trough {
+        @include full-rounding;
+        min-width: 0.545rem;
+        background-color: transparent;
+    }
+
+    slider {
+        @include full-rounding;
+        min-width: 0.273rem;
+        min-height: 2.045rem;
+        background-color: $t_onSurfaceVariant;
+    }
+
+    slider:hover,
+    slider:focus {
+        background-color: mix($t_onSurfaceVariant, $onSurfaceVariant, 80%);
+    }
+
+    slider:active {
+        background-color: mix($onSurfaceVariant, $surfaceVariant, 50%);
+    }
+}
+
+.sidebar-calendar-btn {
+    @include full-rounding;
+    @include menu_decel;
+    min-height: 2.523rem;
+    min-width: 2.523rem;
+    color: $onSurface;
+}
+
+.sidebar-calendar-btn:hover,
+.sidebar-calendar-btn:focus {
+    background-color: $hovercolor;
+}
+
+.sidebar-calendar-btn:active {
+    background-color: $activecolor;
+}
+
+.sidebar-calendar-btn-txt {
+    margin-left: -10.341rem;
+    margin-right: -10.341rem;
+}
+
+.sidebar-calendar-btn-today {
+    background-color: $primary;
+    color: $onPrimary;
+}
+
+.sidebar-calendar-btn-today:hover,
+.sidebar-calendar-btn-today:focus {
+    background-color: mix($primary, $hovercolor, 90%);
+}
+
+.sidebar-calendar-btn-today:active {
+    background-color: mix($primary, $hovercolor, 70%);
+}
+
+.sidebar-calendar-btn-othermonth {
+    color: mix($onSurface, $surface, 50%);
+}
+
+.sidebar-calendar-header {
+    margin: 0.341rem;
+}
+
+.sidebar-calendar-monthyear-btn {
+    @include full-rounding;
+    padding: 0rem 0.682rem;
+    background-color: $t_surfaceVariant;
+    color: $onSurfaceVariant;
+}
+
+.sidebar-calendar-monthyear-btn:hover,
+.sidebar-calendar-monthyear-btn:focus {
+    background-color: mix($t_surfaceVariant, $onSurfaceVariant, 95%);
+    color: mix($onSurfaceVariant, $surfaceVariant, 95%);
+}
+
+.sidebar-calendar-monthyear-btn:active {
+    background-color: mix($surfaceVariant, $onSurfaceVariant, 85%);
+    color: mix($onSurfaceVariant, $surfaceVariant, 85%);
+}
+
+.sidebar-calendar-monthshift-btn {
+    @include full-rounding;
+    min-width: 2.045rem;
+    min-height: 2.045rem;
+    background-color: $t_surfaceVariant;
+    color: $onSurfaceVariant;
+}
+
+.sidebar-calendar-monthshift-btn:hover {
+    background-color: mix($t_surfaceVariant, $onSurfaceVariant, 95%);
+    color: mix($onSurfaceVariant, $surfaceVariant, 95%);
+}
+
+.sidebar-calendar-monthshift-btn:active {
+    background-color: mix($surfaceVariant, $onSurfaceVariant, 85%);
+    color: mix($onSurfaceVariant, $surfaceVariant, 85%);
+}
+
+.sidebar-selector-tab {
+    @include small-rounding;
+    transition: 0ms;
+    min-height: 2.5rem;
+    color: $onSurface;
+}
+
+.sidebar-selector-tab:hover,
+.sidebar-selector-tab:focus {
+    background-color: mix($t_surfaceVariant, $onSurfaceVariant, 90%);
+}
+
+.sidebar-selector-tab:active {
+    background-color: mix($surfaceVariant, $onSurfaceVariant, 75%);
+}
+
+.sidebar-selector-tab-active>box>label {
+    color: $primary;
+}
+
+.sidebar-selector-highlight-offset {
+    margin-top: -0.205rem;
+    margin-bottom: 0.205rem;
+}
+
+.sidebar-selector-highlight {
+    transition: 180ms ease-in-out; // Doesn't look that good, but it syncs with GtkStack animation of the actual todo widget content
+    color: $primary;
+    // padding: 0rem 2.045rem;
+    min-height: 0.205rem;
+}
+
+.sidebar-todo-item {
+    padding-right: 0.545rem;
+}
+
+.sidebar-todo-item-even {
+    background-color: $t_t_surfaceVariant;
+}
+
+.sidebar-todo-item-action {
+    border-radius: 9999px;
+    min-width: 1.705rem;
+    min-height: 1.705rem;
+}
+
+.sidebar-todo-item-action:hover,
+.sidebar-todo-item-action:focus {
+    background-color: mix($t_surface, $t_onSurface, 80%);
+}
+
+.sidebar-todo-item-action:active {
+    background-color: mix($t_surface, $t_onSurface, 65%);
+}
+
+.sidebar-todo-crosser {
+    transition: margin 200ms cubic-bezier(0.1, 1, 0, 1), background-color 0ms;
+    min-width: 0rem;
+}
+
+.sidebar-todo-crosser-crossed {
+    background-color: $onBackground;
+}
+
+.sidebar-todo-crosser-removed {
+    background-color: $error;
+}
+
+.sidebar-clipboard-item {
+    border-radius: $rounding_small;
+    min-height: 2.045rem;
+    padding: 0.341rem;
+    background-color: $t_secondaryContainer;
+    color: $onSecondaryContainer;
+}
+
+.sidebar-clipboard-item:hover,
+.sidebar-clipboard-item:focus {
+    background-color: mix($t_secondaryContainer, $t_onSecondaryContainer, 90%);
+}
+
+.sidebar-clipboard-item:active {
+    background-color: mix($t_secondaryContainer, $t_onSecondaryContainer, 80%);
+}
+
+.sidebar-todo-new {
+    @include full-rounding;
+    color: $onSecondaryContainer;
+    margin: 0.341rem;
+    padding: 0.205rem 0.545rem;
+    border: 0.068rem solid $onSurface;
+}
+
+.sidebar-todo-new:hover,
+.sidebar-todo-new:focus {
+    background-color: mix($t_secondaryContainer, $t_onSecondaryContainer, 97%);
+}
+
+.sidebar-todo-new:active {
+    background-color: mix($t_secondaryContainer, $t_onSecondaryContainer, 80%);
+}
+
+.sidebar-todo-add {
+    @include full-rounding;
+    @include menu_decel;
+    min-width: 1.705rem;
+    min-height: 1.705rem;
+    color: $onSecondaryContainer;
+    border: 0.068rem solid $onSurface;
+}
+
+.sidebar-todo-add:hover,
+.sidebar-todo-add:focus {
+    background-color: mix($t_secondaryContainer, $t_onSecondaryContainer, 97%);
+}
+
+.sidebar-todo-add:active {
+    background-color: mix($t_secondaryContainer, $t_onSecondaryContainer, 80%);
+}
+
+.sidebar-todo-add-available {
+    @include menu_decel;
+    @include full-rounding;
+    min-width: 1.705rem;
+    min-height: 1.705rem;
+    background-color: $primary;
+    color: $onPrimary;
+    border: 0.068rem solid $primary;
+}
+
+.sidebar-todo-add-available:hover,
+.sidebar-todo-add-available:focus {
+    background-color: mix($primary, $onPrimary, 97%);
+}
+
+.sidebar-todo-add-available:active {
+    background-color: mix($primary, $onPrimary, 80%);
+}
+
+.sidebar-todo-entry {
+    @include menu_decel;
+    @include small-rounding;
+    background-color: $surfaceVariant;
+    color: $onSurfaceVariant;
+    caret-color: $onSurfaceVariant;
+    margin: 0rem 0.341rem;
+    min-height: 1.773rem;
+    min-width: 0rem;
+    padding: 0.205rem 0.682rem;
+    border: 0.068rem solid mix($onSurfaceVariant, $surfaceVariant, 50%);
+}
+
+.sidebar-todo-entry:focus {
+    border: 0.068rem solid mix($onSurfaceVariant, $surfaceVariant, 90%);
+}
+
+.sidebar-module {
+    @include normal-rounding;
+    @include group-padding;
+    background-color: $t_surface;
+}
+
+.sidebar-module-btn-arrow {
+    @include full-rounding;
+    @include icon-material;
+    background-color: $t_surfaceVariant;
+    min-width: 1.705rem;
+    min-height: 1.705rem;
+}
+
+.sidebar-chat-viewport {
+    @include menu_decel;
+    margin: 0.682rem 0rem;
+    padding: 0.682rem 0rem;
+}
+
+.sidebar-chat-textarea {
+    @include normal-rounding;
+    border: 0.068rem solid $sidebar_chat_textboxareaColor;
+    padding: 0.682rem;
+}
+
+.sidebar-chat-entry {
+    color: $onSurfaceVariant;
+    caret-color: $onSurfaceVariant;
+    min-height: 1.773rem;
+    min-width: 0rem;
+}
+
+.sidebar-chat-send {
+    @include menu_decel;
+    min-width: 1.705rem;
+    min-height: 1.705rem;
+    border-radius: $rounding_medium - 0.681rem;
+    background-color: $sidebar_chat_textboxareaColor;
+}
+
+.sidebar-chat-send:hover,
+.sidebar-chat-send:focus {
+    background-color: mix($sidebar_chat_textboxareaColor, $t_onSecondaryContainer, 97%);
+}
+
+.sidebar-chat-send:active {
+    background-color: mix($sidebar_chat_textboxareaColor, $t_onSecondaryContainer, 80%);
+}
+
+.sidebar-chat-send-available {
+    background-color: $primary;
+    color: $onPrimary;
+}
+
+.sidebar-chat-send-available:hover,
+.sidebar-chat-send-available:focus {
+    background-color: mix($primary, $onPrimary, 97%);
+}
+
+.sidebar-chat-send-available:active {
+    background-color: mix($primary, $onPrimary, 80%);
+}
+
+.sidebar-chat-message {
+    margin: 0.682rem;
+}
+
+.sidebar-chat-indicator {
+    @include full-rounding;
+    min-width: 0.136rem;
+}
+
+.sidebar-chat-indicator-user {
+    background-color: $onBackground;
+}
+
+.sidebar-chat-indicator-bot {
+    background-color: $chatgpt;
+}
+
+.sidebar-chat-indicator-System {
+    background-color: $system;
+}
+
+.sidebar-chat-name {
+    @include titlefont;
+    padding: 0.341rem;
+    margin-left: -0.136rem;
+    padding: 0.341rem;
+    padding-left: 0.818rem;
+}
+
+.sidebar-chat-txtblock {
+    margin-left: -0.136rem;
+    padding: 0.341rem;
+    padding-left: 0.818rem;
+}
+
+.sidebar-chat-txt {
+    @include readingfont;
+}
+
+.sidebar-chat-codeblock {
+    @include normal-rounding;
+    // @include elevation2;
+    background-color: $termbg;
+    color: $termfg;
+    margin: 0rem 0.682rem;
+    border: 0.068rem solid $t_t_t_onSecondaryContainer;
+}
+
+.sidebar-chat-codeblock-topbar {
+    @include mainfont;
+    margin: 0.273rem;
+    margin-bottom: 0rem;
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+    border-radius: $rounding_medium - 0.273rem;
+    border: 0.068rem solid mix($secondaryContainer, $onSecondaryContainer, 90%);
+    border-top-left-radius: $rounding_small + 0.068rem;
+    border-top-right-radius: $rounding_small + 0.068rem;
+    padding: 0.341rem 0.477rem;
+}
+
+.sidebar-chat-codeblock-topbar-txt {
+    @include full-rounding;
+    padding: 0.273rem;
+}
+
+.sidebar-chat-codeblock-topbar-btn {
+    @include full-rounding;
+    padding: 0.273rem;
+}
+
+.sidebar-chat-codeblock-topbar-btn:hover,
+.sidebar-chat-codeblock-topbar-btn:focus {
+    background-color: mix($t_secondaryContainer, $t_onSecondaryContainer, 80%);
+}
+
+.sidebar-chat-codeblock-topbar-btn:active {
+    background-color: mix($t_secondaryContainer, $t_onSecondaryContainer, 60%);
+}
+
+.sidebar-chat-codeblock-code {
+    @include techfont;
+    padding: 0.682rem;
+}
+
+.sidebar-chat-divider {
+    min-height: 1px;
+    background-color: $sidebar_chat_textboxareaColor;
+    margin: 0rem 0.545rem;
+}
+
+.sidebar-chat-welcome-txt {
+    margin: 0rem 3.409rem;
+}
+
+.sidebar-chat-settings {
+    margin: 0rem 5.455rem;
+}
+
+.sidebar-chat-welcome-icon {
+    @include full-rounding;
+    font-size: 4rem;
+}
+
+.sidebar-chat-welcome-logo {
+    @include full-rounding;
+    @include menu_decel;
+    min-height: 4.773rem;
+    min-width: 4.773rem;
+    font-size: 4rem;
+    background-color: white;
+    color: black;
+}
+
+.sidebar-chat-chip {
+    @include menu_decel;
+    @include small-rounding;
+    padding: 0.341rem 0.477rem;
+}
+
+.sidebar-chat-chip-action {
+    border: 0.068rem solid $sidebar_chat_textboxareaColor;
+}
+
+.sidebar-chat-chip-action:hover,
+.sidebar-chat-chip-action:focus {
+    background-color: $sidebar_chat_textboxareaColor;
+}
+
+.sidebar-chat-chip-action:active {
+    background-color: mix($sidebar_chat_textboxareaColor, $onSurfaceVariant, 70%);
+    color: mix($sidebar_chat_textboxareaColor, $surfaceVariant, 70%);
+}
+
+.sidebar-chat-chip-action-active {
+    color: $sidebar_chat_textboxareaColor;
+    border: 0.068rem solid $sidebar_chat_textboxareaColor;
+}
\ No newline at end of file
diff --git a/.config/ags/scss/_wal.scss b/.config/ags/scss/_wal.scss
new file mode 100644
index 000000000..50ec8e5ab
--- /dev/null
+++ b/.config/ags/scss/_wal.scss
@@ -0,0 +1,8 @@
+// To prevent errors
+$color1: $surfaceVariant;
+$color2: $surfaceVariant;
+$color3: $surfaceVariant;
+$color4: $secondaryContainer;
+$color5: $secondaryContainer;
+$color6: $secondaryContainer;
+$color7: $onBackground;
\ No newline at end of file
diff --git a/.config/ags/scss/main.scss b/.config/ags/scss/main.scss
new file mode 100644
index 000000000..e6228c0bf
--- /dev/null
+++ b/.config/ags/scss/main.scss
@@ -0,0 +1,34 @@
+// Reset
+* {
+    all: unset;
+}
+
+// Colors
+@import './material'; // Material colors
+@import './colors'; // Global color definitions. Uses material colors as base.
+@import './lib_mixins';
+@import './lib_classes';
+@import './common'; // Context menu n stuff
+
+// Components
+@import './bar';
+@import './cheatsheet';
+@import './desktopbackground';
+@import './dock';
+@import './osd';
+@import './overview';
+@import './osk';
+@import './sidebars';
+@import './session';
+@import './notifications';
+
+// Music is put last as it might mess stuff up with pywal
+@import './music'; // Everything related to music is here
+
+// Classes for interaction
+.growingRadial {
+    transition: 300ms cubic-bezier(0.2, 0.0, 0, 1.0);
+}
+.fadingRadial {
+    transition: 50ms cubic-bezier(0.2, 0.0, 0, 1.0);
+}
diff --git a/.config/ags/services/brightness.js b/.config/ags/services/brightness.js
new file mode 100644
index 000000000..b86558c3c
--- /dev/null
+++ b/.config/ags/services/brightness.js
@@ -0,0 +1,58 @@
+import { Service, Utils } from '../imports.js';
+const { exec, execAsync } = Utils;
+
+const clamp = (num, min, max) => Math.min(Math.max(num, min), max);
+
+class BrightnessService extends Service {
+    static {
+        Service.register(
+            this,
+            { 'screen-changed': ['float'], },
+            { 'screen-value': ['float', 'rw'], },
+        );
+    }
+
+    _screenValue = 0;
+
+    // the getter has to be in snake_case
+    get screen_value() { return this._screenValue; }
+
+    // the setter has to be in snake_case too
+    set screen_value(percent) {
+        percent = clamp(percent, 0, 1);
+        this._screenValue = percent;
+
+        Utils.execAsync(`brightnessctl s ${percent * 100}% -q`)
+            .then(() => {
+                // signals has to be explicity emitted
+                this.emit('screen-changed', percent);
+                this.notify('screen-value');
+
+                // or use Service.changed(propName: string) which does the above two
+                // this.changed('screen');
+            })
+            .catch(print);
+    }
+
+    constructor() {
+        super();
+        const current = Number(exec('brightnessctl g'));
+        const max = Number(exec('brightnessctl m'));
+        this._screenValue = current / max;
+    }
+
+    // overwriting connectWidget method, let's you
+    // change the default event that widgets connect to
+    connectWidget(widget, callback, event = 'screen-changed') {
+        super.connectWidget(widget, callback, event);
+    }
+}
+
+// the singleton instance
+const service = new BrightnessService();
+
+// make it global for easy use with cli
+globalThis.brightness = service;
+
+// export to use in other modules
+export default service;
\ No newline at end of file
diff --git a/.config/ags/services/chatgpt.js b/.config/ags/services/chatgpt.js
new file mode 100644
index 000000000..43db05ed4
--- /dev/null
+++ b/.config/ags/services/chatgpt.js
@@ -0,0 +1,261 @@
+import { Utils, Widget } from '../imports.js';
+import Service from 'resource:///com/github/Aylur/ags/service.js';
+import Gio from 'gi://Gio';
+import GLib from 'gi://GLib';
+import Soup from 'gi://Soup?version=3.0';
+import { fileExists } from './messages.js';
+
+// This is for custom prompt
+// It's hard to make gpt-3.5 listen to all these, I know
+// Disabled by default
+const initMessages =
+    [
+        {
+            role: "user",
+            content: `
+## Style
+- You should a natural tone like a real conversation! 
+## Formatting
+- Try to use **bold**, _italics_ and __underline__ extensively. Using bullet points is also encouraged.
+- When providing code blocks or facts, precede with h2 heading (\`##\`) and use 2 spaces for indentation, not 4.
+- Use dividers (\`---\`) to separate different information.
+## Content
+- When asked to perform system tasks, include a bash code block to handle it on a Linux desktop with Wayland.
+- Unless requested otherwise or asked writing questions, be as short and concise as possible.
+`,
+            thinking: false,
+            done: true
+        },
+        {
+            role: "assistant",
+            content: "Got it! I'll try to give commands to perform Linux tasks. I'll try to use markdown features extensively, use divider when appropriate, and use a heading for code blocks. All code blocks should use 2 spaces for indent. And most importantly, I'll speak naturally.",
+            thinking: false,
+            done: true,
+        }
+    ]
+
+function expandTilde(path) {
+    if (path.startsWith('~')) {
+        return GLib.get_home_dir() + path.slice(1);
+    } else {
+        return path;
+    }
+}
+
+// We're using many models to not be restricted to 3 messages per minute.
+// The whole chat will be sent every request anyway.
+const KEY_FILE_LOCATION = `~/.cache/ags/user/openai_api_key.txt`;
+const CHAT_MODELS = ["gpt-3.5-turbo-1106", "gpt-3.5-turbo", "gpt-3.5-turbo-16k", "gpt-3.5-turbo-0613"]
+const ONE_CYCLE_COUNT = 3;
+
+class ChatGPTMessage extends Service {
+    static {
+        Service.register(this,
+            {
+                'delta': ['string'],
+            },
+            {
+                'content': ['string'],
+                'thinking': ['boolean'],
+                'done': ['boolean'],
+            });
+    }
+
+    _role = '';
+    _content = '';
+    _thinking = false;
+    _done = false;
+
+    constructor(role, content, thinking = false, done = false) {
+        super();
+        this._role = role;
+        this._content = content;
+        this._thinking = thinking;
+        this._done = done;
+    }
+
+    get done() { return this._done }
+    set done(isDone) { this._done = isDone; this.notify('done') }
+
+    get role() { return this._role }
+    set role(role) { this._role = role; this.emit('changed') }
+
+    get content() { return this._content }
+    set content(content) {
+        this._content = content;
+        this.notify('content')
+        this.emit('changed')
+    }
+
+    get label() { return this._parserState.parsed + this._parserState.stack.join('') }
+
+    get thinking() { return this._thinking }
+    set thinking(thinking) {
+        this._thinking = thinking;
+        this.notify('thinking')
+        this.emit('changed')
+    }
+
+    addDelta(delta) {
+        if (this.thinking) {
+            this.thinking = false;
+            this.content = delta;
+        }
+        else {
+            this.content += delta;
+        }
+        this.emit('delta', delta);
+    }
+}
+
+class ChatGPTService extends Service {
+    static {
+        Service.register(this, {
+            'initialized': [],
+            'clear': [],
+            'newMsg': ['int'],
+            'hasKey': ['boolean'],
+        });
+    }
+
+    _assistantPrompt = false;
+    _messages = [];
+    _cycleModels = true;
+    _requestCount = 0;
+    _modelIndex = 0;
+    _key = '';
+    _decoder = new TextDecoder();
+    url = GLib.Uri.parse('https://api.openai.com/v1/chat/completions', GLib.UriFlags.NONE);
+
+    constructor() {
+        super();
+
+        if (fileExists(expandTilde(KEY_FILE_LOCATION))) this._key = Utils.readFile(expandTilde(KEY_FILE_LOCATION)).trim();
+        else this.emit('hasKey', false);
+
+        if (this._assistantPrompt) this._messages = [...initMessages];
+        else this._messages = [];
+
+        this.emit('initialized');
+    }
+
+    get modelName() { return CHAT_MODELS[this._modelIndex] }
+
+    get keyPath() { return KEY_FILE_LOCATION }
+    get key() { return this._key }
+    set key(keyValue) {
+        this._key = keyValue;
+        Utils.writeFile(this._key, expandTilde(KEY_FILE_LOCATION))
+            .then(this.emit('hasKey', true))
+            .catch(err => print(err));
+    }
+
+    get cycleModels() { return this._cycleModels }
+    set cycleModels(value) {
+        this._cycleModels = value;
+        if (!value) this._modelIndex = 0;
+        else {
+            this._modelIndex = (this._requestCount - (this._requestCount % ONE_CYCLE_COUNT)) % CHAT_MODELS.length;
+        }
+    }
+
+    get messages() { return this._messages }
+    get lastMessage() { return this._messages[this._messages.length - 1] }
+
+    clear() {
+        if (this._assistantPrompt)
+            this._messages = [...initMessages];
+        else
+            this._messages = [];
+        this.emit('clear');
+    }
+
+    get assistantPrompt() { return this._assistantPrompt; }
+    set assistantPrompt(value) {
+        this._assistantPrompt = value;
+        if (value) this._messages = [...initMessages];
+        else this._messages = [];
+    }
+
+    readResponse(stream, aiResponse) {
+        stream.read_line_async(
+            0, null,
+            (stream, res) => {
+                if (!stream) return;
+                const [bytes] = stream.read_line_finish(res);
+                const line = this._decoder.decode(bytes);
+                if (line && line != '') {
+                    let data = line.substr(6);
+                    if (data == '[DONE]') return;
+                    try {
+                        const result = JSON.parse(data);
+                        if (result.choices[0].finish_reason === 'stop') {
+                            aiResponse.done = true;
+                            return;
+                        }
+                        aiResponse.addDelta(result.choices[0].delta.content);
+                    }
+                    catch {
+                        aiResponse.addDelta(line + '\n');
+                    }
+                }
+                this.readResponse(stream, aiResponse);
+            });
+    }
+
+    addMessage(role, message) {
+        this._messages.push(new ChatGPTMessage(role, message));
+        this.emit('newMsg', this._messages.length - 1);
+    }
+
+    send(msg) {
+        this._messages.push(new ChatGPTMessage('user', msg));
+        this.emit('newMsg', this._messages.length - 1);
+        const aiResponse = new ChatGPTMessage('assistant', 'thinking...', true, false)
+        this._messages.push(aiResponse);
+        this.emit('newMsg', this._messages.length - 1);
+
+        const body = {
+            model: CHAT_MODELS[this._modelIndex],
+            messages: this._messages.map(msg => { let m = { role: msg.role, content: msg.content }; return m; }),
+            stream: true,
+        };
+
+        const session = new Soup.Session();
+        const message = new Soup.Message({
+            method: 'POST',
+            uri: this.url,
+        });
+        message.request_headers.append('Authorization', `Bearer ${this._key}`);
+        message.set_request_body_from_bytes('application/json', new GLib.Bytes(JSON.stringify(body)));
+
+        session.send_async(message, GLib.DEFAULT_PRIORITY, null, (_, result) => {
+            const stream = session.send_finish(result);
+            this.readResponse(new Gio.DataInputStream({
+                close_base_stream: true,
+                base_stream: stream
+            }), aiResponse);
+        });
+
+        if (this._cycleModels) {
+            this._requestCount++;
+            if (this._cycleModels)
+                this._modelIndex = (this._requestCount - (this._requestCount % ONE_CYCLE_COUNT)) % CHAT_MODELS.length;
+        }
+    }
+}
+
+export default new ChatGPTService();
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/.config/ags/services/indicator.js b/.config/ags/services/indicator.js
new file mode 100644
index 000000000..fcb89487a
--- /dev/null
+++ b/.config/ags/services/indicator.js
@@ -0,0 +1,40 @@
+import { Service, Utils } from '../imports.js';
+const { exec, execAsync } = Utils;
+
+const clamp = (num, min, max) => Math.min(Math.max(num, min), max);
+
+class IndicatorService extends Service {
+    static {
+        Service.register(
+            this,
+            { 'popup': ['double'], },
+        );
+    }
+
+    _delay = 1500;
+    _count = 0;
+
+    popup(value) {
+        this.emit('popup', value);
+        this._count++;
+        Utils.timeout(this._delay, () => {
+            this._count--;
+
+            if (this._count === 0)
+                this.emit('popup', -1);
+        });
+    }
+
+    connectWidget(widget, callback) {
+        connect(this, widget, callback, 'popup');
+    }
+}
+
+// the singleton instance
+const service = new IndicatorService();
+
+// make it global for easy use with cli
+globalThis['indicator'] = service;
+
+// export to use in other modules
+export default service;
\ No newline at end of file
diff --git a/.config/ags/services/messages.js b/.config/ags/services/messages.js
new file mode 100644
index 000000000..5de546678
--- /dev/null
+++ b/.config/ags/services/messages.js
@@ -0,0 +1,58 @@
+const { Notify, GLib, Gio } = imports.gi;
+import { Utils } from '../imports.js';
+import Battery from 'resource:///com/github/Aylur/ags/service/battery.js';
+
+
+export function fileExists(filePath) {
+    let file = Gio.File.new_for_path(filePath);
+    return file.query_exists(null);
+}
+
+const FIRST_RUN_FILE = "firstrun.txt";
+const FIRST_RUN_PATH = GLib.build_filenamev([GLib.get_user_cache_dir(), "ags", "user", FIRST_RUN_FILE]);
+const FIRST_RUN_FILE_CONTENT = "Just a file to confirm that you have been greeted ;)";
+const APP_NAME = "ags";
+const FIRST_RUN_NOTIF_TITLE = "Welcome!";
+const FIRST_RUN_NOTIF_BODY = `Looks like this is your first run.\nHit <span foreground="#c06af1" font_weight="bold">Super + /</span> for a list of keybinds.`;
+ 
+export async function firstRunWelcome() {
+    if (!fileExists(FIRST_RUN_PATH)) {
+        console.log('uuwuwuwuwuwuwuwuu');
+        Utils.writeFile(FIRST_RUN_FILE_CONTENT, FIRST_RUN_PATH)
+            .then(() => {
+                // Note that we add a little delay to make sure the cool circular progress works
+                Utils.execAsync(['bash', '-c',
+                    `sleep 0.5; notify-send "Millis since epoch" "$(date +%s%N | cut -b1-13)"; sleep 0.5; notify-send '${FIRST_RUN_NOTIF_TITLE}' '${FIRST_RUN_NOTIF_BODY}' -a '${APP_NAME}' &`
+                ]).catch(print)
+            })
+            .catch(print);
+    }
+}
+
+const BATTERY_WARN_LEVELS = [20, 15, 5];
+const BATTERY_WARN_TITLES = ["Low battery", "Very low battery", 'Critical Battery']
+const BATTERY_WARN_BODIES = ["Plug in the charger", "You there?", 'PLUG THE CHARGER ALREADY']
+var batteryWarned = false;
+async function batteryMessage() {
+    const perc = Battery.percent;
+    const charging = Battery.charging;
+    if(charging) {
+        batteryWarned = false;
+        return;
+    }
+    for (let i = BATTERY_WARN_LEVELS.length - 1; i >= 0; i--) {
+        if (perc <= BATTERY_WARN_LEVELS[i] && !charging && !batteryWarned) {
+            batteryWarned = true;
+            Utils.execAsync(['bash', '-c',
+                `notify-send "${BATTERY_WARN_TITLES[i]}" "${BATTERY_WARN_BODIES[i]}" -u critical -a 'ags' &`
+            ]).catch(print);
+            break;
+        }
+    }
+}
+
+// Run them
+firstRunWelcome();
+Utils.timeout(1, () => {
+    Battery.connect('changed', () => batteryMessage());
+})
\ No newline at end of file
diff --git a/.config/ags/services/todo.js b/.config/ags/services/todo.js
new file mode 100644
index 000000000..d6489f33c
--- /dev/null
+++ b/.config/ags/services/todo.js
@@ -0,0 +1,86 @@
+const { Gio, Gdk, GLib, Gtk } = imports.gi;
+import { Service, Utils } from '../imports.js';
+const { exec, execAsync } = Utils;
+
+const clamp = (num, min, max) => Math.min(Math.max(num, min), max);
+function fileExists(filePath) {
+    let file = Gio.File.new_for_path(filePath);
+    return file.query_exists(null);
+}
+
+class TodoService extends Service {
+    static {
+        Service.register(
+            this,
+            { 'updated': [], },
+        );
+    }
+
+    _todoPath = '';
+    _todoJson = [];
+
+    refresh(value) {
+        this.emit('updated', value);
+    }
+
+    connectWidget(widget, callback) {
+        this.connect(widget, callback, 'updated');
+    }
+
+    get todo_json() {
+        return this._todoJson;
+    }
+
+    add(content) {
+        this._todoJson.push({ content, done: false });
+        Utils.writeFile(JSON.stringify(this._todoJson), this._todoPath)
+            .catch(print);
+        this.emit('updated');
+    }
+
+    check(index) {
+        this._todoJson[index].done = true;
+        Utils.writeFile(JSON.stringify(this._todoJson), this._todoPath)
+            .catch(print);
+        this.emit('updated');
+    }
+
+    uncheck(index) {
+        this._todoJson[index].done = false;
+        Utils.writeFile(JSON.stringify(this._todoJson), this._todoPath)
+            .catch(print);
+        this.emit('updated');
+    }
+
+    remove(index) {
+        this._todoJson.splice(index, 1);
+        Utils.writeFile(JSON.stringify(this._todoJson), this._todoPath)
+            .catch(print);
+        this.emit('updated');
+    }
+
+    constructor() {
+        super();
+        this._todoPath = `${GLib.get_user_cache_dir()}/ags/user/todo.json`;
+        if (!fileExists(this._todoPath)) { // No? create file with empty array
+            Utils.exec(`bash -c 'mkdir -p ~/.cache/ags/user'`);
+            Utils.exec(`touch ${this._todoPath}`);
+            Utils.writeFile("[]", this._todoPath).then(() => {
+                this._todoJson = JSON.parse(Utils.readFile(this._todoPath))
+            }).catch(print);
+        }
+        else {
+            const fileContents = Utils.readFile(this._todoPath);
+            this._todoJson = JSON.parse(fileContents);
+        }
+    }
+}
+
+// the singleton instance
+const service = new TodoService();
+
+// make it global for easy use with cli
+globalThis.todo = service;
+
+// export to use in other modules
+export default service;
\ No newline at end of file
diff --git a/.config/ags/style.css b/.config/ags/style.css
new file mode 100644
index 000000000..e82621801
--- /dev/null
+++ b/.config/ags/style.css
@@ -0,0 +1,2165 @@
+* {
+  all: unset; }
+
+@keyframes flyin-top {
+  from {
+    margin-top: -2.795rem; }
+  to {
+    margin-top: 0rem; } }
+
+@keyframes flyin-bottom {
+  from {
+    margin-top: 4.841rem;
+    margin-bottom: -4.841rem; }
+  to {
+    margin-bottom: 0rem;
+    margin-top: 0rem; } }
+
+.test {
+  background-image: linear-gradient(45deg, #F4D609 0%, #F4D609 10%, #212121 10%, #212121 20%, #F4D609 20%, #F4D609 30%, #212121 30%, #212121 40%, #F4D609 40%, #F4D609 50%, #212121 50%, #212121 60%, #F4D609 60%, #F4D609 70%, #212121 70%, #212121 80%, #F4D609 80%, #F4D609 90%, #212121 90%, #212121 100%);
+  background-repeat: repeat; }
+
+.test-size {
+  min-height: 3rem;
+  min-width: 3rem; }
+
+.txt-title {
+  font-family: 'Gabarito', 'Poppins', 'Lexend', sans-serif;
+  font-size: 2.045rem; }
+
+.txt-title-small {
+  font-family: 'Gabarito', 'Poppins', 'Lexend', sans-serif;
+  font-size: 1.364rem; }
+
+.techfont {
+  font-family: 'JetBrains Mono NF', 'JetBrains Mono Nerd Font', 'JetBrains Mono NL', 'SpaceMono NF', 'SpaceMono Nerd Font', monospace; }
+
+.txt-reading {
+  font-family: 'Lexend', 'Noto Sans', sans-serif; }
+
+.no-anim {
+  transition: 0ms; }
+
+.txt {
+  color: #e5e1e6; }
+
+.txt-primary {
+  color: #c4c0ff; }
+
+.txt-onSecondaryContainer {
+  color: #e3dff9; }
+
+.txt-shadow {
+  text-shadow: 1px 2px 8px rgba(0, 0, 0, 0.69);
+  margin: 10px; }
+
+.txt-badonkers {
+  font-family: 'Geist', 'AR One Sans', 'Reddit Sans', 'Inter', 'Roboto', 'Ubuntu', 'Noto Sans', sans-serif;
+  font-size: 3rem; }
+
+.txt-tiddies {
+  font-family: 'Geist', 'AR One Sans', 'Reddit Sans', 'Inter', 'Roboto', 'Ubuntu', 'Noto Sans', sans-serif;
+  font-size: 2.7273rem; }
+
+.txt-hugerass {
+  font-family: 'Geist', 'AR One Sans', 'Reddit Sans', 'Inter', 'Roboto', 'Ubuntu', 'Noto Sans', sans-serif;
+  font-size: 2.045rem; }
+
+.txt-hugeass {
+  font-family: 'Geist', 'AR One Sans', 'Reddit Sans', 'Inter', 'Roboto', 'Ubuntu', 'Noto Sans', sans-serif;
+  font-size: 1.8182rem; }
+
+.txt-larger {
+  font-family: 'Geist', 'AR One Sans', 'Reddit Sans', 'Inter', 'Roboto', 'Ubuntu', 'Noto Sans', sans-serif;
+  font-size: 1.6363rem; }
+
+.txt-large {
+  font-family: 'Geist', 'AR One Sans', 'Reddit Sans', 'Inter', 'Roboto', 'Ubuntu', 'Noto Sans', sans-serif;
+  font-size: 1.4545rem; }
+
+.txt-norm {
+  font-family: 'Geist', 'AR One Sans', 'Reddit Sans', 'Inter', 'Roboto', 'Ubuntu', 'Noto Sans', sans-serif;
+  font-size: 1.2727rem; }
+
+.txt-small {
+  font-family: 'Geist', 'AR One Sans', 'Reddit Sans', 'Inter', 'Roboto', 'Ubuntu', 'Noto Sans', sans-serif;
+  font-size: 1.0909rem; }
+
+.txt-smallie {
+  font-family: 'Geist', 'AR One Sans', 'Reddit Sans', 'Inter', 'Roboto', 'Ubuntu', 'Noto Sans', sans-serif;
+  font-size: 1rem; }
+
+.txt-smaller {
+  font-family: 'Geist', 'AR One Sans', 'Reddit Sans', 'Inter', 'Roboto', 'Ubuntu', 'Noto Sans', sans-serif;
+  font-size: 0.9091rem; }
+
+.txt-tiny {
+  font-family: 'Geist', 'AR One Sans', 'Reddit Sans', 'Inter', 'Roboto', 'Ubuntu', 'Noto Sans', sans-serif;
+  font-size: 0.7273rem; }
+
+.txt-poof {
+  font-size: 0px; }
+
+.txt-subtext {
+  color: #a5a2a6; }
+
+.txt-action {
+  color: #c5c1c6; }
+
+.txt-semibold {
+  font-weight: 500; }
+
+.txt-bold {
+  font-weight: bold; }
+
+.txt-italic {
+  font-style: italic; }
+
+.titlefont {
+  font-family: 'Gabarito', 'Poppins', 'Lexend', sans-serif; }
+
+.mainfont {
+  font-family: 'Geist', 'AR One Sans', 'Reddit Sans', 'Inter', 'Roboto', 'Ubuntu', 'Noto Sans', sans-serif; }
+
+.icon-material {
+  font-family: 'Material Symbols Rounded', 'Material Symbols Outlined', 'Material Symbols Sharp'; }
+
+.icon-nerd {
+  font-family: 'SpaceMono NF', 'SpaceMono Nerd Font', 'JetBrains Mono NF', 'JetBrains Mono Nerd Font', monospace; }
+
+.separator-circle {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  background-color: #e5e1e6;
+  margin: 0rem 0.682rem;
+  min-width: 0.545rem;
+  min-height: 0.545rem; }
+
+.spacing-h-3 > * {
+  margin-right: 0.205rem; }
+
+.spacing-h-3 > *:last-child {
+  margin-right: 0rem; }
+
+.spacing-v-15 > * {
+  margin-bottom: 1.023rem; }
+
+.spacing-v-15 > *:last-child {
+  margin-bottom: 0rem; }
+
+.spacing-h-15 > * {
+  margin-right: 1.023rem; }
+
+.spacing-h-15 > *:last-child {
+  margin-right: 0rem; }
+
+.spacing-h-15 > revealer > * {
+  margin-right: 1.023rem; }
+
+.spacing-h-15 > revealer:last-child > * {
+  margin-right: 0rem; }
+
+.spacing-v-5 > box {
+  margin-bottom: 0.341rem; }
+
+.spacing-v-5 > box:last-child {
+  margin-bottom: 0rem; }
+
+.spacing-v-5 > * {
+  margin-bottom: 0.341rem; }
+
+.spacing-v-5 > *:last-child {
+  margin-bottom: 0rem; }
+
+.spacing-v-5-revealer > revealer > * {
+  margin-bottom: 0.341rem; }
+
+.spacing-v-5-revealer > revealer:last-child > * {
+  margin-bottom: 0rem; }
+
+.spacing-h-5 > * {
+  margin-right: 0.341rem; }
+
+.spacing-h-5 > *:last-child {
+  margin-right: 0rem; }
+
+.spacing-h-5 > widget > * {
+  margin-right: 0.341rem; }
+
+.spacing-h-5 > widget:last-child > * {
+  margin-right: 0rem; }
+
+.spacing-h-5 > revealer > * {
+  margin-right: 0.341rem; }
+
+.spacing-h-5 > revealer:last-child > * {
+  margin-right: 0rem; }
+
+.spacing-v-minus5 > * {
+  margin-bottom: -0.341rem; }
+
+.spacing-v-minus5 > *:last-child {
+  margin-bottom: 0rem; }
+
+.spacing-h-10 > * {
+  margin-right: 0.682rem; }
+
+.spacing-h-10 > *:last-child {
+  margin-right: 0rem; }
+
+.spacing-h-10 > revealer > * {
+  margin-right: 0.682rem; }
+
+.spacing-h-10 > revealer:last-child > * {
+  margin-right: 0rem; }
+
+.spacing-h-10 > flowboxchild > * {
+  margin-right: 0.682rem; }
+
+.spacing-h-10 > flowboxchild:last-child > * {
+  margin-right: 0rem; }
+
+.spacing-v-10 > * {
+  margin-bottom: 0.682rem; }
+
+.spacing-v-10 > *:last-child {
+  margin-bottom: 0rem; }
+
+.spacing-h-20 > * {
+  margin-right: 1.364rem; }
+
+.spacing-h-20 > *:last-child {
+  margin-right: 0rem; }
+
+.spacing-v-20 > * {
+  margin-bottom: 1.364rem; }
+
+.spacing-v-20 > *:last-child {
+  margin-bottom: 0rem; }
+
+.anim-enter {
+  transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1); }
+
+.anim-exit {
+  transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15); }
+
+.button-minsize {
+  min-width: 2.727rem;
+  min-height: 2.727rem; }
+
+.margin-right-5 {
+  margin-right: 0.341rem; }
+
+.margin-left-5 {
+  margin-left: 0.341rem; }
+
+.margin-top-5 {
+  margin-top: 0.341rem; }
+
+.margin-bottom-5 {
+  margin-bottom: 0.341rem; }
+
+.margin-right-10 {
+  margin-right: 0.682rem; }
+
+.margin-left-10 {
+  margin-left: 0.682rem; }
+
+.margin-top-10 {
+  margin-top: 0.682rem; }
+
+.margin-bottom-10 {
+  margin-bottom: 0.682rem; }
+
+.margin-right-15 {
+  margin-right: 1.023rem; }
+
+.margin-left-15 {
+  margin-left: 1.023rem; }
+
+.margin-top-15 {
+  margin-top: 1.023rem; }
+
+.margin-bottom-15 {
+  margin-bottom: 1.023rem; }
+
+.invisible {
+  opacity: 0;
+  background-color: transparent;
+  color: transparent; }
+
+.spacing-h--5 > box {
+  margin-right: -0.341rem; }
+
+.spacing-h--5 > box:last-child {
+  margin-right: 0rem; }
+
+.spacing-v--5 > box {
+  margin-bottom: -0.341rem; }
+
+.spacing-v--5 > box:last-child {
+  margin-bottom: 0rem; }
+
+.spacing-v--5 > label {
+  margin-bottom: -0.341rem; }
+
+.spacing-v--5 > label:last-child {
+  margin-bottom: 0rem; }
+
+.spacing-v--10 > box {
+  margin-bottom: -0.682rem; }
+
+.spacing-v--10 > box:last-child {
+  margin-bottom: 0rem; }
+
+.spacing-v--10 > label {
+  margin-bottom: -0.682rem; }
+
+.spacing-v--10 > label:last-child {
+  margin-bottom: 0rem; }
+
+.spacing-h--20 > box {
+  margin-left: -1.364rem; }
+
+.spacing-h--20 > box:first-child {
+  margin-left: 0rem; }
+
+.instant {
+  transition: 0ms; }
+
+.menu-decel {
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1); }
+
+* {
+  caret-color: #c4c0ff; }
+  * selection {
+    background-color: #c7c4dd;
+    color: #2f2e42; }
+
+@keyframes appear {
+  from {
+    opacity: 0; }
+  to {
+    opacity: 1; } }
+
+tooltip {
+  animation-name: appear;
+  animation-duration: 100ms;
+  animation-timing-function: ease-out;
+  animation-iteration-count: 1; }
+
+menu {
+  border-top: 1px solid rgba(58, 57, 63, 0.121);
+  border-left: 1px solid rgba(58, 57, 63, 0.121);
+  border-right: 1px solid rgba(44, 43, 49, 0.1105);
+  border-bottom: 1px solid rgba(44, 43, 49, 0.1105);
+  padding: 0.681rem;
+  background: #27272b;
+  color: #c8c5d0;
+  border-radius: 1.159rem;
+  -gtk-outline-radius: 1.159rem;
+  animation-name: appear;
+  animation-duration: 100ms;
+  animation-timing-function: ease-out;
+  animation-iteration-count: 1; }
+
+menubar > menuitem {
+  border-radius: 0.545rem;
+  -gtk-outline-radius: 0.545rem;
+  min-width: 13.636rem;
+  min-height: 2.727rem; }
+
+menu > menuitem {
+  padding: 0.4em 1.5rem;
+  background: transparent;
+  transition: 0.2s ease background;
+  border-radius: 0.545rem;
+  -gtk-outline-radius: 0.545rem; }
+
+menu > menuitem:hover,
+menu > menuitem:focus {
+  background-color: #37373c; }
+
+.separator-line {
+  background-color: #27272b;
+  min-width: 0.068rem;
+  min-height: 0.068rem; }
+
+tooltip {
+  border-radius: 1.159rem;
+  -gtk-outline-radius: 1.159rem;
+  background-color: #27272b;
+  color: #c8c5d0;
+  border: 1px solid #c8c5d0; }
+
+.configtoggle-box {
+  padding: 0.205rem;
+  border: 0.136rem solid transparent; }
+
+.configtoggle-box:focus {
+  padding: 0.205rem;
+  border: 0.136rem solid #6d6b70; }
+
+.switch-bg {
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  background-color: #161519;
+  border: 0.136rem solid #e5e1e6;
+  min-width: 2.864rem;
+  min-height: 1.637rem; }
+
+.switch-bg-true {
+  background-color: #c4c0ff;
+  border: 0.136rem solid #c4c0ff; }
+
+.switch-fg {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+  background-color: #e5e1e6;
+  color: #1d1c22;
+  min-width: 0.819rem;
+  min-height: 0.819rem;
+  margin-left: 0.477rem; }
+
+.switch-fg-true {
+  background-color: #251a8c;
+  color: #c4c0ff;
+  min-width: 1.431rem;
+  min-height: 1.431rem;
+  margin-left: 1.431rem; }
+
+.switch-fg-toggling-false {
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+  min-width: 1.636rem;
+  min-height: 0.819rem; }
+
+.bar-bg {
+  background-color: #0e0e10;
+  min-height: 2.727rem; }
+
+.bar-sidespace {
+  min-width: 1.5rem; }
+
+.bar-group-margin {
+  padding: 0.2rem; }
+
+.bar-group {
+  background-color: rgba(29, 28, 34, 0.31); }
+
+.bar-group-center {
+  border-bottom-left-radius: 1.364rem;
+  border-bottom-right-radius: 1.364rem;
+  padding: 0.2rem;
+  background-color: black; }
+
+.corner-bar-group {
+  border-radius: 1.364rem;
+  border-width: 0.068rem;
+  background-color: black; }
+
+.bar-group-pad {
+  padding: 0rem 1.023rem; }
+
+.bar-group-pad-less {
+  padding: 0rem 0.681rem; }
+
+.bar-group-pad-system {
+  padding-left: 1.023rem;
+  padding-right: 0.547rem; }
+
+.bar-group-pad-music {
+  padding-right: 1.023rem; }
+
+.bar-group-pad-left {
+  padding-left: 1.364rem;
+  padding-right: 0.681rem; }
+
+.bar-group-pad-right {
+  padding-left: 0.681rem;
+  padding-right: 1.364rem; }
+
+.bar-group-pad-leftonly {
+  padding-left: 0.681rem; }
+
+.bar-group-pad-rightonly {
+  padding-right: 0.681rem; }
+
+.bar-group-standalone {
+  border-radius: 1.364rem;
+  -gtk-outline-radius: 1.364rem; }
+
+.bar-group-round {
+  border-radius: 10rem;
+  -gtk-outline-radius: 10rem; }
+
+.bar-group-middle {
+  border-radius: 0.477rem;
+  -gtk-outline-radius: 0.477rem; }
+
+.bar-group-left {
+  border-radius: 0.477rem;
+  -gtk-outline-radius: 0.477rem;
+  border-top-left-radius: 1.364rem;
+  border-bottom-left-radius: 1.364rem; }
+
+.bar-group-right {
+  border-radius: 0.477rem;
+  -gtk-outline-radius: 0.477rem;
+  border-top-right-radius: 1.364rem;
+  border-bottom-right-radius: 1.364rem; }
+
+.bar-ws-width {
+  min-width: 18.614rem; }
+
+.bar-separator {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  min-width: 0.341rem;
+  min-height: 0.341rem;
+  background-color: rgba(49, 48, 54, 0.31);
+  margin: 0rem 0.341rem; }
+
+.bar-clock {
+  font-family: 'Gabarito', 'Poppins', 'Lexend', sans-serif;
+  font-size: 1.2727rem;
+  color: #e5e1e6; }
+
+.bar-date {
+  font-family: 'Gabarito', 'Poppins', 'Lexend', sans-serif;
+  font-size: 1rem;
+  color: #e5e1e6; }
+
+.bar-ws {
+  min-height: 1.636rem;
+  min-width: 1.772rem;
+  font-size: 1.091rem;
+  font-family: 'Geist', 'AR One Sans', 'Reddit Sans', 'Inter', 'Roboto', 'Ubuntu', 'Noto Sans', sans-serif;
+  border-top: 0.068rem solid;
+  border-bottom: 0.068rem solid;
+  border-color: transparent;
+  color: white; }
+
+.bar-ws-active-box {
+  transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1); }
+
+.bar-ws-active {
+  min-height: 1.5rem;
+  min-width: 1.5rem;
+  font-size: 1.091rem;
+  font-family: 'Geist', 'AR One Sans', 'Reddit Sans', 'Inter', 'Roboto', 'Ubuntu', 'Noto Sans', sans-serif;
+  background-color: #c4c0ff;
+  color: #251a8c;
+  border-radius: 999px;
+  margin: 0.068rem; }
+
+.bar-ws-active-middledecor {
+  min-width: 0.682rem;
+  min-height: 0.682rem;
+  border-radius: 9999px;
+  background-color: black;
+  margin: 0rem 0.409rem; }
+
+.bar-ws-occupied {
+  background-color: #464559;
+  color: #e3dff9;
+  min-width: 1.772rem;
+  border-top: 0.068rem solid #e3dff9;
+  border-bottom: 0.068rem solid #e3dff9; }
+
+.bar-ws-occupied-left {
+  background-color: #464559;
+  color: #e3dff9;
+  min-width: 1.704rem;
+  border-top-left-radius: 999px;
+  border-bottom-left-radius: 999px;
+  border-left: 0.068rem solid #e3dff9;
+  border-top: 0.068rem solid #e3dff9;
+  border-bottom: 0.068rem solid #e3dff9;
+  border-right: 0px solid transparent; }
+
+.bar-ws-occupied-right {
+  background-color: #464559;
+  color: #e3dff9;
+  min-width: 1.704rem;
+  border-top-right-radius: 999px;
+  border-bottom-right-radius: 999px;
+  border-right: 0.068rem solid #e3dff9;
+  border-top: 0.068rem solid #e3dff9;
+  border-bottom: 0.068rem solid #e3dff9;
+  border-left: 0px solid transparent; }
+
+.bar-ws-occupied-left-right {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  background-color: #464559;
+  color: #e3dff9;
+  min-width: 1.636rem;
+  border: 0.068rem solid #e3dff9; }
+
+.bar-ws-empty {
+  color: #e5e1e6;
+  border-color: transparent; }
+
+.bar-batt {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  padding: 0rem 0.341rem;
+  background-color: #464559;
+  color: #e3dff9; }
+
+.bar-sidemodule {
+  min-width: 26rem; }
+
+.bar-batt-low {
+  background-color: #ffb4a9;
+  color: #930006; }
+
+.bar-batt-full {
+  background-color: #374b3e;
+  color: #d1e9d6; }
+
+.bar-batt-prog-low {
+  background-color: #ffb4a9;
+  color: #930006; }
+
+.bar-batt-prog-full {
+  background-color: #374b3e;
+  color: #d1e9d6; }
+
+.bar-music-playstate {
+  min-height: 1.770rem;
+  min-width: 1.770rem;
+  border-radius: 10rem;
+  background-color: #464559;
+  color: #e3dff9; }
+
+.bar-music-circprog {
+  transition: 1000ms cubic-bezier(0.1, 1, 0, 1);
+  min-width: 0.068rem;
+  min-height: 1.770rem;
+  padding: 0rem;
+  background-color: #464559;
+  color: #e3dff9; }
+
+.bar-music-playstate-playing {
+  min-height: 1.770rem;
+  min-width: 1.770rem;
+  border-radius: 10rem;
+  background-color: #464559;
+  color: #e3dff9; }
+
+.bar-music-playstate-txt {
+  transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  font-family: 'Material Symbols Rounded', 'Material Symbols Outlined', 'Material Symbols Sharp'; }
+
+.bar-music-cover {
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 100% auto;
+  min-width: 11.932rem; }
+
+.bar-music-extended-bg {
+  border-radius: 1.364rem;
+  min-width: 34.091rem; }
+
+.bar-music-extended-ctl-bg {
+  border-radius: 1.364rem;
+  background-color: rgba(30, 30, 30, 0.6); }
+
+.bar-music-bottom-bg {
+  border-radius: 1.364rem;
+  min-width: 34.091rem; }
+
+.bar-music-bottom-ctl-bg {
+  border-radius: 1.364rem;
+  background-color: rgba(30, 30, 30, 0.6); }
+
+.bar-music-extended-textbox {
+  margin: 1.023rem; }
+
+.bar-music-bottom-cover {
+  border-radius: 10rem; }
+
+.bar-music-hide-false {
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+  transition-duration: 100ms;
+  opacity: 1; }
+
+.bar-music-hide-true {
+  transition: 160ms cubic-bezier(0.38, 0.04, 1, 0.07);
+  transition-duration: 100ms;
+  opacity: 0; }
+
+.bar-music-btn {
+  font-size: 1.364rem;
+  border-radius: 10rem;
+  min-height: 2.591rem;
+  min-width: 2.591rem; }
+
+.bar-music-btn:hover,
+.bar-music-btn:focus {
+  background-color: rgba(128, 128, 128, 0.3); }
+
+.bar-prog-batt {
+  min-height: 0.955rem;
+  min-width: 0.068rem;
+  padding: 0rem;
+  border-radius: 10rem; }
+  .bar-prog-batt trough {
+    min-height: 0.954rem;
+    min-width: 0.068rem;
+    border-radius: 10rem; }
+  .bar-prog-batt progress {
+    min-height: 0.680rem;
+    min-width: 0.680rem;
+    margin: 0rem 0.137rem;
+    border-radius: 10rem;
+    background-color: #e3dff9; }
+
+.bar-prog-batt-low progress {
+  background-color: #930006; }
+
+.bar-prog-batt-full progress {
+  background-color: #d1e9d6; }
+
+.bar-batt-chargestate {
+  border-radius: 10rem;
+  background-color: transparent; }
+
+.bar-batt-chargestate-charging {
+  border-radius: 10rem;
+  min-width: 0.681rem;
+  min-height: 0.681rem;
+  background-color: #e3dff9;
+  color: #464559; }
+
+.bar-batt-chargestate-charging-smaller {
+  border-radius: 10rem;
+  min-width: 0.409rem;
+  min-height: 0.409rem;
+  background-color: #e3dff9;
+  color: #464559; }
+
+.bar-batt-chargestate-low {
+  background-color: #930006; }
+
+.bar-batt-chargestate-full {
+  background-color: #d1e9d6; }
+
+.bar-batt-percentage {
+  font-size: 1rem;
+  margin-top: -0.068rem;
+  font-weight: 500; }
+
+.corner {
+  background-color: #0e0e10;
+  border-radius: 1.705rem;
+  -gtk-outline-radius: 1.705rem; }
+
+.corner-black {
+  background-color: black;
+  border-radius: 1.705rem;
+  -gtk-outline-radius: 1.705rem; }
+
+.bar-topdesc {
+  margin-top: -0.136rem;
+  margin-bottom: -0.341rem;
+  color: #a5a2a6; }
+
+.bar-space-button {
+  padding: 0.341rem; }
+
+.bar-space-button > box:first-child {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  padding: 0rem 0.682rem; }
+
+.bar-space-button:hover > box:first-child,
+.bar-space-button:focus > box:first-child {
+  background-color: rgba(128, 128, 128, 0.3); }
+
+.bar-space-button:active > box:first-child {
+  background-color: rgba(128, 128, 128, 0.7); }
+
+.bar-space-button-leftmost box {
+  margin: 0rem 0.682rem; }
+
+.bar-space-area-rightmost > box {
+  padding-right: 2.386rem; }
+
+.bar-systray {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  min-height: 1.909rem;
+  min-width: 1.909rem; }
+
+.bar-systray-item {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  min-width: 1.909rem; }
+
+.bar-statusicons {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+  margin: 0.2rem;
+  padding: 0rem 0.614rem; }
+
+.bar-statusicons-hover {
+  background-color: #242325; }
+
+.bar-statusicons-active {
+  background-color: #39383b; }
+
+.cheatsheet-bg {
+  border-radius: 1.705rem;
+  -gtk-outline-radius: 1.705rem;
+  border-top: 1px solid rgba(165, 162, 167, 0.19);
+  border-left: 1px solid rgba(165, 162, 167, 0.19);
+  border-right: 1px solid rgba(129, 127, 132, 0.145);
+  border-bottom: 1px solid rgba(129, 127, 132, 0.145);
+  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45);
+  margin: 0.476rem;
+  margin-bottom: 0.682rem;
+  background-color: #0e0e10;
+  padding: 1.364rem; }
+
+.cheatsheet-key {
+  font-family: 'JetBrains Mono NF', 'JetBrains Mono Nerd Font', 'JetBrains Mono NL', 'SpaceMono NF', 'SpaceMono Nerd Font', monospace;
+  min-height: 1.364rem;
+  min-width: 1.364rem;
+  margin: 0.17rem;
+  padding: 0.136rem 0.205rem;
+  border-radius: 0.409rem;
+  -gtk-outline-radius: 0.409rem;
+  color: #c4c0ff;
+  border: 0.068rem solid #c4c0ff;
+  box-shadow: 0rem 0.136rem 0rem #c4c0ff;
+  font-weight: 500; }
+
+.cheatsheet-key-notkey {
+  min-height: 1.364rem;
+  padding: 0.136rem 0.205rem;
+  margin: 0.17rem;
+  color: #e3dfff; }
+
+.cheatsheet-closebtn {
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  min-width: 2.386rem;
+  min-height: 2.386rem; }
+
+.cheatsheet-closebtn:hover,
+.cheatsheet-closebtn:focus {
+  background-color: #27272b; }
+
+.cheatsheet-closebtn:active {
+  background-color: #57565d; }
+
+.cheatsheet-category-title {
+  font-family: 'Gabarito', 'Poppins', 'Lexend', sans-serif;
+  font-size: 1.705rem; }
+
+.bg-time-box {
+  border-radius: 1.705rem;
+  -gtk-outline-radius: 1.705rem;
+  margin: 2.045rem;
+  padding: 0.682rem; }
+
+.bg-time-clock {
+  font-family: 'Gabarito';
+  font-size: 5.795rem;
+  color: #e5e1e6; }
+
+.bg-time-date {
+  font-family: 'Gabarito';
+  font-size: 2.591rem;
+  color: #e5e1e6; }
+
+.bg-distro-box {
+  border-radius: 1.705rem;
+  -gtk-outline-radius: 1.705rem;
+  margin: 2.045rem;
+  padding: 0.682rem; }
+
+.bg-distro-txt {
+  font-family: 'Gabarito';
+  font-size: 1.432rem;
+  color: #e5e1e6; }
+
+.bg-distro-name {
+  font-family: 'Gabarito';
+  font-size: 1.432rem;
+  color: #e3dff9; }
+
+.bg-graph {
+  color: rgba(255, 255, 255, 0.5);
+  border-radius: 0.614rem;
+  border: 0.682rem solid; }
+
+.bg-quicklaunch-title {
+  font-family: 'Geist', 'AR One Sans', 'Reddit Sans', 'Inter', 'Roboto', 'Ubuntu', 'Noto Sans', sans-serif;
+  color: #c8c5d0; }
+
+.bg-quicklaunch-btn {
+  font-family: 'Geist', 'AR One Sans', 'Reddit Sans', 'Inter', 'Roboto', 'Ubuntu', 'Noto Sans', sans-serif;
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  background-color: #27272b;
+  color: #c8c5d0;
+  border: 0.068rem solid #a5a2a6;
+  min-width: 4.432rem;
+  min-height: 2.045rem;
+  padding: 0.273rem 0.682rem; }
+
+.bg-quicklaunch-btn:hover,
+.bg-quicklaunch-btn:focus {
+  background-color: #2f2f33; }
+
+.bg-quicklaunch-btn:active {
+  background-color: #37373c; }
+
+.bg-system-bg {
+  border-radius: 1.159rem;
+  -gtk-outline-radius: 1.159rem; }
+
+.bg-system-circprog {
+  transition: 1000ms cubic-bezier(0.1, 1, 0, 1);
+  min-width: 0.205rem;
+  min-height: 4.091rem;
+  font-size: 0px;
+  padding: 0rem;
+  background-color: #27272b; }
+
+.dock-bg {
+  border-radius: 1.705rem;
+  -gtk-outline-radius: 1.705rem;
+  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45);
+  margin: 0.476rem;
+  background-color: #0e0e10;
+  padding: 0.682rem; }
+
+.dock-app-btn {
+  border-radius: 1.159rem;
+  -gtk-outline-radius: 1.159rem;
+  padding: 0.273rem; }
+
+.dock-app-btn:hover,
+.dock-app-btn:focus {
+  background-color: rgba(39, 38, 44, 0.31); }
+
+.dock-app-btn:active {
+  background-color: rgba(59, 58, 63, 0.31); }
+
+.dock-app-icon {
+  min-width: 3.409rem;
+  min-height: 3.409rem; }
+
+.dock-separator {
+  min-width: 0.068rem;
+  background-color: #27272b; }
+
+.osd-bg {
+  min-width: 8.864rem;
+  min-height: 3.409rem; }
+
+.osd-value {
+  background-color: #0e0e10;
+  border-radius: 1.023rem;
+  padding: 0.625rem 1.023rem;
+  padding-top: 0.313rem;
+  margin: 10px;
+  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45);
+  margin: 0.476rem; }
+
+.osd-progress {
+  min-height: 0.955rem;
+  min-width: 0.068rem;
+  padding: 0rem;
+  border-radius: 10rem;
+  transition: 200ms cubic-bezier(0.1, 1, 0, 1); }
+  .osd-progress trough {
+    min-height: 0.954rem;
+    min-width: 0.068rem;
+    border-radius: 10rem;
+    background-color: #464559; }
+  .osd-progress progress {
+    transition: 200ms cubic-bezier(0.1, 1, 0, 1);
+    min-height: 0.680rem;
+    min-width: 0.680rem;
+    margin: 0rem 0.137rem;
+    border-radius: 10rem;
+    background-color: #e3dff9; }
+
+.osd-icon {
+  color: #e3dfff; }
+
+.osd-label {
+  font-size: 1.023rem;
+  font-weight: 500;
+  color: #e5e1e6;
+  margin-top: 0.341rem; }
+
+.osd-value-txt {
+  font-family: 'Gabarito', 'Poppins', 'Lexend', sans-serif;
+  font-size: 1.688rem;
+  font-weight: 500;
+  color: #e5e1e6; }
+
+.osd-notifs {
+  padding-top: 0.313rem; }
+
+.osd-colorscheme {
+  border-radius: 1.023rem;
+  background-color: #0e0e10;
+  padding: 1.023rem;
+  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45);
+  margin: 0.476rem; }
+
+.osd-color {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  min-width: 2.727rem;
+  min-height: 1.705rem;
+  padding: 0rem 0.341rem;
+  font-weight: bold; }
+  .osd-color box {
+    border-radius: 9999px;
+    -gtk-outline-radius: 9999px;
+    margin: 0.409rem; }
+
+.osd-color-primary {
+  background-color: #c4c0ff;
+  color: #251a8c; }
+  .osd-color-primary box {
+    background-color: #251a8c; }
+
+.osd-color-primaryContainer {
+  background-color: #3d36a2;
+  color: #e3dfff; }
+  .osd-color-primaryContainer box {
+    background-color: #e3dfff; }
+
+.osd-color-secondary {
+  background-color: #c7c4dd;
+  color: #2f2e42; }
+  .osd-color-secondary box {
+    background-color: #2f2e42; }
+
+.osd-color-secondaryContainer {
+  background-color: #464559;
+  color: #e3dff9; }
+  .osd-color-secondaryContainer box {
+    background-color: #e3dff9; }
+
+.osd-color-surfaceVariant {
+  background-color: #27272b;
+  color: #c8c5d0; }
+  .osd-color-surfaceVariant box {
+    background-color: #c8c5d0; }
+
+.osd-color-surface {
+  background-color: #1d1c22;
+  color: #e5e1e6; }
+  .osd-color-surface box {
+    background-color: #e5e1e6; }
+
+.osd-color-background {
+  background-color: #0e0e10;
+  color: #e5e1e6; }
+  .osd-color-background box {
+    background-color: #e5e1e6; }
+
+.overview-search-box {
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+  border-radius: 1.705rem;
+  -gtk-outline-radius: 1.705rem;
+  border-top: 1px solid rgba(165, 162, 167, 0.19);
+  border-left: 1px solid rgba(165, 162, 167, 0.19);
+  border-right: 1px solid rgba(129, 127, 132, 0.145);
+  border-bottom: 1px solid rgba(129, 127, 132, 0.145);
+  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45);
+  margin: 0.476rem;
+  min-width: 13.636rem;
+  min-height: 3.409rem;
+  padding: 0rem 1.364rem;
+  padding-right: 2.864rem;
+  background-color: #0e0e10;
+  color: #e5e1e6;
+  caret-color: transparent; }
+  .overview-search-box selection {
+    background-color: #c7c4dd;
+    color: #2f2e42; }
+
+.overview-search-box-extended {
+  min-width: 25.909rem;
+  caret-color: #e3dff9; }
+
+.overview-search-prompt {
+  color: #a5a2a6; }
+
+.overview-search-icon {
+  margin: 0rem 1.023rem; }
+
+.overview-search-prompt-box {
+  margin-left: -18.545rem;
+  margin-right: 0.544rem; }
+
+.overview-search-icon-box {
+  margin-left: -18.545rem;
+  margin-right: 0.544rem; }
+
+.overview-search-results {
+  border-radius: 1.705rem;
+  -gtk-outline-radius: 1.705rem;
+  border-top: 1px solid rgba(165, 162, 167, 0.19);
+  border-left: 1px solid rgba(165, 162, 167, 0.19);
+  border-right: 1px solid rgba(129, 127, 132, 0.145);
+  border-bottom: 1px solid rgba(129, 127, 132, 0.145);
+  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45);
+  margin: 0.476rem;
+  min-width: 28.773rem;
+  padding: 0.682rem;
+  background-color: #0e0e10;
+  color: #e5e1e6; }
+
+.overview-search-results-icon {
+  margin: 0rem 0.682rem;
+  font-size: 2.386rem;
+  min-width: 2.386rem;
+  min-height: 2.386rem; }
+
+.overview-search-results-txt {
+  margin-right: 0.682rem; }
+
+.overview-search-results-txt-cmd {
+  margin-right: 0.682rem;
+  font-family: 'JetBrains Mono NF', 'JetBrains Mono Nerd Font', 'JetBrains Mono NL', 'SpaceMono NF', 'SpaceMono Nerd Font', monospace;
+  font-size: 1.227rem; }
+
+.overview-search-result-btn {
+  border-radius: 1.159rem;
+  -gtk-outline-radius: 1.159rem;
+  padding: 0.341rem;
+  min-width: 2.386rem;
+  min-height: 2.386rem;
+  caret-color: transparent; }
+
+.overview-search-result-btn:hover,
+.overview-search-result-btn:focus {
+  background-color: rgba(128, 128, 128, 0.3); }
+
+.overview-search-result-btn:active {
+  background-color: rgba(128, 128, 128, 0.7); }
+
+.overview-tasks {
+  border-radius: 1.705rem;
+  -gtk-outline-radius: 1.705rem;
+  border-top: 1px solid rgba(165, 162, 167, 0.19);
+  border-left: 1px solid rgba(165, 162, 167, 0.19);
+  border-right: 1px solid rgba(129, 127, 132, 0.145);
+  border-bottom: 1px solid rgba(129, 127, 132, 0.145);
+  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45);
+  margin: 0.476rem;
+  padding: 0.341rem;
+  background-color: #0e0e10;
+  color: #e5e1e6; }
+
+.overview-tasks-workspace {
+  border-radius: 1.159rem;
+  -gtk-outline-radius: 1.159rem;
+  margin: 0.341rem;
+  background-color: rgba(50, 48, 54, 0.1147); }
+
+.overview-tasks-workspace-number {
+  font-family: 'Geist', 'AR One Sans', 'Reddit Sans', 'Inter', 'Roboto', 'Ubuntu', 'Noto Sans', sans-serif;
+  color: rgba(215, 211, 216, 0.31); }
+
+.overview-tasks-window {
+  border-radius: 1.159rem;
+  -gtk-outline-radius: 1.159rem;
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+  background-color: rgba(70, 69, 89, 0.5);
+  color: #e3dff9;
+  border: 0.068rem solid rgba(227, 223, 249, 0.07); }
+
+.overview-tasks-window:hover,
+.overview-tasks-window:focus {
+  background-color: rgba(87, 86, 112, 0.525); }
+
+.overview-tasks-window:active {
+  background-color: rgba(102, 100, 131, 0.55); }
+
+.overview-tasks-window-selected {
+  background-color: rgba(102, 100, 131, 0.55); }
+
+.overview-tasks-window-dragging {
+  opacity: 0.2; }
+
+.osk-window {
+  border-radius: 1.705rem;
+  -gtk-outline-radius: 1.705rem;
+  border-top: 1px solid rgba(165, 162, 167, 0.19);
+  border-left: 1px solid rgba(165, 162, 167, 0.19);
+  border-right: 1px solid rgba(129, 127, 132, 0.145);
+  border-bottom: 1px solid rgba(129, 127, 132, 0.145);
+  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45);
+  margin: 0.476rem;
+  background-color: #0e0e10; }
+
+.osk-body {
+  padding: 1.023rem;
+  padding-top: 0px; }
+
+.osk-show {
+  transition: 170ms cubic-bezier(0.1, 1, 0, 1); }
+
+.osk-hide {
+  margin-top: 30.682rem;
+  margin-bottom: -30.682rem;
+  transition: 100ms cubic-bezier(0.38, 0.04, 1, 0.07); }
+
+.osk-dragline {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  background-color: #27272b;
+  min-height: 0.273rem;
+  min-width: 10.227rem;
+  margin-top: 0.545rem;
+  margin-bottom: 0.205rem; }
+
+.osk-key {
+  border-radius: 0.682rem;
+  background-color: rgba(39, 39, 43, 0.31);
+  color: #c8c5d0;
+  padding: 0.188rem;
+  font-weight: 500;
+  font-size: 1.091rem; }
+
+.osk-key:hover,
+.osk-key:focus {
+  background-color: rgba(55, 55, 60, 0.31); }
+
+.osk-key:active {
+  background-color: rgba(87, 86, 93, 0.31);
+  font-size: 1.091rem; }
+
+.osk-key-active {
+  background-color: rgba(87, 86, 93, 0.31); }
+
+.osk-key-normal {
+  min-width: 2.5rem;
+  min-height: 2.5rem; }
+
+.osk-key-fn {
+  min-width: 2.5125rem;
+  min-height: 1.25rem; }
+
+.osk-key-tab {
+  min-width: 4rem;
+  min-height: 2.5rem; }
+
+.osk-key-caps {
+  min-width: 4.75rem;
+  min-height: 2.5rem; }
+
+.osk-key-shift {
+  min-width: 6.25rem;
+  min-height: 2.5rem; }
+
+.osk-key-control {
+  min-width: 3.25rem;
+  min-height: 2.5rem; }
+
+.osk-control-button {
+  border-radius: 0.682rem;
+  background-color: rgba(39, 39, 43, 0.31);
+  color: #c8c5d0;
+  font-weight: 500;
+  font-size: 1.091rem;
+  padding: 0.682rem; }
+
+.osk-control-button:hover,
+.osk-control-button:focus {
+  background-color: rgba(55, 55, 60, 0.31); }
+
+.osk-control-button:active {
+  background-color: rgba(87, 86, 93, 0.31);
+  font-size: 1.091rem; }
+
+.sidebar-right {
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+  border-top: 1px solid rgba(165, 162, 167, 0.19);
+  border-left: 1px solid rgba(165, 162, 167, 0.19);
+  border-right: 1px solid rgba(129, 127, 132, 0.145);
+  border-bottom: 1px solid rgba(129, 127, 132, 0.145);
+  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45);
+  margin: 0.476rem;
+  border-radius: 1.229rem;
+  min-width: 27.818rem;
+  background-color: #0e0e10;
+  padding: 1.023rem; }
+
+.sideright-show {
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1); }
+
+.sideright-hide {
+  transition: 160ms cubic-bezier(0.38, 0.04, 1, 0.07);
+  margin-right: -30.682rem; }
+
+.sidebar-left {
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+  border-top: 1px solid rgba(165, 162, 167, 0.19);
+  border-left: 1px solid rgba(165, 162, 167, 0.19);
+  border-right: 1px solid rgba(129, 127, 132, 0.145);
+  border-bottom: 1px solid rgba(129, 127, 132, 0.145);
+  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45);
+  margin: 0.476rem;
+  border-radius: 1.229rem;
+  min-width: 27.818rem;
+  background-color: #0e0e10;
+  padding: 1.023rem; }
+
+.sideleft-show {
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1); }
+
+.sideleft-hide {
+  margin-left: -30.682rem;
+  transition: 160ms cubic-bezier(0.38, 0.04, 1, 0.07); }
+
+.sidebar-group {
+  border-radius: 1.159rem;
+  -gtk-outline-radius: 1.159rem;
+  padding: 0.341rem;
+  background-color: rgba(29, 28, 34, 0.31); }
+
+.sidebar-group-nopad {
+  border-radius: 1.159rem;
+  -gtk-outline-radius: 1.159rem;
+  background-color: rgba(29, 28, 34, 0.31); }
+
+.sidebar-group-invisible {
+  padding: 0.341rem; }
+
+.sidebar-group-invisible-morehorizpad {
+  padding: 0.341rem 0.682rem; }
+
+.sidebar-togglesbox {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  padding: 0.341rem;
+  background-color: rgba(29, 28, 34, 0.31); }
+
+.sidebar-iconbutton {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+  color: #e5e1e6;
+  min-width: 2.727rem;
+  min-height: 2.727rem; }
+
+.sidebar-iconbutton:hover,
+.sidebar-iconbutton:focus {
+  background-color: #656479; }
+
+.sidebar-iconbutton:active {
+  background-color: #858399; }
+
+.sidebar-button {
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+  padding: 0rem 0.818rem;
+  background-color: #464559;
+  color: #e3dff9; }
+
+.sidebar-button-nopad {
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+  background-color: #464559;
+  color: #e3dff9; }
+
+.sidebar-button:hover,
+.sidebar-button:focus {
+  background-color: #656479; }
+
+.sidebar-button:active {
+  background-color: #858399; }
+
+.sidebar-button-nopad:hover,
+.sidebar-button-nopad:focus {
+  background-color: #656479; }
+
+.sidebar-button-nopad:active {
+  background-color: #858399; }
+
+.sidebar-button-left {
+  border-top-left-radius: 0.818rem;
+  border-bottom-left-radius: 0.818rem; }
+
+.sidebar-button-right {
+  border-top-right-radius: 0.818rem;
+  border-bottom-right-radius: 0.955rem; }
+
+.sidebar-button-alone {
+  border-radius: 0.818rem;
+  -gtk-outline-radius: 0.818rem; }
+
+.sidebar-button-alone-normal {
+  border-radius: 0.818rem;
+  -gtk-outline-radius: 0.818rem; }
+
+.sidebar-button-active {
+  background-color: #c4c0ff;
+  color: #251a8c; }
+
+.sidebar-button-active:hover,
+.sidebar-button-active:focus {
+  background-color: rgba(195, 191, 253, 0.93); }
+
+.sidebar-button-active:active {
+  background-color: rgba(191, 188, 246, 0.79); }
+
+.sidebar-buttons-separator {
+  min-width: 0.068rem;
+  min-height: 0.068rem;
+  background-color: #c8c5d0; }
+
+.sidebar-navrail {
+  padding: 0rem 1.159rem; }
+
+.sidebar-navrail-btn > box > label {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1); }
+
+.sidebar-navrail-btn:hover > box > label:first-child,
+.sidebar-navrail-btn:focus > box > label:first-child {
+  background-color: rgba(100, 99, 105, 0.379); }
+
+.sidebar-navrail-btn:active > box > label:first-child {
+  background-color: #4f4f54; }
+
+.sidebar-navrail-btn-active > box > label:first-child {
+  background-color: #464559;
+  color: #e3dff9; }
+
+.sidebar-navrail-btn-active:hover > box > label:first-child,
+.sidebar-navrail-btn-active:focus > box > label:first-child {
+  background-color: rgba(71, 70, 90, 0.93);
+  color: rgba(225, 221, 247, 0.93); }
+
+.sidebar-sysinfo-grouppad {
+  padding: 1.159rem; }
+
+.sidebar-memory-ram-circprog {
+  transition: 1000ms cubic-bezier(0.1, 1, 0, 1);
+  min-width: 0.818rem;
+  min-height: 4.091rem;
+  padding: 0.409rem;
+  background-color: #464559;
+  color: #e3dff9;
+  font-size: 0px; }
+
+.sidebar-memory-swap-circprog {
+  transition: 1000ms cubic-bezier(0.1, 1, 0, 1);
+  min-width: 0.818rem;
+  min-height: 2.255rem;
+  padding: 0.409rem;
+  margin: 0.918rem;
+  background-color: #464559;
+  color: #e3dff9;
+  font-size: 0px; }
+
+.sidebar-cpu-circprog {
+  min-width: 0.818rem;
+  min-height: 3.409rem;
+  padding: 0.409rem;
+  background-color: #464559;
+  color: #e3dff9;
+  transition: 1000ms cubic-bezier(0.1, 1, 0, 1);
+  font-size: 0px; }
+
+.sidebar-scrollbar trough {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  min-width: 0.545rem;
+  background-color: transparent; }
+
+.sidebar-scrollbar slider {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  min-width: 0.273rem;
+  min-height: 2.045rem;
+  background-color: rgba(200, 197, 208, 0.31); }
+
+.sidebar-scrollbar slider:hover,
+.sidebar-scrollbar slider:focus {
+  background-color: rgba(200, 197, 208, 0.448); }
+
+.sidebar-scrollbar slider:active {
+  background-color: #78767e; }
+
+.sidebar-calendar-btn {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+  min-height: 2.523rem;
+  min-width: 2.523rem;
+  color: #e5e1e6; }
+
+.sidebar-calendar-btn:hover,
+.sidebar-calendar-btn:focus {
+  background-color: rgba(128, 128, 128, 0.3); }
+
+.sidebar-calendar-btn:active {
+  background-color: rgba(128, 128, 128, 0.7); }
+
+.sidebar-calendar-btn-txt {
+  margin-left: -10.341rem;
+  margin-right: -10.341rem; }
+
+.sidebar-calendar-btn-today {
+  background-color: #c4c0ff;
+  color: #251a8c; }
+
+.sidebar-calendar-btn-today:hover,
+.sidebar-calendar-btn-today:focus {
+  background-color: rgba(195, 191, 253, 0.93); }
+
+.sidebar-calendar-btn-today:active {
+  background-color: rgba(191, 188, 246, 0.79); }
+
+.sidebar-calendar-btn-othermonth {
+  color: #817f84; }
+
+.sidebar-calendar-header {
+  margin: 0.341rem; }
+
+.sidebar-calendar-monthyear-btn {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  padding: 0rem 0.682rem;
+  background-color: rgba(39, 39, 43, 0.31);
+  color: #c8c5d0; }
+
+.sidebar-calendar-monthyear-btn:hover,
+.sidebar-calendar-monthyear-btn:focus {
+  background-color: rgba(75, 74, 80, 0.3445);
+  color: #c0bdc8; }
+
+.sidebar-calendar-monthyear-btn:active {
+  background-color: #3f3f44;
+  color: #b0adb7; }
+
+.sidebar-calendar-monthshift-btn {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  min-width: 2.045rem;
+  min-height: 2.045rem;
+  background-color: rgba(39, 39, 43, 0.31);
+  color: #c8c5d0; }
+
+.sidebar-calendar-monthshift-btn:hover {
+  background-color: rgba(75, 74, 80, 0.3445);
+  color: #c0bdc8; }
+
+.sidebar-calendar-monthshift-btn:active {
+  background-color: #3f3f44;
+  color: #b0adb7; }
+
+.sidebar-selector-tab {
+  border-radius: 0.818rem;
+  -gtk-outline-radius: 0.818rem;
+  transition: 0ms;
+  min-height: 2.5rem;
+  color: #e5e1e6; }
+
+.sidebar-selector-tab:hover,
+.sidebar-selector-tab:focus {
+  background-color: rgba(100, 99, 105, 0.379); }
+
+.sidebar-selector-tab:active {
+  background-color: #4f4f54; }
+
+.sidebar-selector-tab-active > box > label {
+  color: #c4c0ff; }
+
+.sidebar-selector-highlight-offset {
+  margin-top: -0.205rem;
+  margin-bottom: 0.205rem; }
+
+.sidebar-selector-highlight {
+  transition: 180ms ease-in-out;
+  color: #c4c0ff;
+  min-height: 0.205rem; }
+
+.sidebar-todo-item {
+  padding-right: 0.545rem; }
+
+.sidebar-todo-item-even {
+  background-color: rgba(39, 39, 43, 0.1); }
+
+.sidebar-todo-item-action {
+  border-radius: 9999px;
+  min-width: 1.705rem;
+  min-height: 1.705rem; }
+
+.sidebar-todo-item-action:hover,
+.sidebar-todo-item-action:focus {
+  background-color: rgba(69, 67, 73, 0.31); }
+
+.sidebar-todo-item-action:active {
+  background-color: rgba(99, 97, 103, 0.31); }
+
+.sidebar-todo-crosser {
+  transition: margin 200ms cubic-bezier(0.1, 1, 0, 1), background-color 0ms;
+  min-width: 0rem; }
+
+.sidebar-todo-crosser-crossed {
+  background-color: #e5e1e6; }
+
+.sidebar-todo-crosser-removed {
+  background-color: #ffb4a9; }
+
+.sidebar-clipboard-item {
+  border-radius: 0.818rem;
+  min-height: 2.045rem;
+  padding: 0.341rem;
+  background-color: #464559;
+  color: #e3dff9; }
+
+.sidebar-clipboard-item:hover,
+.sidebar-clipboard-item:focus {
+  background-color: #565469; }
+
+.sidebar-clipboard-item:active {
+  background-color: #656479; }
+
+.sidebar-todo-new {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  color: #e3dff9;
+  margin: 0.341rem;
+  padding: 0.205rem 0.545rem;
+  border: 0.068rem solid #e5e1e6; }
+
+.sidebar-todo-new:hover,
+.sidebar-todo-new:focus {
+  background-color: #4b4a5e; }
+
+.sidebar-todo-new:active {
+  background-color: #656479; }
+
+.sidebar-todo-add {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+  min-width: 1.705rem;
+  min-height: 1.705rem;
+  color: #e3dff9;
+  border: 0.068rem solid #e5e1e6; }
+
+.sidebar-todo-add:hover,
+.sidebar-todo-add:focus {
+  background-color: #4b4a5e; }
+
+.sidebar-todo-add:active {
+  background-color: #656479; }
+
+.sidebar-todo-add-available {
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  min-width: 1.705rem;
+  min-height: 1.705rem;
+  background-color: #c4c0ff;
+  color: #251a8c;
+  border: 0.068rem solid #c4c0ff; }
+
+.sidebar-todo-add-available:hover,
+.sidebar-todo-add-available:focus {
+  background-color: #bfbbfc; }
+
+.sidebar-todo-add-available:active {
+  background-color: #a49fe8; }
+
+.sidebar-todo-entry {
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+  border-radius: 0.818rem;
+  -gtk-outline-radius: 0.818rem;
+  background-color: #27272b;
+  color: #c8c5d0;
+  caret-color: #c8c5d0;
+  margin: 0rem 0.341rem;
+  min-height: 1.773rem;
+  min-width: 0rem;
+  padding: 0.205rem 0.682rem;
+  border: 0.068rem solid #78767e; }
+
+.sidebar-todo-entry:focus {
+  border: 0.068rem solid #b8b5c0; }
+
+.sidebar-module {
+  border-radius: 1.159rem;
+  -gtk-outline-radius: 1.159rem;
+  padding: 0.341rem;
+  background-color: rgba(29, 28, 34, 0.31); }
+
+.sidebar-module-btn-arrow {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  font-family: 'Material Symbols Rounded', 'Material Symbols Outlined', 'Material Symbols Sharp';
+  background-color: rgba(39, 39, 43, 0.31);
+  min-width: 1.705rem;
+  min-height: 1.705rem; }
+
+.sidebar-chat-viewport {
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+  margin: 0.682rem 0rem;
+  padding: 0.682rem 0rem; }
+
+.sidebar-chat-textarea {
+  border-radius: 1.159rem;
+  -gtk-outline-radius: 1.159rem;
+  border: 0.068rem solid #67666d;
+  padding: 0.682rem; }
+
+.sidebar-chat-entry {
+  color: #c8c5d0;
+  caret-color: #c8c5d0;
+  min-height: 1.773rem;
+  min-width: 0rem; }
+
+.sidebar-chat-send {
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+  min-width: 1.705rem;
+  min-height: 1.705rem;
+  border-radius: 0.478rem;
+  background-color: #67666d; }
+
+.sidebar-chat-send:hover,
+.sidebar-chat-send:focus {
+  background-color: #6b6a71; }
+
+.sidebar-chat-send:active {
+  background-color: #807e89; }
+
+.sidebar-chat-send-available {
+  background-color: #c4c0ff;
+  color: #251a8c; }
+
+.sidebar-chat-send-available:hover,
+.sidebar-chat-send-available:focus {
+  background-color: #bfbbfc; }
+
+.sidebar-chat-send-available:active {
+  background-color: #a49fe8; }
+
+.sidebar-chat-message {
+  margin: 0.682rem; }
+
+.sidebar-chat-indicator {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  min-width: 0.136rem; }
+
+.sidebar-chat-indicator-user {
+  background-color: #e5e1e6; }
+
+.sidebar-chat-indicator-bot {
+  background-color: #c4c0ff; }
+
+.sidebar-chat-indicator-System {
+  background-color: #c7c4dd; }
+
+.sidebar-chat-name {
+  font-family: 'Gabarito', 'Poppins', 'Lexend', sans-serif;
+  padding: 0.341rem;
+  margin-left: -0.136rem;
+  padding: 0.341rem;
+  padding-left: 0.818rem; }
+
+.sidebar-chat-txtblock {
+  margin-left: -0.136rem;
+  padding: 0.341rem;
+  padding-left: 0.818rem; }
+
+.sidebar-chat-txt {
+  font-family: 'Lexend', 'Noto Sans', sans-serif; }
+
+.sidebar-chat-codeblock {
+  border-radius: 1.159rem;
+  -gtk-outline-radius: 1.159rem;
+  background-color: rgba(71, 71, 76, 0.31);
+  color: #c8c5d0;
+  margin: 0rem 0.682rem;
+  border: 0.068rem solid rgba(227, 223, 249, 0.07); }
+
+.sidebar-chat-codeblock-topbar {
+  font-family: 'Geist', 'AR One Sans', 'Reddit Sans', 'Inter', 'Roboto', 'Ubuntu', 'Noto Sans', sans-serif;
+  margin: 0.273rem;
+  margin-bottom: 0rem;
+  background-color: #464559;
+  color: #e3dff9;
+  border-radius: 0.886rem;
+  border: 0.068rem solid #565469;
+  border-top-left-radius: 0.886rem;
+  border-top-right-radius: 0.886rem;
+  padding: 0.341rem 0.477rem; }
+
+.sidebar-chat-codeblock-topbar-txt {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  padding: 0.273rem; }
+
+.sidebar-chat-codeblock-topbar-btn {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  padding: 0.273rem; }
+
+.sidebar-chat-codeblock-topbar-btn:hover,
+.sidebar-chat-codeblock-topbar-btn:focus {
+  background-color: #656479; }
+
+.sidebar-chat-codeblock-topbar-btn:active {
+  background-color: #858399; }
+
+.sidebar-chat-codeblock-code {
+  font-family: 'JetBrains Mono NF', 'JetBrains Mono Nerd Font', 'JetBrains Mono NL', 'SpaceMono NF', 'SpaceMono Nerd Font', monospace;
+  padding: 0.682rem; }
+
+.sidebar-chat-divider {
+  min-height: 1px;
+  background-color: #67666d;
+  margin: 0rem 0.545rem; }
+
+.sidebar-chat-welcome-txt {
+  margin: 0rem 3.409rem; }
+
+.sidebar-chat-settings {
+  margin: 0rem 5.455rem; }
+
+.sidebar-chat-welcome-icon {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  font-size: 4rem; }
+
+.sidebar-chat-welcome-logo {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+  min-height: 4.773rem;
+  min-width: 4.773rem;
+  font-size: 4rem;
+  background-color: white;
+  color: black; }
+
+.sidebar-chat-chip {
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+  border-radius: 0.818rem;
+  -gtk-outline-radius: 0.818rem;
+  padding: 0.341rem 0.477rem; }
+
+.sidebar-chat-chip-action {
+  border: 0.068rem solid #67666d; }
+
+.sidebar-chat-chip-action:hover,
+.sidebar-chat-chip-action:focus {
+  background-color: #67666d; }
+
+.sidebar-chat-chip-action:active {
+  background-color: #84838b;
+  color: #545359; }
+
+.sidebar-chat-chip-action-active {
+  color: #67666d;
+  border: 0.068rem solid #67666d; }
+
+.session-bg {
+  margin-top: -2.727rem;
+  background-color: rgba(14, 14, 16, 0.64); }
+
+.session-button {
+  border-radius: 1.705rem;
+  -gtk-outline-radius: 1.705rem;
+  min-width: 8.182rem;
+  min-height: 8.182rem;
+  background-color: #27272b;
+  color: #c8c5d0;
+  font-size: 3rem; }
+
+.session-button-focused {
+  background-color: #464559;
+  color: #e3dff9; }
+
+.session-button-desc {
+  background-color: #222227;
+  color: #d7d3db;
+  border-bottom-left-radius: 1.705rem;
+  border-bottom-right-radius: 1.705rem;
+  padding: 0.205rem 0.341rem;
+  font-weight: 700; }
+
+.session-button-cancel {
+  border-radius: 1.705rem;
+  -gtk-outline-radius: 1.705rem;
+  min-width: 8.182rem;
+  min-height: 5.455rem;
+  background-color: #27272b;
+  color: #c8c5d0;
+  font-size: 3rem; }
+
+.notif-low {
+  border-radius: 1.159rem;
+  -gtk-outline-radius: 1.159rem;
+  background-color: rgba(39, 39, 43, 0.45);
+  color: #c8c5d0;
+  padding: 0.818rem;
+  padding-right: 1.363rem; }
+
+.notif-normal {
+  border-radius: 1.159rem;
+  -gtk-outline-radius: 1.159rem;
+  background-color: rgba(39, 39, 43, 0.45);
+  color: #c8c5d0;
+  padding: 0.818rem;
+  padding-right: 1.363rem; }
+
+.notif-critical {
+  border-radius: 1.159rem;
+  -gtk-outline-radius: 1.159rem;
+  background-color: #464559;
+  color: #e3dff9;
+  padding: 0.818rem;
+  padding-right: 1.363rem; }
+
+.popup-notif-low {
+  border-radius: 1.159rem;
+  -gtk-outline-radius: 1.159rem;
+  min-width: 30.682rem;
+  background-color: #0e0e10;
+  color: #c8c5d0;
+  padding: 0.818rem;
+  padding-right: 1.363rem; }
+
+.popup-notif-normal {
+  border-radius: 1.159rem;
+  -gtk-outline-radius: 1.159rem;
+  min-width: 30.682rem;
+  background-color: #0e0e10;
+  color: #c8c5d0;
+  padding: 0.818rem;
+  padding-right: 1.363rem; }
+
+.popup-notif-critical {
+  border-radius: 1.159rem;
+  -gtk-outline-radius: 1.159rem;
+  min-width: 30.682rem;
+  background-color: #464559;
+  color: #e3dff9;
+  padding: 0.818rem;
+  padding-right: 1.363rem; }
+
+.notif-body-low {
+  color: #93919a; }
+
+.notif-body-normal {
+  color: #93919a; }
+
+.notif-body-critical {
+  color: #afacc4; }
+
+.notif-icon {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  min-width: 3.409rem;
+  min-height: 3.409rem; }
+
+.notif-icon-material {
+  background-color: #464559;
+  color: #e3dff9; }
+
+.notif-icon-material-low {
+  background-color: #464559;
+  color: #e3dff9; }
+
+.notif-icon-material-normal {
+  background-color: #464559;
+  color: #e3dff9; }
+
+.notif-icon-material-critical {
+  background-color: #e3dff9;
+  color: #464559; }
+
+.notif-close-btn {
+  border-radius: 1.159rem;
+  -gtk-outline-radius: 1.159rem;
+  padding: 0rem 0.136rem; }
+
+.notif-close-btn:hover,
+.notif-close-btn:focus {
+  background: rgba(128, 128, 128, 0.3); }
+
+.notif-close-btn:active {
+  background: rgba(128, 128, 128, 0.7); }
+
+.notif-closeall-btn {
+  border-radius: 1.159rem;
+  -gtk-outline-radius: 1.159rem;
+  padding: 0.341rem 0.341rem; }
+
+.notif-closeall-btn:hover,
+.notif-closeall-btn:focus {
+  background-color: rgba(128, 128, 128, 0.3); }
+
+.notif-closeall-btn:active {
+  background-color: rgba(128, 128, 128, 0.7); }
+
+.osd-notif {
+  border-radius: 1.159rem;
+  -gtk-outline-radius: 1.159rem;
+  background-color: rgba(14, 14, 16, 0.46);
+  min-width: 30.682rem; }
+
+.notif-circprog-low {
+  transition: 0ms linear;
+  min-width: 0.136rem;
+  min-height: 1.770rem;
+  padding: 0rem;
+  color: #e3dff9; }
+
+.notif-circprog-normal {
+  transition: 0ms linear;
+  min-width: 0.136rem;
+  min-height: 1.770rem;
+  padding: 0rem;
+  color: #e3dff9; }
+
+.notif-circprog-critical {
+  transition: 0ms linear;
+  min-width: 0.136rem;
+  min-height: 1.770rem;
+  padding: 0rem;
+  color: #e3dff9; }
+
+.osd-music {
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45);
+  margin: 0.476rem;
+  margin-top: 0.313rem;
+  border-radius: 1.159rem;
+  -gtk-outline-radius: 1.159rem;
+  min-width: 29.659rem;
+  background-color: #0e0e10;
+  padding: 0rem 1.023rem;
+  background: linear-gradient(127deg, rgba(31, 31, 35, 0.7), rgba(31, 31, 35, 0.55) 70.71%), linear-gradient(217deg, rgba(71, 70, 79, 0.7), rgba(71, 70, 79, 0.55) 70.71%), radial-gradient(circle at 0% 100%, #464559 13%, rgba(0, 0, 0, 0) 100%), linear-gradient(336deg, rgba(70, 69, 89, 0.7), rgba(70, 69, 89, 0.55) 70.71%), linear-gradient(#0e0e10, #0e0e10); }
+
+.osd-music-cover-fallback {
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+  border-radius: 0.818rem;
+  -gtk-outline-radius: 0.818rem;
+  min-width: 7.5rem;
+  min-height: 7.5rem;
+  background-color: rgba(29, 28, 34, 0.31);
+  color: #d5d2d7; }
+
+.osd-music-cover {
+  border-radius: 0.818rem;
+  -gtk-outline-radius: 0.818rem;
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+  margin-top: 1.023rem;
+  margin-bottom: 1.023rem;
+  min-width: 7.5rem;
+  min-height: 7.5rem; }
+
+.osd-music-cover-art {
+  border-radius: 0.818rem;
+  -gtk-outline-radius: 0.818rem;
+  min-width: 7.5rem;
+  min-height: 7.5rem;
+  background-size: cover;
+  background-position: center; }
+
+.osd-music-info {
+  margin: 1.023rem 0rem; }
+
+.osd-music-title {
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+  font-family: 'Gabarito', 'Poppins', 'Lexend', sans-serif;
+  font-size: 1.364rem;
+  color: #d5d2d7; }
+
+.osd-music-artists {
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+  font-family: 'Geist', 'AR One Sans', 'Reddit Sans', 'Inter', 'Roboto', 'Ubuntu', 'Noto Sans', sans-serif;
+  font-size: 0.955rem;
+  color: rgba(200, 197, 203, 0.9); }
+
+.osd-music-pill {
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  font-family: 'Gabarito', 'Poppins', 'Lexend', sans-serif;
+  min-width: 1.833rem;
+  padding: 0.273rem 0.682rem;
+  background-color: rgba(48, 47, 56, 0.5);
+  color: #d5d2d7; }
+
+.osd-music-controls {
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  font-family: 'Gabarito', 'Poppins', 'Lexend', sans-serif;
+  min-width: 1.833rem;
+  padding: 0.205rem;
+  background-color: rgba(48, 47, 56, 0.5);
+  color: #d5d2d7; }
+
+.osd-music-controlbtn {
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+  min-width: 2.045rem;
+  min-height: 2.045rem;
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px; }
+
+.osd-music-controlbtn:hover,
+.osd-music-controlbtn:focus {
+  background-color: rgba(89, 88, 96, 0.55); }
+
+.osd-music-controlbtn:active {
+  background-color: rgba(105, 103, 111, 0.575); }
+
+.osd-music-controlbtn-txt {
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+  transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  font-family: 'Material Symbols Rounded', 'Material Symbols Outlined', 'Material Symbols Sharp';
+  font-size: 1.364rem;
+  margin: -0.1rem 0rem; }
+
+.osd-music-circprog {
+  transition: 1000ms cubic-bezier(0.1, 1, 0, 1);
+  min-width: 0.409rem;
+  min-height: 3.068rem;
+  padding: 0.273rem;
+  color: #d5d2d7; }
+
+.osd-music-playstate {
+  transition: 300ms cubic-bezier(0.1, 1, 0, 1);
+  min-height: 3.068rem;
+  min-width: 3.068rem;
+  border-radius: 10rem;
+  background-color: rgba(48, 47, 56, 0.5);
+  color: #d5d2d7; }
+
+.osd-music-playstate-btn > label {
+  transition: 50ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  font-family: 'Material Symbols Rounded', 'Material Symbols Outlined', 'Material Symbols Sharp';
+  font-size: 1.364rem;
+  margin: -0.1rem 0rem; }
+
+.growingRadial {
+  transition: 300ms cubic-bezier(0.2, 0, 0, 1); }
+
+.fadingRadial {
+  transition: 50ms cubic-bezier(0.2, 0, 0, 1); }
diff --git a/.config/ags/variables.js b/.config/ags/variables.js
new file mode 100644
index 000000000..5a07dcbc7
--- /dev/null
+++ b/.config/ags/variables.js
@@ -0,0 +1,7 @@
+import Variable from 'resource:///com/github/Aylur/ags/variable.js';
+
+// AGS Variables
+export const showMusicControls = Variable(false, {})
+export const showColorScheme = Variable(false, {})
+globalThis['openMusicControls'] = showMusicControls;
+globalThis['openColorScheme'] = showColorScheme;
diff --git a/.config/ags/widgets/bar/leftspace.js b/.config/ags/widgets/bar/leftspace.js
new file mode 100644
index 000000000..42002be4a
--- /dev/null
+++ b/.config/ags/widgets/bar/leftspace.js
@@ -0,0 +1,100 @@
+import { App, Service, Utils, Widget } from '../../imports.js';
+import Hyprland from 'resource:///com/github/Aylur/ags/service/hyprland.js';
+const { CONFIG_DIR, exec, execAsync } = Utils;
+import { setupCursorHover } from "../../lib/cursorhover.js";
+import { RoundedCorner } from "../../lib/roundedcorner.js";
+import Brightness from '../../services/brightness.js';
+import Indicator from '../../services/indicator.js';
+
+// Removes everything after the last 
+// em dash, en dash, minus, vertical bar, or middle dot    (note: maybe add open parenthesis?)
+// For example:
+// • Discord | #ricing-theming | r/unixporn — Mozilla Firefox    -->   • Discord | #ricing-theming 
+// GJS Error · Issue #112 · Aylur/ags — Mozilla Firefox          -->   GJS Error · Issue #112 
+function truncateTitle(str) {
+    let lastDash = -1;
+    let found = -1; // 0: em dash, 1: en dash, 2: minus, 3: vertical bar, 4: middle dot
+    for (let i = str.length - 1; i >= 0; i--) {
+        if (str[i] === '—') {
+            found = 0;
+            lastDash = i;
+        }
+        else if (str[i] === '–' && found < 1) {
+            found = 1;
+            lastDash = i;
+        }
+        else if (str[i] === '-' && found < 2) {
+            found = 2;
+            lastDash = i;
+        }
+        else if (str[i] === '|' && found < 3) {
+            found = 3;
+            lastDash = i;
+        }
+        else if (str[i] === '·' && found < 4) {
+            found = 4;
+            lastDash = i;
+        }
+    }
+    if (lastDash === -1) return str;
+    return str.substring(0, lastDash);
+}
+
+export const ModuleLeftSpace = () => Widget.EventBox({
+    onScrollUp: () => {
+        Indicator.popup(1); // Since the brightness and speaker are both on the same window
+        Brightness.screen_value += 0.05;
+    },
+    onScrollDown: () => {
+        Indicator.popup(1); // Since the brightness and speaker are both on the same window
+        Brightness.screen_value -= 0.05;
+    },
+    onPrimaryClick: () => {
+        App.toggleWindow('sideleft');
+    },
+    child: Widget.Box({
+        homogeneous: false,
+        children: [
+            RoundedCorner('topleft', { className: 'corner-black' }),
+            Widget.Overlay({
+                overlays: [
+                    Widget.Box({ hexpand: true }),
+                    Widget.Box({
+                        className: 'bar-sidemodule', hexpand: true,
+                        children: [Widget.Box({
+                            vertical: true,
+                            className: 'bar-space-button',
+                            children: [
+                                Widget.Scrollable({
+                                    hexpand: true, vexpand: true,
+                                    hscroll: 'automatic', vscroll: 'never',
+                                    child: Widget.Box({
+                                        vertical: true,
+                                        children: [
+                                            Widget.Label({
+                                                xalign: 0,
+                                                className: 'txt-smaller bar-topdesc txt',
+                                                connections: [[Hyprland.active.client, label => { // Hyprland.active.client
+                                                    label.label = Hyprland.active.client._class.length === 0 ? 'Desktop' : Hyprland.active.client._class;
+                                                }]],
+                                            }),
+                                            Widget.Label({
+                                                xalign: 0,
+                                                className: 'txt txt-smallie',
+                                                connections: [
+                                                    [Hyprland.active.client, label => { // Hyprland.active.client
+                                                        label.label = Hyprland.active.client._title.length === 0 ? `Workspace ${Hyprland.active.workspace.id}` : truncateTitle(Hyprland.active.client._title);
+                                                    }]
+                                                ],
+                                            })
+                                        ]
+                                    })
+                                })
+                            ]
+                        })]
+                    }),
+                ]
+            })
+        ]
+    })
+});
\ No newline at end of file
diff --git a/.config/ags/widgets/bar/main.js b/.config/ags/widgets/bar/main.js
new file mode 100644
index 000000000..25e5405d4
--- /dev/null
+++ b/.config/ags/widgets/bar/main.js
@@ -0,0 +1,53 @@
+const { Gdk, Gtk } = imports.gi;
+import { App, Service, Utils, Widget } from '../../imports.js';
+const { execAsync, exec } = Utils;
+
+import { ModuleLeftSpace } from "./leftspace.js";
+import { ModuleMusic } from "./music.js";
+import { ModuleRightSpace } from "./rightspace.js";
+import { ModuleSystem } from "./system.js";
+import { ModuleWorkspaces } from "./workspaces.js";
+import { RoundedCorner } from "../../lib/roundedcorner.js";
+
+const left = Widget.Box({
+    className: 'bar-sidemodule',
+    children: [ModuleMusic()],
+});
+
+const center = Widget.Box({
+    children: [
+        RoundedCorner('topright', { className: 'corner-bar-group' }),
+        ModuleWorkspaces(),
+        RoundedCorner('topleft', { className: 'corner-bar-group' }),
+    ],
+});
+
+const right = Widget.Box({
+    className: 'bar-sidemodule',
+    children: [ModuleSystem()],
+});
+
+export default () => Widget.Window({
+    name: 'bar',
+    anchor: ['top', 'left', 'right'],
+    exclusivity: 'exclusive',
+    visible: true,
+    child: Widget.CenterBox({
+        className: 'bar-bg',
+        startWidget: ModuleLeftSpace(),
+        centerWidget: Widget.Box({
+            className: 'spacing-h--20',
+            children: [
+                left,
+                center,
+                right,
+            ]
+        }),
+        endWidget: ModuleRightSpace(),
+        setup: (self) => {
+            const styleContext = self.get_style_context();
+            const minHeight = styleContext.get_property('min-height', Gtk.StateFlags.NORMAL);
+            // execAsync(['bash', '-c', `hyprctl keyword monitor ,addreserved,${minHeight},0,0,0`]).catch(print);
+        }
+    }),
+});
\ No newline at end of file
diff --git a/.config/ags/widgets/bar/music.js b/.config/ags/widgets/bar/music.js
new file mode 100644
index 000000000..32b4a6888
--- /dev/null
+++ b/.config/ags/widgets/bar/music.js
@@ -0,0 +1,82 @@
+import { Service, Utils, Widget } from '../../imports.js';
+import Mpris from 'resource:///com/github/Aylur/ags/service/mpris.js';
+import Audio from 'resource:///com/github/Aylur/ags/service/audio.js';
+const { execAsync, exec } = Utils;
+import { AnimatedCircProg } from "../../lib/animatedcircularprogress.js";
+import { showMusicControls } from '../../variables.js';
+
+const TrackProgress = () => {
+    const _updateProgress = (circprog) => {
+        const mpris = Mpris.getPlayer('');
+        if (!mpris) return;
+        // Set circular progress (font size cuz that's how this hacky circprog works)
+        circprog.css = `font-size: ${Math.max(mpris.position / mpris.length * 100, 0)}px;`
+    }
+    return AnimatedCircProg({
+        className: 'bar-music-circprog',
+        vpack: 'center',
+        connections: [ // Update on change/once every 3 seconds
+            [Mpris, _updateProgress],
+            [3000, _updateProgress]
+        ]
+    })
+}
+
+export const ModuleMusic = () => Widget.EventBox({
+    onScrollUp: () => execAsync('hyprctl dispatch workspace -1'),
+    onScrollDown: () => execAsync('hyprctl dispatch workspace +1'),
+    onPrimaryClickRelease: () => showMusicControls.setValue(!showMusicControls.value),
+    onSecondaryClickRelease: () => execAsync(['bash', '-c', 'playerctl next || playerctl position `bc <<< "100 * $(playerctl metadata mpris:length) / 1000000 / 100"` &']),
+    onMiddleClickRelease: () => Mpris.getPlayer('')?.playPause(),
+    child: Widget.Box({
+        className: 'bar-group-margin bar-sides',
+        children: [
+            Widget.Box({
+                className: 'bar-group bar-group-standalone bar-group-pad-music spacing-h-10',
+                children: [
+                    Widget.Box({ // Wrap a box cuz overlay can't have margins itself
+                        homogeneous: true,
+                        children: [Widget.Overlay({
+                            child: Widget.Box({
+                                vpack: 'center',
+                                className: 'bar-music-playstate',
+                                homogeneous: true,
+                                children: [Widget.Label({
+                                    vpack: 'center',
+                                    className: 'bar-music-playstate-txt',
+                                    justification: 'center',
+                                    connections: [[Mpris, label => {
+                                        const mpris = Mpris.getPlayer('');
+                                        label.label = `${mpris !== null && mpris.playBackStatus == 'Playing' ? 'pause' : 'play_arrow'}`;
+                                    }]],
+                                })],
+                                connections: [[Mpris, label => {
+                                    const mpris = Mpris.getPlayer('');
+                                    if (!mpris) return;
+                                    label.toggleClassName('bar-music-playstate-playing', mpris !== null && mpris.playBackStatus == 'Playing');
+                                    label.toggleClassName('bar-music-playstate', mpris !== null || mpris.playBackStatus == 'Paused');
+                                }]],
+                            }),
+                            overlays: [
+                                TrackProgress(),
+                            ]
+                        })]
+                    }),
+                    Widget.Scrollable({
+                        hexpand: true,
+                        child: Widget.Label({
+                            className: 'txt txt-smallie',
+                            connections: [[Mpris, label => {
+                                const mpris = Mpris.getPlayer('');
+                                if (mpris)
+                                    label.label = `${mpris.trackTitle} • ${mpris.trackArtists.join(', ')}`;
+                                else
+                                    label.label = 'No media';
+                            }]],
+                        })
+                    })
+                ]
+            })
+        ]
+    })
+});
\ No newline at end of file
diff --git a/.config/ags/widgets/bar/rightspace.js b/.config/ags/widgets/bar/rightspace.js
new file mode 100644
index 000000000..713935880
--- /dev/null
+++ b/.config/ags/widgets/bar/rightspace.js
@@ -0,0 +1,59 @@
+import { App, Utils, Widget } from '../../imports.js';
+import Audio from 'resource:///com/github/Aylur/ags/service/audio.js';
+import Mpris from 'resource:///com/github/Aylur/ags/service/mpris.js';
+const { execAsync } = Utils;
+import Indicator from '../../services/indicator.js';
+import { StatusIcons } from "../../lib/statusicons.js";
+import { RoundedCorner } from "../../lib/roundedcorner.js";
+import { Tray } from "./tray.js";
+
+export const ModuleRightSpace = () => {
+    const barTray = Tray();
+    const barStatusIcons = StatusIcons({
+        className: 'bar-statusicons',
+        connections: [[App, (self, currentName, visible) => {
+            if (currentName === 'sideright') {
+                self.toggleClassName('bar-statusicons-active', visible);
+            }
+        }]],
+    });
+
+    return Widget.EventBox({
+        onScrollUp: () => {
+            if (!Audio.speaker) return;
+            Audio.speaker.volume += 0.03;
+            Indicator.popup(1);
+        },
+        onScrollDown: () => {
+            if (!Audio.speaker) return;
+            Audio.speaker.volume -= 0.03;
+            Indicator.popup(1);
+        },
+        // onHover: () => { barStatusIcons.toggleClassName('bar-statusicons-hover', true) },
+        // onHoverLost: () => { barStatusIcons.toggleClassName('bar-statusicons-hover', false) },
+        onPrimaryClick: () => App.toggleWindow('sideright'),
+        onSecondaryClickRelease: () => execAsync(['bash', '-c', 'playerctl next || playerctl position `bc <<< "100 * $(playerctl metadata mpris:length) / 1000000 / 100"` &']),
+        onMiddleClickRelease: () => Mpris.getPlayer('')?.playPause(),
+        child: Widget.Box({
+            homogeneous: false,
+            children: [
+                Widget.Box({
+                    hexpand: true,
+                    className: 'spacing-h-5 txt',
+                    children: [
+                        Widget.Box({
+                            hexpand: true,
+                            className: 'spacing-h-15 txt',
+                            children: [
+                                Widget.Box({ hexpand: true, }),
+                                barTray,
+                                barStatusIcons,
+                            ],
+                        }),
+                    ]
+                }),
+                RoundedCorner('topright', { className: 'corner-black' })
+            ]
+        })
+    });
+}
\ No newline at end of file
diff --git a/.config/ags/widgets/bar/system.js b/.config/ags/widgets/bar/system.js
new file mode 100644
index 000000000..a2e7a24e1
--- /dev/null
+++ b/.config/ags/widgets/bar/system.js
@@ -0,0 +1,149 @@
+// This is for the right pill of the bar. 
+// For the cool memory indicator on the sidebar, see sysinfo.js
+import { Service, Utils, Widget } from '../../imports.js';
+const { exec, execAsync } = Utils;
+const { GLib } = imports.gi;
+import Battery from 'resource:///com/github/Aylur/ags/service/battery.js';
+import { MaterialIcon } from '../../lib/materialicon.js';
+
+const BATTERY_LOW = 20;
+
+const BarClock = () => Widget.Box({
+    vpack: 'center',
+    className: 'spacing-h-5',
+    children: [
+        Widget.Label({
+            className: 'bar-clock',
+            connections: [[5000, label => {
+                label.label = GLib.DateTime.new_now_local().format("%H:%M");
+            }]],
+        }),
+        Widget.Label({
+            className: 'txt-norm txt',
+            label: '•',
+        }),
+        Widget.Label({
+            className: 'txt-smallie txt',
+            connections: [[5000, label => {
+                label.label = GLib.DateTime.new_now_local().format("%A, %d/%m");
+            }]],
+        }),
+    ],
+});
+
+const BarBattery = () => {
+    const BarResourceValue = (name, icon, command) => Widget.Box({
+        vpack: 'center',
+        className: 'bar-batt spacing-h-5',
+        children: [
+            MaterialIcon(icon, 'small'),
+            Widget.ProgressBar({ // Progress
+                vpack: 'center', hexpand: true,
+                className: 'bar-prog-batt',
+                connections: [[5000, (progress) => execAsync(['bash', '-c', command])
+                    .then((output) => {
+                        progress.value = Number(output) / 100;
+                        progress.tooltipText = `${name}: ${Number(output)}%`
+                    })
+                    .catch(print)
+                ]],
+            }),
+        ]
+    });
+    const batteryWidget = Widget.Box({
+        vpack: 'center',
+        hexpand: true,
+        className: 'spacing-h-5 bar-batt',
+        connections: [[Battery, box => {
+            box.toggleClassName('bar-batt-low', Battery.percent <= BATTERY_LOW);
+            box.toggleClassName('bar-batt-full', Battery.charged);
+        }]],
+        children: [
+            MaterialIcon('settings_heart', 'small'),
+            Widget.Label({ // Percentage
+                className: 'bar-batt-percentage',
+                connections: [[Battery, label => {
+                    label.label = `${Battery.percent}`;
+                }]],
+            }),
+            Widget.ProgressBar({ // Progress
+                vpack: 'center',
+                hexpand: true,
+                className: 'bar-prog-batt',
+                connections: [[Battery, progress => {
+                    progress.value = Math.abs(Battery.percent / 100); // battery could be initially negative wtf
+                    progress.toggleClassName('bar-prog-batt-low', Battery.percent <= BATTERY_LOW);
+                    progress.toggleClassName('bar-prog-batt-full', Battery.charged);
+                    batteryWidget.tooltipText = `Battery: ${Battery.percent}%`
+                }]],
+            }),
+            Widget.Revealer({ // A dot for charging state
+                transitionDuration: 150,
+                revealChild: false,
+                transition: 'slide_left',
+                child: Widget.Box({
+                    className: 'spacing-h-3',
+                    children: [
+                        Widget.Box({
+                            vpack: 'center',
+                            className: 'bar-batt-chargestate-charging-smaller',
+                            connections: [[Battery, box => {
+                                box.toggleClassName('bar-batt-chargestate-low', Battery.percent <= BATTERY_LOW);
+                                box.toggleClassName('bar-batt-chargestate-full', Battery.charged);
+                            }]],
+                        }),
+                        Widget.Box({
+                            vpack: 'center',
+                            className: 'bar-batt-chargestate-charging',
+                            connections: [[Battery, box => {
+                                box.toggleClassName('bar-batt-chargestate-low', Battery.percent <= BATTERY_LOW);
+                                box.toggleClassName('bar-batt-chargestate-full', Battery.charged);
+                            }]],
+                        }),
+                    ]
+                }),
+                connections: [[Battery, revealer => {
+                    revealer.revealChild = Battery.charging;
+                }]],
+            }),
+        ],
+    });
+    const memUsage = Widget.Box({
+        className: 'spacing-h-5',
+        children: [
+            BarResourceValue('RAM usage', 'memory', `free | awk '/^Mem/ {printf("%.2f\\n", ($3/$2) * 100)}'`),
+            BarResourceValue('Swap usage', 'swap_horiz', `free | awk '/^Swap/ {printf("%.2f\\n", ($3/$2) * 100)}'`),
+        ]
+    })
+    const widgetStack = Widget.Stack({
+        transition: 'slide_up_down',
+        vpack: 'center',
+        hexpand: true,
+        items: [
+            ['fallback', memUsage],
+            ['battery', batteryWidget],
+        ],
+        setup: (stack) => Utils.timeout(1, () => {
+            if (Battery.available) stack.shown = 'battery';
+            else stack.shown = 'fallback';
+        })
+    })
+    return widgetStack;
+}
+
+export const ModuleSystem = () => Widget.EventBox({
+    onScrollUp: () => execAsync('hyprctl dispatch workspace -1'),
+    onScrollDown: () => execAsync('hyprctl dispatch workspace +1'),
+    child: Widget.Box({
+        className: 'bar-group-margin bar-sides',
+        children: [
+            Widget.Box({
+                className: 'bar-group bar-group-standalone bar-group-pad-system spacing-h-15',
+                children: [
+                    BarClock(),
+                    BarBattery(),
+                ],
+            }),
+        ]
+    })
+});
diff --git a/.config/ags/widgets/bar/tray.js b/.config/ags/widgets/bar/tray.js
new file mode 100644
index 000000000..0d0ded80d
--- /dev/null
+++ b/.config/ags/widgets/bar/tray.js
@@ -0,0 +1,66 @@
+const { GLib, Gdk, Gtk } = imports.gi;
+import { Service, Widget } from '../../imports.js';
+import SystemTray from 'resource:///com/github/Aylur/ags/service/systemtray.js';
+const { Box, Icon, Button, Revealer } = Widget;
+const { Gravity } = imports.gi.Gdk;
+
+const revealerDuration = 200;
+
+const SysTrayItem = item => Button({
+    className: 'bar-systray-item',
+    child: Icon({
+        hpack: 'center',
+        binds: [['icon', item, 'icon']]
+    }),
+    binds: [['tooltipMarkup', item, 'tooltip-markup']],
+    onClicked: btn => item.menu.popup_at_widget(btn, Gravity.SOUTH, Gravity.NORTH, null),
+    onSecondaryClick: btn => item.menu.popup_at_widget(btn, Gravity.SOUTH, Gravity.NORTH, null),
+});
+
+export const Tray = (props = {}) => {
+    const trayContent = Box({
+        vpack: 'center',
+        className: 'bar-systray bar-group',
+        properties: [
+            ['items', new Map()],
+            ['onAdded', (box, id) => {
+                const item = SystemTray.getItem(id);
+                if (!item) return;
+                item.menu.className = 'menu';
+                if (box._items.has(id) || !item)
+                    return;
+                const widget = SysTrayItem(item);
+                box._items.set(id, widget);
+                box.pack_start(widget, false, false, 0);
+                box.show_all();
+                if (box._items.size === 1)
+                    trayRevealer.revealChild = true;
+            }],
+            ['onRemoved', (box, id) => {
+                if (!box._items.has(id))
+                    return;
+
+                box._items.get(id).destroy();
+                box._items.delete(id);
+                if (box._items.size === 0)
+                    trayRevealer.revealChild = false;
+            }],
+        ],
+        connections: [
+            [SystemTray, (box, id) => box._onAdded(box, id), 'added'],
+            [SystemTray, (box, id) => box._onRemoved(box, id), 'removed'],
+        ],
+    });
+    const trayRevealer = Widget.Revealer({
+        revealChild: false,
+        transition: 'slide_left',
+        transitionDuration: revealerDuration,
+        child: trayContent,
+    });
+    return Box({
+        ...props,
+        children: [
+            trayRevealer,
+        ]
+    });
+}
diff --git a/.config/ags/widgets/bar/workspaces.js b/.config/ags/widgets/bar/workspaces.js
new file mode 100644
index 000000000..fff8c11e6
--- /dev/null
+++ b/.config/ags/widgets/bar/workspaces.js
@@ -0,0 +1,100 @@
+const { GLib, Gdk, Gtk } = imports.gi;
+import { App, Service, Utils, Widget } from '../../imports.js';
+import Hyprland from 'resource:///com/github/Aylur/ags/service/hyprland.js';
+
+const WORKSPACE_SIDE_PAD = 0.546; // rem
+const NUM_OF_WORKSPACES = 10;
+let lastWorkspace = 0;
+
+const activeWorkspaceIndicator = Widget.Box({
+    css: `
+        padding: 0rem ${WORKSPACE_SIDE_PAD}rem;
+    `,
+    children: [
+        Widget.Box({
+            vpack: 'center',
+            hpack: 'start',
+            className: 'bar-ws-active-box',
+            connections: [
+                [Hyprland.active.workspace, (box) => {
+                    const ws = Hyprland.active.workspace.id;
+                    box.setCss(`
+                        margin-left: ${1.774 * (ws - 1) + 0.068}rem;
+                    `);
+                    lastWorkspace = ws;
+                }],
+            ],
+            children: [
+                Widget.Label({
+                    vpack: 'center',
+                    className: 'bar-ws-active',
+                    label: `•`,
+                })
+            ]
+        })
+    ]
+});
+
+export const ModuleWorkspaces = () => Widget.EventBox({
+    onScrollUp: () => Utils.execAsync(['bash', '-c', 'hyprctl dispatch workspace -1 &']),
+    onScrollDown: () => Utils.execAsync(['bash', '-c', 'hyprctl dispatch workspace +1 &']),
+    onMiddleClickRelease: () => App.toggleWindow('overview'),
+    onSecondaryClickRelease: () => App.toggleWindow('osk'),
+    child: Widget.Box({
+        homogeneous: true,
+        className: 'bar-ws-width',
+        children: [
+            Widget.Overlay({
+                passThrough: true,
+                child: Widget.Box({
+                    homogeneous: true,
+                    className: 'bar-group-center',
+                    children: [Widget.Box({
+                        className: 'bar-group-standalone bar-group-pad',
+                    })]
+                }),
+                overlays: [
+                    Widget.Overlay({
+                        setup: (self) => self.set_overlay_pass_through(self.get_children()[1], true),
+                        child: Widget.Box({
+                            hpack: 'center',
+                            css: `
+                                padding: 0rem ${WORKSPACE_SIDE_PAD}rem;
+                            `,
+                            // homogeneous: true,
+                            children: Array.from({ length: NUM_OF_WORKSPACES }, (_, i) => i + 1).map(i => Widget.Button({
+                                onPrimaryClick: () => Utils.execAsync(['bash', '-c', `hyprctl dispatch workspace ${i} &`]).catch(print),
+                                child: Widget.Label({
+                                    vpack: 'center',
+                                    label: `${i}`,
+                                    className: 'bar-ws txt',
+                                }),
+                            })),
+                            connections: [
+                                [Hyprland, (box) => {
+                                    // console.log('update');
+                                    const kids = box.children;
+                                    kids.forEach((child, i) => {
+                                        child.child.toggleClassName('bar-ws-occupied', false);
+                                        child.child.toggleClassName('bar-ws-occupied-left', false);
+                                        child.child.toggleClassName('bar-ws-occupied-right', false);
+                                        child.child.toggleClassName('bar-ws-occupied-left-right', false);
+                                    });
+                                    const occupied = Array.from({ length: NUM_OF_WORKSPACES }, (_, i) => Hyprland.getWorkspace(i + 1)?.windows > 0);
+                                    for (let i = 0; i < occupied.length; i++) {
+                                        if (!occupied[i]) continue;
+                                        const child = kids[i];
+                                        child.child.toggleClassName(`bar-ws-occupied${!occupied[i - 1] ? '-left' : ''}${!occupied[i + 1] ? '-right' : ''}`, true);
+                                    }
+                                }, 'notify::workspaces'],
+                            ],
+                        }),
+                        overlays: [
+                            activeWorkspaceIndicator,
+                        ]
+                    })
+                ],
+            })
+        ]
+    })
+});
diff --git a/.config/ags/widgets/cheatsheet/keybinds.js b/.config/ags/widgets/cheatsheet/keybinds.js
new file mode 100644
index 000000000..1ad7e05df
--- /dev/null
+++ b/.config/ags/widgets/cheatsheet/keybinds.js
@@ -0,0 +1,60 @@
+import { Widget } from '../../imports.js';
+import { keybindList } from "../../data/keybinds.js";
+
+export const Keybinds = () => Widget.Box({
+    vertical: false,
+    className: "spacing-h-15",
+    homogeneous: true,
+    children: keybindList.map((group, i) => Widget.Box({ // Columns
+        vertical: true,
+        className: "spacing-v-15",
+        children: group.map((category, i) => Widget.Box({ // Categories
+            vertical: true,
+            className: "spacing-v-15",
+            children: [
+                Widget.Box({ // Category header
+                    vertical: false,
+                    className: "spacing-h-10",
+                    children: [
+                        Widget.Label({
+                            xalign: 0,
+                            className: "icon-material txt txt-larger",
+                            label: category.icon,
+                        }),
+                        Widget.Label({
+                            xalign: 0,
+                            className: "cheatsheet-category-title txt",
+                            label: category.name,
+                        }),
+                    ]
+                }),
+                Widget.Box({
+                    vertical: false,
+                    className: "spacing-h-10",
+                    children: [
+                        Widget.Box({ // Keys
+                            vertical: true,
+                            homogeneous: true,
+                            children: category.binds.map((keybinds, i) => Widget.Box({ // Binds
+                                vertical: false,
+                                children: keybinds.keys.map((key, i) => Widget.Label({ // Specific keys
+                                    className: `${key == 'OR' || key == '+' ? 'cheatsheet-key-notkey' : 'cheatsheet-key'} txt-small`,
+                                    label: key,
+                                }))
+                            }))
+                        }),
+                        Widget.Box({ // Actions
+                            vertical: true,
+                            homogeneous: true,
+                            children: category.binds.map((keybinds, i) => Widget.Label({ // Binds
+                                xalign: 0,
+                                label: keybinds.action,
+                                className: "txt chearsheet-action txt-small",
+                            }))
+                        })
+                    ]
+                })
+            ]
+        }))
+    })),
+});
\ No newline at end of file
diff --git a/.config/ags/widgets/cheatsheet/main.js b/.config/ags/widgets/cheatsheet/main.js
new file mode 100644
index 000000000..a6c25b8ec
--- /dev/null
+++ b/.config/ags/widgets/cheatsheet/main.js
@@ -0,0 +1,90 @@
+const { Gdk, Gtk } = imports.gi;
+import { Service, Widget } from '../../imports.js';
+import { Keybinds } from "./keybinds.js";
+import { setupCursorHover } from "../../lib/cursorhover.js";
+
+const cheatsheetHeader = () => Widget.CenterBox({
+    vertical: false,
+    startWidget: Widget.Box({}),
+    centerWidget: Widget.Box({
+        vertical: true,
+        className: "spacing-h-15",
+        children: [
+            Widget.Box({
+                hpack: 'center',
+                className: 'spacing-h-5',
+                children: [
+                    Widget.Label({
+                        hpack: 'center',
+                        css: 'margin-right: 0.682rem;',
+                        className: 'txt-title txt',
+                        label: 'Cheat sheet',
+                    }),
+                    Widget.Label({
+                        vpack: 'center',
+                        className: "cheatsheet-key txt-small",
+                        label: "",
+                    }),
+                    Widget.Label({
+                        vpack: 'center',
+                        className: "cheatsheet-key-notkey txt-small",
+                        label: "+",
+                    }),
+                    Widget.Label({
+                        vpack: 'center',
+                        className: "cheatsheet-key txt-small",
+                        label: "/",
+                    })
+                ]
+            }),
+            Widget.Label({
+                useMarkup: true,
+                selectable: true,
+                justify: Gtk.Justification.CENTER,
+                className: 'txt-small txt',
+                label: 'Sheet data stored in <tt>~/.config/ags/data/keybinds.js</tt>\nChange keybinds in <tt>~/.config/hypr/keybinds.conf</tt>'
+            }),
+        ]
+    }),
+    endWidget: Widget.Button({
+        vpack: 'start',
+        hpack: 'end',
+        className: "cheatsheet-closebtn icon-material txt txt-hugeass",
+        onClicked: () => {
+            App.toggleWindow('cheatsheet');
+        },
+        child: Widget.Label({
+            className: 'icon-material txt txt-hugeass',
+            label: 'close'
+        }),
+        setup: setupCursorHover,
+    }),
+});
+
+const clickOutsideToClose = Widget.EventBox({
+    onPrimaryClick: () => App.closeWindow('cheatsheet'),
+    onSecondaryClick: () => App.closeWindow('cheatsheet'),
+    onMiddleClick: () => App.closeWindow('cheatsheet'),
+});
+
+export default () => Widget.Window({
+    name: 'cheatsheet',
+    exclusivity: 'normal',
+    focusable: true,
+    popup: true,
+    visible: false,
+    child: Widget.Box({
+        vertical: true,
+        children: [
+            clickOutsideToClose,
+            Widget.Box({
+                vertical: true,
+                className: "cheatsheet-bg spacing-v-15",
+                children: [
+                    cheatsheetHeader(),
+                    Keybinds(),
+                ]
+            }),
+        ],
+    })
+});
diff --git a/.config/ags/widgets/desktopbackground/graph.js b/.config/ags/widgets/desktopbackground/graph.js
new file mode 100644
index 000000000..5763472af
--- /dev/null
+++ b/.config/ags/widgets/desktopbackground/graph.js
@@ -0,0 +1,83 @@
+const { Gdk, Gtk } = imports.gi;
+const Lang = imports.lang;
+import { App, Service, Utils, Widget, SCREEN_HEIGHT, SCREEN_WIDTH } from '../../imports.js';
+const { execAsync, exec } = Utils;
+const { Box, Label } = Widget;
+
+const NUM_OF_VERTICES = 30;
+const NUM_OF_EDGES = 29;
+// Vertices
+var vertices = [];
+for (var i = 0; i < NUM_OF_VERTICES; i++) {
+    vertices.push([
+        Math.floor(Math.random() * SCREEN_WIDTH),
+        Math.floor(Math.random() * SCREEN_HEIGHT)
+    ]);
+}
+// Edges
+function generateRandomEdges(numVertices, numEdges) { // TODO: make sure whole graph is connected
+    var edges = new Set();
+    var vertices = [];
+
+    // Generate vertices
+    for (var i = 0; i < numVertices; i++) {
+        vertices.push(i);
+    }
+
+    // Generate random distinct edges
+    while (edges.size < numEdges) {
+        var randomVertex1 = vertices[Math.floor(Math.random() * numVertices)];
+        var randomVertex2 = vertices[Math.floor(Math.random() * numVertices)];
+
+        // Ensure the two vertices are distinct and the edge doesn't already exist
+        if (randomVertex1 !== randomVertex2) {
+            var edge = [randomVertex1, randomVertex2].sort();
+            edges.add(edge.join(','));
+        }
+    }
+
+    return Array.from(edges).map(edge => edge.split(',').map(Number));
+}
+
+var edges = generateRandomEdges(NUM_OF_VERTICES, NUM_OF_EDGES);
+
+export default () => Box({
+    hpack: 'fill',
+    vpack: 'fill',
+    homogeneous: true,
+    children: [
+        Widget.DrawingArea({
+            className: 'bg-graph',
+            setup: (area) => {
+                area.connect('draw', Lang.bind(area, (area, cr) => {
+                    // area.set_size_request(SCREEN_WIDTH, SCREEN_HEIGHT);
+                    // console.log('allocated width/height:', area.get_allocated_width(), '/', area.get_allocated_height())
+                    const styleContext = area.get_style_context();
+                    const color = styleContext.get_property('color', Gtk.StateFlags.NORMAL);
+                    const backgroundColor = styleContext.get_property('background-color', Gtk.StateFlags.NORMAL);
+                    const radius = area.get_style_context().get_property('border-radius', Gtk.StateFlags.NORMAL);
+                    const borderWidth = area.get_style_context().get_border(Gtk.StateFlags.NORMAL).left; // ur going to write border-width: something anyway
+
+                    cr.setSourceRGBA(backgroundColor.red, backgroundColor.green, backgroundColor.blue, backgroundColor.alpha);
+                    cr.rectangle(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT)
+                    cr.fill();
+                    cr.setSourceRGBA(color.red, color.green, color.blue, color.alpha);
+                    // Draw edges
+                    cr.setLineWidth(borderWidth);
+                    console.log("line width:", borderWidth);
+                    for (var i = 0; i < NUM_OF_EDGES; i++) {
+                        console.log(vertices[edges[i][0]][0], vertices[edges[i][0]][1], '->', vertices[edges[i][1]][0], vertices[edges[i][1]][1])
+                        cr.moveTo(vertices[edges[i][0]][0], vertices[edges[i][0]][1]);
+                        cr.lineTo(vertices[edges[i][1]][0], vertices[edges[i][1]][1]);
+                        cr.stroke();
+                    }
+                    // Draw vertices
+                    for (var i = 0; i < NUM_OF_VERTICES; i++) {
+                        cr.arc(vertices[i][0], vertices[i][1], radius, 0, 2 * Math.PI)
+                        cr.fill()
+                    }
+                }))
+            }
+        })
+    ]
+})
diff --git a/.config/ags/widgets/desktopbackground/main.js b/.config/ags/widgets/desktopbackground/main.js
new file mode 100644
index 000000000..c35309def
--- /dev/null
+++ b/.config/ags/widgets/desktopbackground/main.js
@@ -0,0 +1,27 @@
+const { Gdk, Gtk } = imports.gi;
+import { App, Service, Utils, Widget } from '../../imports.js';
+const { execAsync, exec } = Utils;
+
+import TimeAndLaunchesWidget from './timeandlaunches.js'
+import SystemWidget from './system.js'
+import GraphWidget from './graph.js'
+
+export default () => Widget.Window({
+    name: 'desktopbackground',
+    anchor: ['top', 'bottom', 'left', 'right'],
+    layer: 'background',
+    exclusivity: 'normal',
+    visible: true,
+    child: Widget.Overlay({
+        child: Widget.Box({
+            hexpand: true,
+            vexpand: true,
+        }),
+        overlays: [
+            // GraphWidget(),
+            TimeAndLaunchesWidget(),
+            SystemWidget(),
+        ],
+        setup: (self) => self.set_overlay_pass_through(self.get_children()[1], true),
+    }),
+});
\ No newline at end of file
diff --git a/.config/ags/widgets/desktopbackground/system.js b/.config/ags/widgets/desktopbackground/system.js
new file mode 100644
index 000000000..f375c8f24
--- /dev/null
+++ b/.config/ags/widgets/desktopbackground/system.js
@@ -0,0 +1,151 @@
+import { App, Service, Utils, Widget } from '../../imports.js';
+const { execAsync, exec } = Utils;
+const { Box, EventBox, Label, Revealer, Overlay } = Widget;
+import { AnimatedCircProg } from '../../lib/animatedcircularprogress.js'
+import { MaterialIcon } from '../../lib/materialicon.js';
+
+const ResourceValue = (name, icon, interval, valueUpdateCmd, displayFunc, props = {}) => Box({
+    ...props,
+    className: 'bg-system-bg txt',
+    children: [
+        Revealer({
+            transition: 'slide_left',
+            transitionDuration: 200,
+            child: Box({
+                vpack: 'center',
+                vertical: true,
+                className: 'margin-right-15',
+                children: [
+                    Label({
+                        xalign: 1,
+                        className: 'txt-small txt',
+                        label: `${name}`,
+                    }),
+                    Label({
+                        xalign: 1,
+                        className: 'titlefont txt-norm txt-onSecondaryContainer',
+                        connections: [[interval, (label) => displayFunc(label)]]
+                    })
+                ]
+            })
+        }),
+        Overlay({
+            child: AnimatedCircProg({
+                className: 'bg-system-circprog',
+                connections: [[interval, (self) => {
+                    execAsync(['bash', '-c', `${valueUpdateCmd}`]).then((newValue) => {
+                        self.css = `font-size: ${Math.round(newValue)}px;`
+                    }).catch(print);
+                }]]
+            }),
+            overlays: [
+                MaterialIcon(`${icon}`, 'hugeass'),
+            ],
+            setup: self => self.set_overlay_pass_through(self.get_children()[1], true),
+        }),
+    ]
+})
+
+const resources = Box({
+    vpack: 'fill',
+    vertical: true,
+    className: 'spacing-v-15',
+    children: [
+        ResourceValue('Memory', 'memory', 10000, `free | awk '/^Mem/ {printf("%.2f\\n", ($3/$2) * 100)}'`,
+            (label) => {
+                execAsync(['bash', '-c', `free -h | awk '/^Mem/ {print $3 " / " $2}' | sed 's/Gi/Gib/g'`])
+                    .then((output) => {
+                        label.label = `${output}`
+                    }).catch(print);
+            }, { hpack: 'end' }),
+        ResourceValue('Swap', 'swap_horiz', 10000, `free | awk '/^Swap/ {printf("%.2f\\n", ($3/$2) * 100)}'`,
+            (label) => {
+                execAsync(['bash', '-c', `free -h | awk '/^Swap/ {print $3 " / " $2}' | sed 's/Gi/Gib/g'`])
+                    .then((output) => {
+                        label.label = `${output}`
+                    }).catch(print);
+            }, { hpack: 'end' }),
+        ResourceValue('Disk space', 'hard_drive_2', 3600000, `echo $(df --output=pcent / | tr -dc '0-9')`,
+            (label) => {
+                execAsync(['bash', '-c', `df -h --output=avail / | awk 'NR==2{print $1}'`])
+                    .then((output) => {
+                        label.label = `${output} available`
+                    }).catch(print);
+            }, { hpack: 'end' }),
+    ]
+});
+
+const distroAndVersion = Box({
+    vertical: true,
+    children: [
+        Box({
+            hpack: 'end',
+            children: [
+                Label({
+                    className: 'bg-distro-txt',
+                    xalign: 0,
+                    label: 'Hyping on ',
+                }),
+                Label({
+                    className: 'bg-distro-name',
+                    xalign: 0,
+                    label: '<distro>',
+                    setup: (label) => {
+                        execAsync([`grep`, `-oP`, `PRETTY_NAME="\\K[^"]+`, `/etc/os-release`]).then(distro => {
+                            label.label = distro;
+                        }).catch(print);
+                    },
+                }),
+            ]
+        }),
+        Box({
+            hpack: 'end',
+            children: [
+                Label({
+                    className: 'bg-distro-txt',
+                    xalign: 0,
+                    label: 'with ',
+                }),
+                Label({
+                    className: 'bg-distro-name',
+                    xalign: 0,
+                    label: '<version>',
+                    setup: (label) => {
+                        execAsync([`bash`, `-c`, `hyprctl version | grep -oP "Tag: v\\K\\d+\\.\\d+\\.\\d+"`]).then(distro => {
+                            label.label = `Hyprland ${distro}`;
+                        }).catch(print);
+                    },
+                }),
+            ]
+        })
+    ]
+})
+
+export default () => Box({
+    hpack: 'end',
+    vpack: 'end',
+    children: [
+        EventBox({
+            child: Box({
+                hpack: 'end',
+                vpack: 'end',
+                className: 'bg-distro-box spacing-v-20',
+                vertical: true,
+                children: [
+                    resources,
+                    distroAndVersion,
+                ]
+            }),
+            onPrimaryClickRelease: () => {
+                const kids = resources.get_children();
+
+                kids.forEach((child, i) => {
+                    child.get_children()[0].revealChild = !child.get_children()[0].revealChild;
+                });
+            },
+        })
+    ],
+})
+
+
+
diff --git a/.config/ags/widgets/desktopbackground/timeandlaunches.js b/.config/ags/widgets/desktopbackground/timeandlaunches.js
new file mode 100644
index 000000000..ec3fe0b0e
--- /dev/null
+++ b/.config/ags/widgets/desktopbackground/timeandlaunches.js
@@ -0,0 +1,69 @@
+const { GLib, Gio } = imports.gi;
+import { App, Service, Utils, Widget } from '../../imports.js';
+import Variable from 'resource:///com/github/Aylur/ags/variable.js';
+const { execAsync, exec } = Utils;
+const { Box, Label, Button, Revealer, EventBox } = Widget;
+import { setupCursorHover } from '../../lib/cursorhover.js';
+
+import { quickLaunchItems } from '../../data/quicklaunches.js'
+
+const TimeAndDate = () => Box({
+    vertical: true,
+    className: 'spacing-v--5',
+    children: [
+        Label({
+            className: 'bg-time-clock',
+            xalign: 0,
+            connections: [[5000, label => {
+                label.label = GLib.DateTime.new_now_local().format("%H:%M");
+            }]],
+        }),
+        Label({
+            className: 'bg-time-date',
+            xalign: 0,
+            connections: [[5000, label => {
+                label.label = GLib.DateTime.new_now_local().format("%A, %d/%m/%Y");
+            }]],
+        }),
+    ]
+})
+
+const QuickLaunches = () => Box({
+    vertical: true,
+    className: 'spacing-v-10',
+    children: [
+        Label({
+            xalign: 0,
+            className: 'bg-quicklaunch-title',
+            label: 'Quick Launches',
+        }),
+        Box({
+            hpack: 'start',
+            className: 'spacing-h-5',
+            children: quickLaunchItems.map((item, i) => Button({
+                onClicked: () => {
+                    execAsync(['bash', '-c', `${item["command"]}`]).catch(print);
+                },
+                className: 'bg-quicklaunch-btn',
+                child: Label({
+                    label: `${ item["name"]}`,
+                }),
+                setup: (self) => {
+                    setupCursorHover(self);
+                }
+            })),
+        })
+    ]
+})
+
+export default () => Box({
+    hpack: 'start',
+    vpack: 'end',
+    vertical: true,
+    className: 'bg-time-box spacing-v-20',
+    children: [
+        TimeAndDate(),
+        // QuickLaunches(),
+    ],
+})
+
diff --git a/.config/ags/widgets/dock/dock.js b/.config/ags/widgets/dock/dock.js
new file mode 100644
index 000000000..448eadfbb
--- /dev/null
+++ b/.config/ags/widgets/dock/dock.js
@@ -0,0 +1,264 @@
+const { Gdk, Gtk } = imports.gi;
+import { App, Service, Utils, Widget, SCREEN_HEIGHT, SCREEN_WIDTH } from '../../imports.js';
+import Hyprland from 'resource:///com/github/Aylur/ags/service/hyprland.js';
+import Applications from 'resource:///com/github/Aylur/ags/service/applications.js';
+const { execAsync, exec } = Utils;
+const { Box, EventBox, Label, Revealer, Overlay } = Widget;
+import { AnimatedCircProg } from '../../lib/animatedcircularprogress.js'
+import { MaterialIcon } from '../../lib/materialicon.js';
+import { setupCursorHover, setupCursorHoverAim } from "../../lib/cursorhover.js";
+
+const ANIMATION_TIME = 150;
+const pinnedApps = [
+    'firefox',
+    'org.gnome.Nautilus',
+];
+
+function substitute(str) {
+    const subs = [
+        { from: 'code-url-handler', to: 'visual-studio-code' },
+        { from: 'Code', to: 'visual-studio-code' },
+        { from: 'GitHub Desktop', to: 'github-desktop' },
+        { from: 'wpsoffice', to: 'wps-office2019-kprometheus' },
+        { from: 'gnome-tweaks', to: 'org.gnome.tweaks' },
+        { from: 'Minecraft* 1.20.1', to: 'minecraft' },
+        { from: '', to: 'image-missing' },
+    ];
+
+    for (const { from, to } of subs) {
+        if (from === str)
+            return to;
+    }
+
+    return str;
+}
+
+const focus = ({ address }) => Utils.execAsync(`hyprctl dispatch focuswindow address:${address}`);
+
+const DockSeparator = (props = {}) => Box({
+    ...props,
+    className: 'dock-separator',
+})
+
+const AppButton = ({ icon, ...rest }) => Widget.Revealer({
+    properties: [
+        ['workspace', 0],
+    ],
+    revealChild: false,
+    transition: 'slide_right',
+    transitionDuration: ANIMATION_TIME,
+    child: Widget.Button({
+        ...rest,
+        className: 'dock-app-btn',
+        child: Widget.Box({
+            child: Widget.Overlay({
+                child: Widget.Box({
+                    homogeneous: true,
+                    className: 'dock-app-icon',
+                    child: Widget.Icon({
+                        icon: icon,
+                        setup: (self) => Utils.timeout(1, () => {
+                            const styleContext = self.get_parent().get_style_context();
+                            const width = styleContext.get_property('min-width', Gtk.StateFlags.NORMAL);
+                            const height = styleContext.get_property('min-height', Gtk.StateFlags.NORMAL);
+                            self.size = Math.max(width, height, 1);
+                        })
+                    }),
+                }),
+                overlays: [Widget.Box({
+                    class_name: 'indicator',
+                    vpack: 'end',
+                    hpack: 'center',
+                })],
+            }),
+        }),
+        setup: (button) => {
+            setupCursorHover(button);
+        }
+    })
+});
+
+const Taskbar = () => Widget.Box({
+    className: 'dock-apps',
+    properties: [
+        ['map', new Map()],
+        ['clientSortFunc', (a, b) => {
+            return a._workspace > b._workspace;
+        }],
+        ['update', (box) => {
+            Hyprland.clients.forEach(client => {
+                if (client["pid"] == -1) return;
+                const appClass = substitute(client.class);
+                for (const appName of pinnedApps) {
+                    if (appClass.includes(appName.toLowerCase()))
+                        return null;
+                }
+                const newButton = AppButton({
+                    icon: appClass,
+                    tooltipText: `${client.title} (${appClass})`,
+                    onClicked: () => focus(client),
+                });
+                newButton._workspace = client.workspace.id;
+                newButton.revealChild = true;
+                box._map.set(client.address, newButton);
+            })
+            box.children = Array.from(box._map.values());
+        }],
+        ['add', (box, address) => {
+            if (!address) { // Since the first active emit is undefined
+                box._update(box);
+                return;
+            }
+            const newClient = Hyprland.clients.find(client => {
+                return client.address == address;
+            });
+            const appClass = substitute(newClient.class);
+
+            const newButton = AppButton({
+                icon: appClass,
+                tooltipText: `${newClient.title} (${appClass})`,
+                onClicked: () => focus(newClient),
+            })
+            newButton._workspace = newClient.workspace.id;
+            box._map.set(address, newButton);
+            box.children = Array.from(box._map.values());
+            newButton.revealChild = true;
+        }],
+        ['remove', (box, address) => {
+            if (!address) return;
+
+            const removedButton = box._map.get(address);
+            removedButton.revealChild = false;
+
+            Utils.timeout(ANIMATION_TIME, () => {
+                removedButton.destroy();
+                box._map.delete(address);
+                box.children = Array.from(box._map.values());
+            })
+        }],
+    ],
+    connections: [
+        // [Hyprland, (box) => box._update(box)],
+        [Hyprland, (box, address) => box._add(box, address), 'client-added'],
+        [Hyprland, (box, address) => box._remove(box, address), 'client-removed'],
+    ],
+    setup: (self) => {
+        Utils.timeout(100, () => self._update(self));
+    }
+});
+
+const PinnedApps = () => Widget.Box({
+    class_name: 'dock-apps',
+    homogeneous: true,
+    children: pinnedApps
+        .map(term => ({ app: Applications.query(term)?.[0], term }))
+        .filter(({ app }) => app)
+        .map(({ app, term = true }) => {
+            const newButton = AppButton({
+                icon: app.icon_name,
+                onClicked: () => {
+                    for (const client of Hyprland.clients) {
+                        if (client.class.toLowerCase().includes(term))
+                            return focus(client);
+                    }
+
+                    app.launch();
+                },
+                onMiddleClick: () => app.launch(),
+                setup: (self) => {
+                    self.revealChild = true;
+                },
+                tooltipText: app.name,
+                connections: [[Hyprland, button => {
+                    const running = Hyprland.clients
+                        .find(client => client.class.toLowerCase().includes(term)) || false;
+
+                    button.toggleClassName('nonrunning', !running);
+                    button.toggleClassName('focused', Hyprland.active.client.address == running.address);
+                    button.set_tooltip_text(running ? running.title : app.name);
+                }, 'notify::clients']],
+            })
+            newButton.revealChild = true;
+            return newButton;
+        }),
+});
+
+export default () => {
+    const dockContent = Box({
+        className: 'dock-bg spacing-h-5',
+        children: [
+            PinnedApps(),
+            DockSeparator(),
+            Taskbar(),
+        ]
+    })
+    const dockRevealer = Revealer({
+        properties: [
+            ['updateShow', self => { // I only use mouse to resize. I don't care about keyboard resize if that's a thing
+                const dockSize = [
+                    dockContent.get_allocated_width(),
+                    dockContent.get_allocated_height()
+                ]
+                const dockAt = [
+                    SCREEN_WIDTH / 2 - dockSize[0] / 2,
+                    SCREEN_HEIGHT - dockSize[1],
+                ];
+                const dockLeft = dockAt[0];
+                const dockRight = dockAt[0] + dockSize[0];
+                const dockTop = dockAt[1];
+                const dockBottom = dockAt[1] + dockSize[1];
+
+                const currentWorkspace = Hyprland.active.workspace.id;
+                var toReveal = true;
+                const hyprlandClients = JSON.parse(exec('hyprctl clients -j'));
+                for (const index in hyprlandClients) {
+                    const client = hyprlandClients[index];
+                    const clientLeft = client.at[0];
+                    const clientRight = client.at[0] + client.size[0];
+                    const clientTop = client.at[1];
+                    const clientBottom = client.at[1] + client.size[1];
+
+                    if (client.workspace.id == currentWorkspace) {
+                        if (
+                            clientLeft < dockRight &&
+                            clientRight > dockLeft &&
+                            clientTop < dockBottom &&
+                            clientBottom > dockTop
+                        ) {
+                            self.revealChild = false;
+                            return;
+                        }
+                    }
+                }
+                self.revealChild = true;
+            }]
+        ],
+        revealChild: false,
+        transition: 'slide_up',
+        transitionDuration: 200,
+        child: dockContent,
+        connections: [
+            // [Hyprland, (self) => self._updateShow(self)],
+            // [Hyprland.active.workspace, (self) => self._updateShow(self)],
+            // [Hyprland.active.client, (self) => self._updateShow(self)],
+            // [Hyprland, (self) => self._updateShow(self), 'client-added'],
+            // [Hyprland, (self) => self._updateShow(self), 'client-removed'],
+        ],
+    })
+    return EventBox({
+        onHover: () => {
+            dockRevealer.revealChild = true;
+        },
+        onHoverLost: () => {
+            if (Hyprland.active.client._class.length === 0) return;
+            dockRevealer.revealChild = false;
+        },
+        child: Box({
+            homogeneous: true,
+            css: 'min-height: 2px;',
+            children: [
+                dockRevealer,
+            ]
+        }),
+    })
+}
diff --git a/.config/ags/widgets/dock/main.js b/.config/ags/widgets/dock/main.js
new file mode 100644
index 000000000..ad73d6f1c
--- /dev/null
+++ b/.config/ags/widgets/dock/main.js
@@ -0,0 +1,11 @@
+import { App, Widget } from '../../imports.js';
+import Dock from './dock.js';
+
+export default () => Widget.Window({
+    name: 'dock',
+    layer: 'bottom',
+    anchor: ['bottom'],
+    exclusivity: 'normal',
+    visible: true,
+    child: Dock(),
+});
diff --git a/.config/ags/widgets/indicators/colorscheme.js b/.config/ags/widgets/indicators/colorscheme.js
new file mode 100644
index 000000000..18bd51f8c
--- /dev/null
+++ b/.config/ags/widgets/indicators/colorscheme.js
@@ -0,0 +1,58 @@
+const { Gio, GLib, Gtk } = imports.gi;
+import { App, Service, Utils, Widget } from '../../imports.js';
+const { exec, execAsync } = Utils;
+import Mpris from 'resource:///com/github/Aylur/ags/service/mpris.js';
+
+const { Box, EventBox, Icon, Scrollable, Label, Button, Revealer } = Widget;
+import { AnimatedCircProg } from "../../lib/animatedcircularprogress.js";
+import { MaterialIcon } from '../../lib/materialicon.js';
+import { showColorScheme } from '../../variables.js';
+
+const ColorBox = ({
+    name = 'Color',
+    ...rest
+}) => Box({
+    ...rest,
+    homogeneous: true,
+    children: [
+        Label({
+            label: `${name}`,
+        })
+    ]
+})
+
+const colorschemeContent = Box({
+    className: 'osd-colorscheme spacing-v-5',
+    vertical: true,
+    hpack: 'center',
+    children: [
+        Label({
+            xalign: 0,
+            className: 'txt-norm titlefont txt',
+            label: 'Colorscheme',
+        }),
+        Box({
+            className: 'spacing-h-5',
+            children: [
+                ColorBox({ name: 'P', className: 'osd-color osd-color-primary' }),
+                ColorBox({ name: 'P-c', className: 'osd-color osd-color-primaryContainer' }),
+                ColorBox({ name: 'S', className: 'osd-color osd-color-secondary' }),
+                ColorBox({ name: 'S-c', className: 'osd-color osd-color-secondaryContainer' }),
+                ColorBox({ name: 'Sf-v', className: 'osd-color osd-color-surfaceVariant' }),
+                ColorBox({ name: 'Sf', className: 'osd-color osd-color-surface' }),
+                ColorBox({ name: 'Bg', className: 'osd-color osd-color-background' }),
+            ]
+        })
+    ]
+});
+
+export default () => Widget.Revealer({
+    transition: 'slide_down',
+    transitionDuration: 200,
+    child: colorschemeContent,
+    connections: [
+        [showColorScheme, (revealer) => {
+            revealer.revealChild = showColorScheme.value;
+        }],
+    ],
+})
diff --git a/.config/ags/widgets/indicators/indicatorvalues.js b/.config/ags/widgets/indicators/indicatorvalues.js
new file mode 100644
index 000000000..e4d587809
--- /dev/null
+++ b/.config/ags/widgets/indicators/indicatorvalues.js
@@ -0,0 +1,76 @@
+// This file is for brightness/volume indicators
+const { GLib, Gtk } = imports.gi;
+import { App, Service, Utils, Widget } from '../../imports.js';
+import Audio from 'resource:///com/github/Aylur/ags/service/audio.js';
+import Notifications from 'resource:///com/github/Aylur/ags/service/notifications.js';
+const { Box, EventBox, Icon, Scrollable, Label, Button, Revealer } = Widget;
+import Brightness from '../../services/brightness.js';
+import Indicator from '../../services/indicator.js';
+import Notification from '../../lib/notification.js';
+
+const OsdValue = (name, labelConnections, progressConnections, props = {}) => Widget.Box({ // Volume
+    ...props,
+    vertical: true,
+    className: 'osd-bg osd-value',
+    hexpand: true,
+    children: [
+        Widget.Box({
+            vexpand: true,
+            children: [
+                Widget.Label({
+                    xalign: 0, yalign: 0, hexpand: true,
+                    className: 'osd-label',
+                    label: `${name}`,
+                }),
+                Widget.Label({
+                    hexpand: false, className: 'osd-value-txt',
+                    label: '100',
+                    connections: labelConnections,
+                }),
+            ]
+        }),
+        Widget.ProgressBar({
+            className: 'osd-progress',
+            hexpand: true,
+            vertical: false,
+            connections: progressConnections,
+        })
+    ],
+});
+
+const brightnessIndicator = OsdValue('Brightness',
+    [[Brightness, self => {
+        self.label = `${Math.round(Brightness.screen_value * 100)}`;
+    }, 'notify::screen-value']],
+    [[Brightness, (progress) => {
+        const updateValue = Brightness.screen_value;
+        progress.value = updateValue;
+    }, 'notify::screen-value']],
+)
+
+const volumeIndicator = OsdValue('Volume',
+    [[Audio, (label) => {
+        label.label = `${Math.round(Audio.speaker?.volume * 100)}`;
+    }]],
+    [[Audio, (progress) => {
+        const updateValue = Audio.speaker?.volume;
+        if (!isNaN(updateValue)) progress.value = updateValue;
+    }]],
+);
+
+export default () => Widget.Revealer({
+    transition: 'slide_down',
+    connections: [
+        [Indicator, (revealer, value) => {
+            revealer.revealChild = (value > -1);
+        }, 'popup'],
+    ],
+    child: Widget.Box({
+        hpack: 'center',
+        vertical: false,
+        children: [
+            brightnessIndicator,
+            volumeIndicator,
+        ]
+    })
+});
\ No newline at end of file
diff --git a/.config/ags/widgets/indicators/main.js b/.config/ags/widgets/indicators/main.js
new file mode 100644
index 000000000..ee74f8a56
--- /dev/null
+++ b/.config/ags/widgets/indicators/main.js
@@ -0,0 +1,30 @@
+import { Widget } from '../../imports.js';
+import Indicator from '../../services/indicator.js';
+import IndicatorValues from './indicatorvalues.js';
+import MusicControls from './musiccontrols.js';
+import ColorScheme from './colorscheme.js';
+import NotificationPopups from './notificationpopups.js';
+
+export default (monitor) => Widget.Window({
+    name: `indicator${monitor}`,
+    monitor,
+    className: 'indicator',
+    layer: 'overlay',
+    visible: true,
+    anchor: ['top'],
+    child: Widget.EventBox({
+        onHover: () => { //make the widget hide when hovering
+            Indicator.popup(-1);
+        },
+        child: Widget.Box({
+            vertical: true,
+            css: 'min-height: 2px;',
+            children: [
+                IndicatorValues(),
+                MusicControls(),
+                NotificationPopups(),
+                ColorScheme(),
+            ]
+        })
+    }),
+});
diff --git a/.config/ags/widgets/indicators/musiccontrols.js b/.config/ags/widgets/indicators/musiccontrols.js
new file mode 100644
index 000000000..3262f4222
--- /dev/null
+++ b/.config/ags/widgets/indicators/musiccontrols.js
@@ -0,0 +1,373 @@
+const { Gio, GLib, Gtk } = imports.gi;
+import { App, Service, Utils, Widget } from '../../imports.js';
+const { exec, execAsync } = Utils;
+import Mpris from 'resource:///com/github/Aylur/ags/service/mpris.js';
+
+const { Box, EventBox, Icon, Scrollable, Label, Button, Revealer } = Widget;
+import { AnimatedCircProg } from "../../lib/animatedcircularprogress.js";
+import { MaterialIcon } from '../../lib/materialicon.js';
+import { showMusicControls } from '../../variables.js';
+
+function expandTilde(path) {
+    if (path.startsWith('~')) {
+        return GLib.get_home_dir() + path.slice(1);
+    } else {
+        return path;
+    }
+}
+
+const LIGHTDARK_FILE_LOCATION = '~/.cache/ags/user/colormode.txt'
+const lightDark = Utils.readFile(expandTilde(LIGHTDARK_FILE_LOCATION)).trim();
+const COVER_COLORSCHEME_SUFFIX = '_colorscheme.css';
+const PREFERRED_PLAYER = 'plasma-browser-integration';
+var lastCoverPath = '';
+
+function isRealPlayer(player) {
+    return (
+        !player.busName.startsWith('org.mpris.MediaPlayer2.firefox') &&
+        !player.busName.startsWith('org.mpris.MediaPlayer2.playerctld')
+    );
+}
+
+export const getPlayer = (name = PREFERRED_PLAYER) => {
+    return Mpris.getPlayer(name) || Mpris.players[0] || null;
+}
+
+function lengthStr(length) {
+    const min = Math.floor(length / 60);
+    const sec = Math.floor(length % 60);
+    const sec0 = sec < 10 ? '0' : '';
+    return `${min}:${sec0}${sec}`;
+}
+
+function fileExists(filePath) {
+    let file = Gio.File.new_for_path(filePath);
+    return file.query_exists(null);
+}
+
+function detectMediaSource(link) {
+    if (link.startsWith("file://")) {
+        if (link.includes('firefox-mpris'))
+            return '󰈹 Firefox'
+        return "󰈣 File";
+    }
+    // Remove protocol if present
+    let url = link.replace(/(^\w+:|^)\/\//, '');
+    // Extract the domain name
+    let domain = url.match(/(?:[a-z]+\.)?([a-z]+\.[a-z]+)/i)[1];
+
+    if (domain == 'ytimg.com')
+        return '󰗃 Youtube';
+    if (domain == 'discordapp.net')
+        return '󰙯 Discord';
+    if (domain == 'sndcdn.com')
+        return '󰓀 SoundCloud';
+    return domain;
+}
+
+const DEFAULT_MUSIC_FONT = 'Gabarito, sans-serif';
+function getTrackfont(player) {
+    const title = player.trackTitle;
+    const artists = player.trackArtists.join(' ');
+    if (artists.includes('TANO*C') || artists.includes('USAO') || artists.includes('Kobaryo')) return 'Chakra Petch'; // Rigid square replacement
+    if (title.includes('東方')) return 'Crimson Text, serif'; // Serif for Touhou stuff
+    return DEFAULT_MUSIC_FONT;
+}
+
+const TrackProgress = ({ player, ...rest }) => {
+    const _updateProgress = (circprog) => {
+        const player = Mpris.getPlayer();
+        if (!player) return;
+        // Set circular progress (see definition of AnimatedCircProg for explanation)
+        circprog.css = `font-size: ${Math.max(player.position / player.length * 100, 0)}px;`
+    }
+    return AnimatedCircProg({
+        ...rest,
+        className: 'osd-music-circprog',
+        vpack: 'center',
+        connections: [ // Update on change/once every 3 seconds
+            [Mpris, _updateProgress],
+            [3000, _updateProgress]
+        ],
+    })
+}
+
+const TrackTitle = ({ player, ...rest }) => Label({
+    ...rest,
+    label: 'No music playing',
+    xalign: 0,
+    truncate: 'end',
+    // wrap: true,
+    className: 'osd-music-title',
+    connections: [[player, (self) => {
+        // Player name
+        self.label = player.trackTitle.length > 0 ? player.trackTitle : 'No media';
+        // Font based on track/artist
+        const fontForThisTrack = getTrackfont(player);
+        self.css = `font-family: ${fontForThisTrack}, ${DEFAULT_MUSIC_FONT};`;
+    }, 'notify::track-title']]
+});
+
+const TrackArtists = ({ player, ...rest }) => Label({
+    ...rest,
+    xalign: 0,
+    className: 'osd-music-artists',
+    truncate: 'end',
+    connections: [[player, (self) => {
+        self.label = player.trackArtists.length > 0 ? player.trackArtists.join(', ') : '';
+    }, 'notify::track-artists']]
+})
+
+const CoverArt = ({ player, ...rest }) => Box({
+    ...rest,
+    className: 'osd-music-cover',
+    children: [
+        Widget.Overlay({
+            child: Box({ // Fallback
+                className: 'osd-music-cover-fallback',
+                homogeneous: true,
+                children: [Label({
+                    className: 'icon-material txt-hugeass',
+                    label: 'music_note',
+                })]
+            }),
+            overlays: [ // Real
+                Box({
+                    properties: [
+                        ['updateCover', (self) => {
+                            const player = Mpris.getPlayer();
+
+                            // Player closed
+                            // Note that cover path still remains, so we're checking title
+                            if (!player || player.trackTitle == "") {
+                                self.css = `background-image: none;`;
+                                App.applyCss(`${App.configDir}/style.css`);
+                                return;
+                            }
+
+                            const coverPath = player.coverPath;
+                            const stylePath = `${player.coverPath}${lightDark}${COVER_COLORSCHEME_SUFFIX}`;
+                            if (player.coverPath == lastCoverPath) { // Since 'notify::cover-path' emits on cover download complete
+                                self.css = `background-image: url('${coverPath}');`;
+                            }
+                            lastCoverPath = player.coverPath;
+
+                            // If a colorscheme has already been generated, skip generation
+                            if (fileExists(stylePath)) {
+                                self.css = `background-image: url('${coverPath}');`;
+                                App.applyCss(stylePath);
+                                return;
+                            }
+
+                            // Generate colors
+                            execAsync(['bash', '-c',
+                                `${App.configDir}/scripts/color_generation/generate_colors_material.py --path '${coverPath}' > ${App.configDir}/scss/_musicmaterial.scss ${lightDark}`])
+                                .then(() => {
+                                    exec(`wal -i "${player.coverPath}" -n -t -s -e -q ${lightDark}`)
+                                    exec(`bash -c "cp ~/.cache/wal/colors.scss ${App.configDir}/scss/_musicwal.scss"`)
+                                    exec(`sassc ${App.configDir}/scss/_music.scss ${stylePath}`);
+                                    self.css = `background-image: url('${coverPath}');`;
+                                    App.applyCss(`${stylePath}`);
+                                })
+                                .catch(print);
+                        }],
+                    ],
+                    className: 'osd-music-cover-art',
+                    connections: [
+                        [player, (self) => self._updateCover(self), 'notify::cover-path']
+                    ],
+                })
+            ]
+        })
+    ],
+})
+
+const TrackControls = ({ player, ...rest }) => Widget.Revealer({
+    revealChild: false,
+    transition: 'slide_right',
+    transitionDuration: 200,
+    child: Widget.Box({
+        ...rest,
+        vpack: 'center',
+        className: 'osd-music-controls spacing-h-3',
+        children: [
+            Button({
+                className: 'osd-music-controlbtn',
+                child: Label({
+                    className: 'icon-material osd-music-controlbtn-txt',
+                    label: 'skip_previous',
+                })
+            }),
+            Button({
+                className: 'osd-music-controlbtn',
+                child: Label({
+                    className: 'icon-material osd-music-controlbtn-txt',
+                    label: 'skip_next',
+                })
+            }),
+        ],
+    }),
+    connections: [[Mpris, (self) => {
+        const player = Mpris.getPlayer();
+        if (!player)
+            self.revealChild = false;
+        else
+            self.revealChild = true;
+    }, 'notify::play-back-status']]
+});
+
+const TrackSource = ({ player, ...rest }) => Widget.Revealer({
+    revealChild: false,
+    transition: 'slide_left',
+    transitionDuration: 200,
+    child: Widget.Box({
+        ...rest,
+        className: 'osd-music-pill spacing-h-5',
+        homogeneous: true,
+        children: [
+            Label({
+                hpack: 'fill',
+                justification: 'center',
+                className: 'icon-nerd',
+                connections: [[player, (self) => {
+                    self.label = detectMediaSource(player.trackCoverUrl);
+                }, 'notify::cover-path']]
+            }),
+        ],
+    }),
+    connections: [[Mpris, (self) => {
+        const mpris = Mpris.getPlayer('');
+        if (!mpris)
+            self.revealChild = false;
+        else
+            self.revealChild = true;
+    }]]
+});
+
+const TrackTime = ({ player, ...rest }) => {
+    return Widget.Revealer({
+        revealChild: false,
+        transition: 'slide_left',
+        transitionDuration: 200,
+        child: Widget.Box({
+            ...rest,
+            vpack: 'center',
+            className: 'osd-music-pill spacing-h-5',
+            children: [
+                Label({
+                    connections: [[1000, (self) => {
+                        const player = Mpris.getPlayer();
+                        if (!player) return;
+                        self.label = lengthStr(player.position);
+                    }]]
+                }),
+                Label({ label: '/' }),
+                Label({
+                    connections: [[Mpris, (self) => {
+                        const player = Mpris.getPlayer();
+                        if (!player) return;
+                        self.label = lengthStr(player.length);
+                    }]]
+                }),
+            ],
+        }),
+        connections: [[Mpris, (self) => {
+            if (!player)
+                self.revealChild = false;
+            else
+                self.revealChild = true;
+        }]]
+    })
+}
+
+const PlayState = ({ player }) => {
+    var position = 0;
+    const trackCircProg = TrackProgress({ player: player });
+    return Widget.Button({
+        className: 'osd-music-playstate',
+        child: Widget.Overlay({
+            child: trackCircProg,
+            overlays: [
+                Widget.Button({
+                    className: 'osd-music-playstate-btn',
+                    onClicked: () => {
+                        Mpris.getPlayer().playPause()
+                    },
+                    child: Widget.Label({
+                        justification: 'center',
+                        hpack: 'fill',
+                        vpack: 'center',
+                        connections: [[player, (label) => {
+                            label.label = `${player.playBackStatus == 'Playing' ? 'pause' : 'play_arrow'}`;
+                        }, 'notify::play-back-status']],
+                    }),
+                }),
+            ],
+            // setup: self => Utils.timeout(1, () => {
+            //     self.set_overlay_pass_through(self.get_children()[1], true);
+            // }),
+            passThrough: true,
+        })
+    });
+}
+
+const MusicControlsWidget = (player) => Box({
+    className: 'osd-music spacing-h-20',
+    children: [
+        CoverArt({ player: player, vpack: 'center' }),
+        Box({
+            vertical: true,
+            className: 'spacing-v-5 osd-music-info',
+            children: [
+                Box({
+                    vertical: true,
+                    vpack: 'center',
+                    hexpand: true,
+                    children: [
+                        TrackTitle({ player: player }),
+                        TrackArtists({ player: player }),
+                    ]
+                }),
+                Box({ vexpand: true }),
+                Box({
+                    className: 'spacing-h-10',
+                    setup: (box) => {
+                        box.pack_start(TrackControls({ player: player }), false, false, 0);
+                        box.pack_end(PlayState({ player: player }), false, false, 0);
+                        box.pack_end(TrackTime({ player: player }), false, false, 0)
+                        // box.pack_end(TrackSource({ vpack: 'center', player: player }), false, false, 0);
+                    }
+                })
+            ]
+        })
+    ]
+})
+
+export default () => Widget.Revealer({
+    transition: 'slide_down',
+    transitionDuration: 170,
+    child: Box({
+        connections: [[Mpris, box => {
+            let foundPlayer = false;
+
+            Mpris.players.forEach((player, i) => {
+                if (isRealPlayer(player)) {
+                    foundPlayer = true;
+                    box._player = player;
+                    box.children = [MusicControlsWidget(player)];
+                }
+            });
+
+            if (!foundPlayer) {
+                box._player = null;
+                box.get_children().forEach(ch => ch.destroy());
+                return;
+            }
+        }, 'notify::players']],
+    }),
+    connections: [
+        [showMusicControls, (revealer) => {
+            revealer.revealChild = showMusicControls.value;
+        }],
+    ],
+})
diff --git a/.config/ags/widgets/indicators/notificationpopups.js b/.config/ags/widgets/indicators/notificationpopups.js
new file mode 100644
index 000000000..fea31bafd
--- /dev/null
+++ b/.config/ags/widgets/indicators/notificationpopups.js
@@ -0,0 +1,82 @@
+// This file is for popup notifications
+const { GLib, Gtk } = imports.gi;
+import { App, Service, Utils, Widget } from '../../imports.js';
+import Audio from 'resource:///com/github/Aylur/ags/service/audio.js';
+import Notifications from 'resource:///com/github/Aylur/ags/service/notifications.js';
+const { Box, EventBox, Icon, Scrollable, Label, Button, Revealer } = Widget;
+import Notification from '../../lib/notification.js';
+
+const PopupNotification = (notifObject) => Widget.Box({
+    homogeneous: true,
+    children: [
+        Widget.EventBox({
+            onHoverLost: () => {
+                notifObject.dismiss();
+            },
+            child: Widget.Revealer({
+                revealChild: true,
+                child: Widget.Box({
+                    children: [Notification({
+                        notifObject: notifObject,
+                        isPopup: true,
+                        props: { hpack: 'fill' },
+                    })],
+                }),
+            })
+        })
+    ]
+})
+
+const naiveNotifPopupList = Widget.Box({
+    vertical: true,
+    className: 'spacing-v-5',
+    connections: [
+        [Notifications, (box) => {
+            box.children = Notifications.popups.reverse()
+                .map(notifItem => PopupNotification(notifItem));
+        }],
+    ],
+})
+
+const notifPopupList = Box({
+    vertical: true,
+    className: 'osd-notifs spacing-v-5-revealer',
+    properties: [
+        ['map', new Map()],
+
+        ['dismiss', (box, id, force = false) => {
+            if (!id || !box._map.has(id) || box._map.get(id)._hovered && !force)
+                return;
+
+            const notif = box._map.get(id);
+            notif.revealChild = false;
+            notif._destroyWithAnims();
+        }],
+
+        ['notify', (box, id) => {
+            // console.log('new notiffy', id, Notifications.getNotification(id))
+            if (!id || Notifications.dnd) return;
+            if (!Notifications.getNotification(id)) return;
+
+            box._map.delete(id);
+
+            const notif = Notifications.getNotification(id);
+            const newNotif = Notification({
+                notifObject: notif,
+                isPopup: true,
+            });
+            box._map.set(id, newNotif);
+            box.pack_end(box._map.get(id), false, false, 0);
+            box.show_all();
+
+            // box.children = Array.from(box._map.values()).reverse();
+        }],
+    ],
+    connections: [
+        [Notifications, (box, id) => box._notify(box, id), 'notified'],
+        [Notifications, (box, id) => box._dismiss(box, id), 'dismissed'],
+        [Notifications, (box, id) => box._dismiss(box, id, true), 'closed'],
+    ],
+});
+
+export default () => notifPopupList;
\ No newline at end of file
diff --git a/.config/ags/widgets/onscreenkeyboard/main.js b/.config/ags/widgets/onscreenkeyboard/main.js
new file mode 100644
index 000000000..18554c43c
--- /dev/null
+++ b/.config/ags/widgets/onscreenkeyboard/main.js
@@ -0,0 +1,10 @@
+import PopupWindow from '../../lib/popupwindow.js';
+import OnScreenKeyboard from "./onscreenkeyboard.js";
+
+export default () => PopupWindow({
+    anchor: ['bottom'],
+    name: 'osk',
+    showClassName: 'osk-show',
+    hideClassName: 'osk-hide',
+    child: OnScreenKeyboard(),
+});
diff --git a/.config/ags/widgets/onscreenkeyboard/onscreenkeyboard.js b/.config/ags/widgets/onscreenkeyboard/onscreenkeyboard.js
new file mode 100644
index 000000000..db793eb10
--- /dev/null
+++ b/.config/ags/widgets/onscreenkeyboard/onscreenkeyboard.js
@@ -0,0 +1,175 @@
+const { GLib, Gdk, Gtk } = imports.gi;
+import { App, Service, Utils, Widget } from '../../imports.js';
+import Hyprland from 'resource:///com/github/Aylur/ags/service/hyprland.js';
+const { Box, EventBox, Button, Revealer } = Widget;
+const { execAsync, exec } = Utils;
+import { MaterialIcon } from '../../lib/materialicon.js';
+import { separatorLine } from '../../lib/separator.js';
+import { defaultOskLayout, oskLayouts } from '../../data/keyboardlayouts.js';
+import { setupCursorHoverGrab } from '../../lib/cursorhover.js';
+
+const keyboardLayout = defaultOskLayout;
+const keyboardJson = oskLayouts[keyboardLayout];
+execAsync(`ydotoold`).catch(print); // Start ydotool daemon
+
+function releaseAllKeys() {
+    const keycodes = Array.from(Array(249).keys());
+    execAsync([`ydotool`, `key`, ...keycodes.map(keycode => `${keycode}:0`)])
+        .then(console.log('Released all keys'))
+        .catch(print);
+}
+var modsPressed = false;
+
+const topDecor = Box({
+    vertical: true,
+    children: [
+        Box({
+            hpack: 'center',
+            className: 'osk-dragline',
+            homogeneous: true,
+            children: [EventBox({
+                setup: setupCursorHoverGrab,
+            })]
+        })
+    ]
+});
+
+const keyboardControlButton = (icon, text, runFunction) => Button({
+    className: 'osk-control-button spacing-h-10',
+    onClicked: () => runFunction(),
+    child: Widget.Box({
+        children: [
+            MaterialIcon(icon, 'norm'),
+            Widget.Label({
+                label: `${text}`,
+            }),
+        ]
+    })
+})
+
+const keyboardControls = Box({
+    vertical: true,
+    className: 'spacing-v-5',
+    children: [
+        Button({
+            className: 'osk-control-button txt-norm icon-material',
+            onClicked: () => {
+                releaseAllKeys();
+                App.toggleWindow('osk');
+            },
+            label: 'keyboard_hide',
+        }),
+        Button({
+            className: 'osk-control-button txt-norm',
+            label: `${keyboardJson['name_short']}`,
+        }),
+        Button({
+            className: 'osk-control-button txt-norm icon-material',
+            onClicked: () => { // TODO: Proper clipboard widget, since fuzzel doesn't receive mouse inputs
+                execAsync([`bash`, `-c`, "pkill fuzzel || cliphist list | fuzzel --no-fuzzy --dmenu | cliphist decode | wl-copy"]).catch(print);
+            },
+            label: 'assignment',
+        }),
+    ]
+})
+
+const keyboardItself = (kbJson) => {
+    return Box({
+        vertical: true,
+        className: 'spacing-v-5',
+        children: kbJson.keys.map(row => Box({
+            vertical: false,
+            className: 'spacing-h-5',
+            children: row.map(key => {
+                return Button({
+                    className: `osk-key osk-key-${key.shape}`,
+                    hexpand: (key.shape == "space" || key.shape == "expand"),
+                    label: key.label,
+                    setup: (button) => {
+                        let pressed = false;
+                        if (key.keytype == "normal") {
+                            button.connect('pressed', () => { // mouse down
+                                execAsync(`ydotool key ${key.keycode}:1`);
+                            });
+                            button.connect('clicked', () => { // release
+                                execAsync(`ydotool key ${key.keycode}:0`);
+                            });
+                        }
+                        else if (key.keytype == "modkey") {
+                            button.connect('pressed', () => { // release
+                                if (pressed) {
+                                    execAsync(`ydotool key ${key.keycode}:0`);
+                                    button.toggleClassName('osk-key-active', false);
+                                    pressed = false;
+                                }
+                                else {
+                                    execAsync(`ydotool key ${key.keycode}:1`);
+                                    button.toggleClassName('osk-key-active', true);
+                                    pressed = true;
+                                    modsPressed = true;
+                                }
+                            });
+                        }
+                    }
+                })
+            })
+        }))
+    })
+}
+
+const keyboardWindow = Box({
+    vexpand: true,
+    hexpand: true,
+    vertical: true,
+    className: 'osk-window spacing-v-5',
+    children: [
+        topDecor,
+        Box({
+            className: 'osk-body spacing-h-10',
+            children: [
+                keyboardControls,
+                separatorLine,
+                keyboardItself(keyboardJson),
+            ],
+        })
+    ],
+    connections: [[App, (box, name, visible) => { // Update on open
+        if (name == 'osk' && visible) {
+            keyboardWindow.setCss(`margin-bottom: -0px;`);
+        }
+    }],],
+});
+
+const gestureEvBox = EventBox({ child: keyboardWindow })
+const gesture = Gtk.GestureDrag.new(gestureEvBox);
+gesture.connect('drag-begin', () => {
+    Hyprland.sendMessage('j/cursorpos').then((out) => {
+        gesture.startY = JSON.parse(out).y;
+    }).catch(print);
+});
+gesture.connect('drag-update', () => {
+    Hyprland.sendMessage('j/cursorpos').then((out) => {
+        const currentY = JSON.parse(out).y;
+        const offset = gesture.startY - currentY;
+
+        if (offset > 0) return;
+
+        keyboardWindow.setCss(`
+            margin-bottom: ${offset}px;
+        `);
+    }).catch(print);
+});
+gesture.connect('drag-end', () => {
+    var offset = gesture.get_offset()[2];
+    if (offset > 50) {
+        App.closeWindow('osk');
+    }
+    else {
+        keyboardWindow.setCss(`
+            transition: margin-bottom 170ms cubic-bezier(0.05, 0.7, 0.1, 1);
+            margin-bottom: 0px;
+        `);
+    }
+})
+
+export default () => gestureEvBox;
diff --git a/.config/ags/widgets/overview/actions.js b/.config/ags/widgets/overview/actions.js
new file mode 100644
index 000000000..3229220c2
--- /dev/null
+++ b/.config/ags/widgets/overview/actions.js
@@ -0,0 +1,31 @@
+const { Gio, GLib } = imports.gi;
+import { App, Service, Utils, Widget } from '../../imports.js';
+const { execAsync, exec } = Utils;
+import Hyprland from 'resource:///com/github/Aylur/ags/service/hyprland.js';
+
+function moveClientToWorkspace(address, workspace) {
+    Utils.execAsync(['bash', '-c', `hyprctl dispatch movetoworkspacesilent ${workspace},address:${address} &`]);
+}
+
+export function dumpToWorkspace(from, to) {
+    console.log('dump', from, to);
+    if (from == to) return;
+    Hyprland.clients.forEach(client => {
+        if (client.workspace.id == from) {
+            moveClientToWorkspace(client.address, to);
+        }
+    });
+}
+
+export function swapWorkspace(workspaceA, workspaceB) {
+    if (workspaceA == workspaceB) return;
+    const clientsA = [];
+    const clientsB = [];
+    Hyprland.clients.forEach(client => {
+        if (client.workspace.id == workspaceA) clientsA.push(client.address);
+        if (client.workspace.id == workspaceB) clientsB.push(client.address);
+    });
+
+    clientsA.forEach((address) => moveClientToWorkspace(address, workspaceB));
+    clientsB.forEach((address) => moveClientToWorkspace(address, workspaceA));
+}
\ No newline at end of file
diff --git a/.config/ags/widgets/overview/main.js b/.config/ags/widgets/overview/main.js
new file mode 100644
index 000000000..36e44719a
--- /dev/null
+++ b/.config/ags/widgets/overview/main.js
@@ -0,0 +1,18 @@
+import { Widget } from '../../imports.js';
+import { SearchAndWindows } from "./overview.js";
+
+export default () => Widget.Window({
+    name: 'overview',
+    exclusivity: 'normal',
+    focusable: true,
+    popup: true,
+    visible: false,
+    anchor: ['top'],
+    layer: 'overlay',
+    child: Widget.Box({
+        vertical: true,
+        children: [
+            SearchAndWindows(),
+        ]
+    }),
+})
diff --git a/.config/ags/widgets/overview/miscfunctions.js b/.config/ags/widgets/overview/miscfunctions.js
new file mode 100644
index 000000000..8cc5d4b87
--- /dev/null
+++ b/.config/ags/widgets/overview/miscfunctions.js
@@ -0,0 +1,136 @@
+const { Gio, GLib } = imports.gi;
+import { App, Service, Utils, Widget } from '../../imports.js';
+const { execAsync, exec } = Utils;
+import Todo from "../../services/todo.js";
+
+export function hasUnterminatedBackslash(inputString) {
+    // Use a regular expression to match a trailing odd number of backslashes
+    const regex = /\\+$/;
+    return regex.test(inputString);
+}
+
+export function launchCustomCommand(command) {
+    const args = command.split(' ');
+    if (args[0] == '>raw') { // Mouse raw input
+        execAsync([`bash`, `-c`, `hyprctl keyword input:force_no_accel $(( 1 - $(hyprctl getoption input:force_no_accel -j | gojq ".int") ))`, `&`]).catch(print);
+    }
+    else if (args[0] == '>img') { // Change wallpaper
+        execAsync([`bash`, `-c`, `${App.configDir}/scripts/color_generation/switchwall.sh`, `&`]).catch(print);
+    }
+    else if (args[0] == '>color') { // Generate colorscheme from color picker
+        execAsync([`bash`, `-c`, `${App.configDir}/scripts/color_generation/switchcolor.sh`, `&`]).catch(print);
+    }
+    else if (args[0] == '>light') { // Light mode
+        execAsync([`bash`, `-c`, `mkdir -p ~/.cache/ags/user && echo "-l" > ~/.cache/ags/user/colormode.txt`])
+            .then(execAsync(['bash', '-c', `${App.configDir}/scripts/color_generation/switchwall.sh --noswitch`]).catch(print))
+            .catch(print);
+    }
+    else if (args[0] == '>dark') { // Dark mode
+        execAsync([`bash`, `-c`, `mkdir -p ~/.cache/ags/user && echo "" > ~/.cache/ags/user/colormode.txt`])
+            .then(execAsync(['bash', '-c', `${App.configDir}/scripts/color_generation/switchwall.sh --noswitch`]).catch(print))
+            .catch(print);
+    }
+    else if (args[0] == '>badapple') { // Light mode
+        execAsync([`bash`, `-c`, `${App.configDir}/scripts/color_generation/applycolor.sh --bad-apple`]).catch(print);
+    }
+    else if (args[0] == '>material') { // Light mode
+        execAsync([`bash`, `-c`, `mkdir -p ~/.cache/ags/user && echo "material" > ~/.cache/ags/user/colorbackend.txt`]).catch(print);
+    }
+    else if (args[0] == '>pywal') { // Dark mode
+        execAsync([`bash`, `-c`, `mkdir -p ~/.cache/ags/user && echo "pywal" > ~/.cache/ags/user/colorbackend.txt`]).catch(print);
+    }
+    else if (args[0] == '>todo') { // Todo
+        Todo.add(args.slice(1).join(' '));
+    }
+    else if (args[0] == '>shutdown') { // Shut down
+        execAsync([`bash`, `-c`, `systemctl poweroff`]).catch(print);
+    }
+    else if (args[0] == '>reboot') { // Reboot
+        execAsync([`bash`, `-c`, `systemctl reboot`]).catch(print);
+    }
+    else if (args[0] == '>sleep') { // Sleep
+        execAsync([`bash`, `-c`, `systemctl suspend`]).catch(print);
+    }
+    else if (args[0] == '>logout') { // Log out
+        execAsync([`bash`, `-c`, `loginctl terminate-user $USER`]).catch(print);
+    }
+}
+
+export function execAndClose(command, terminal) {
+    App.closeWindow('overview');
+    if (terminal) {
+        execAsync([`bash`, `-c`, `foot fish -C "${command}"`, `&`]).catch(print);
+    }
+    else
+        execAsync(command).catch(print);
+}
+
+export function startsWithNumber(str) {
+    var pattern = /^\d/;
+    return pattern.test(str);
+}
+
+export function expandTilde(path) {
+    if (path.startsWith('~')) {
+        return GLib.get_home_dir() + path.slice(1);
+    } else {
+        return path;
+    }
+}
+
+function getFileIcon(fileInfo) {
+    let icon = fileInfo.get_icon();
+    if (icon) {
+        // Get the icon's name
+        return icon.get_names()[0];
+    } else {
+        // Default icon for files
+        return 'text-x-generic';
+    }
+}
+
+export function ls({ path = '~', silent = false }) {
+    let contents = [];
+    try {
+        let expandedPath = expandTilde(path);
+        if (expandedPath.endsWith('/'))
+            expandedPath = expandedPath.slice(0, -1);
+        let folder = Gio.File.new_for_path(expandedPath);
+
+        let enumerator = folder.enumerate_children('standard::*', Gio.FileQueryInfoFlags.NONE, null);
+        let fileInfo;
+        while ((fileInfo = enumerator.next_file(null)) !== null) {
+            let fileName = fileInfo.get_display_name();
+            let fileType = fileInfo.get_file_type();
+
+            let item = {
+                parentPath: expandedPath,
+                name: fileName,
+                type: fileType === Gio.FileType.DIRECTORY ? 'folder' : 'file',
+                icon: getFileIcon(fileInfo),
+            };
+
+            // Add file extension for files
+            if (fileType === Gio.FileType.REGULAR) {
+                let fileExtension = fileName.split('.').pop();
+                item.type = `${fileExtension}`;
+            }
+
+            contents.push(item);
+            contents.sort((a, b) => {
+                const aIsFolder = a.type.startsWith('folder');
+                const bIsFolder = b.type.startsWith('folder');
+                if (aIsFolder && !bIsFolder) {
+                    return -1;
+                } else if (!aIsFolder && bIsFolder) {
+                    return 1;
+                } else {
+                    return a.name.localeCompare(b.name); // Sort alphabetically within folders and files
+                }
+            });
+        }
+    } catch (e) {
+        if (!silent) console.log(e);
+    }
+    return contents;
+}
\ No newline at end of file
diff --git a/.config/ags/widgets/overview/overview.js b/.config/ags/widgets/overview/overview.js
new file mode 100644
index 000000000..54262a10c
--- /dev/null
+++ b/.config/ags/widgets/overview/overview.js
@@ -0,0 +1,520 @@
+const { Gdk, Gio, Gtk } = imports.gi;
+import { App, Service, Utils, Variable, Widget, SCREEN_HEIGHT, SCREEN_WIDTH } from '../../imports.js';
+import Applications from 'resource:///com/github/Aylur/ags/service/applications.js';
+import Hyprland from 'resource:///com/github/Aylur/ags/service/hyprland.js';
+const { execAsync, exec } = Utils;
+import { setupCursorHover, setupCursorHoverGrab } from "../../lib/cursorhover.js";
+import { DoubleRevealer } from "../../lib/doublerevealer.js";
+import { execAndClose, expandTilde, hasUnterminatedBackslash, startsWithNumber, launchCustomCommand, ls } from './miscfunctions.js';
+import {
+    CalculationResultButton, CustomCommandButton, DirectoryButton,
+    DesktopEntryButton, ExecuteCommandButton, SearchButton
+} from './searchbuttons.js';
+import { dumpToWorkspace, swapWorkspace } from "./actions.js";
+
+// Add math funcs
+const { abs, sin, cos, tan, cot, asin, acos, atan, acot } = Math;
+const pi = Math.PI;
+// trigonometric funcs for deg
+const sind = x => sin(x * pi / 180);
+const cosd = x => cos(x * pi / 180);
+const tand = x => tan(x * pi / 180);
+const cotd = x => cot(x * pi / 180);
+const asind = x => asin(x) * 180 / pi;
+const acosd = x => acos(x) * 180 / pi;
+const atand = x => atan(x) * 180 / pi;
+const acotd = x => acot(x) * 180 / pi;
+
+const MAX_RESULTS = 10;
+const OVERVIEW_SCALE = 0.18; // = overview workspace box / screen size
+const OVERVIEW_WS_NUM_SCALE = 0.09;
+const OVERVIEW_WS_NUM_MARGIN_SCALE = 0.07;
+const TARGET = [Gtk.TargetEntry.new('text/plain', Gtk.TargetFlags.SAME_APP, 0)];
+const searchPromptTexts = [
+    'Try "~/.config"',
+    'Try "Files"',
+    'Try "6*cos(pi)"',
+    'Try "sudo pacman -Syu"',
+    'Try "How to basic"',
+    'Drag n\' drop to move windows',
+    'Type to search',
+]
+
+const overviewTick = Variable(false);
+
+function truncateTitle(str) {
+    let lastDash = -1;
+    let found = -1; // 0: em dash, 1: en dash, 2: minus, 3: vertical bar, 4: middle dot
+    for (let i = str.length - 1; i >= 0; i--) {
+        if (str[i] === '—') {
+            found = 0;
+            lastDash = i;
+        }
+        else if (str[i] === '–' && found < 1) {
+            found = 1;
+            lastDash = i;
+        }
+        else if (str[i] === '-' && found < 2) {
+            found = 2;
+            lastDash = i;
+        }
+        else if (str[i] === '|' && found < 3) {
+            found = 3;
+            lastDash = i;
+        }
+        else if (str[i] === '·' && found < 4) {
+            found = 4;
+            lastDash = i;
+        }
+    }
+    if (lastDash === -1) return str;
+    return str.substring(0, lastDash);
+}
+
+function iconExists(iconName) {
+    let iconTheme = Gtk.IconTheme.get_default();
+    return iconTheme.has_icon(iconName);
+}
+
+function substitute(str) {
+    const subs = [
+        { from: 'code-url-handler', to: 'visual-studio-code' },
+        { from: 'Code', to: 'visual-studio-code' },
+        { from: 'GitHub Desktop', to: 'github-desktop' },
+        { from: 'wpsoffice', to: 'wps-office2019-kprometheus' },
+        { from: 'gnome-tweaks', to: 'org.gnome.tweaks' },
+        { from: 'Minecraft* 1.20.1', to: 'minecraft' },
+        { from: '', to: 'image-missing' },
+    ];
+
+    for (const { from, to } of subs) {
+        if (from === str)
+            return to;
+    }
+
+    if (!iconExists(str)) str = str.toLowerCase().replace(/\s+/g, '-'); // Turn into kebab-case
+    return str;
+}
+
+const ContextWorkspaceArray = ({ label, actionFunc, thisWorkspace }) => Widget.MenuItem({
+    label: `${label}`,
+    setup: (menuItem) => {
+        let submenu = new Gtk.Menu();
+        submenu.className = 'menu';
+        for (let i = 1; i <= 10; i++) {
+            let button = new Gtk.MenuItem({
+                label: `Workspace ${i}`
+            });
+            button.connect("activate", () => {
+                // execAsync([`${onClickBinary}`, `${thisWorkspace}`, `${i}`]).catch(print);
+                actionFunc(thisWorkspace, i);
+                overviewTick.value = !overviewTick.value;
+            });
+            submenu.append(button);
+        }
+        menuItem.set_reserve_indicator(true);
+        menuItem.set_submenu(submenu);
+    }
+})
+
+const client = ({ address, size: [w, h], workspace: { id, name }, class: c, title, xwayland }) => {
+    const revealInfoCondition = (Math.min(w, h) * OVERVIEW_SCALE > 70);
+    if (w <= 0 || h <= 0) return null;
+    title = truncateTitle(title);
+    return Widget.Button({
+        className: 'overview-tasks-window',
+        hpack: 'center',
+        vpack: 'center',
+        onClicked: () => {
+            execAsync([`bash`, `-c`, `hyprctl dispatch focuswindow address:${address}`, `&`]).catch(print);
+            App.closeWindow('overview');
+        },
+        onMiddleClickRelease: () => execAsync([`bash`, `-c`, `hyprctl dispatch closewindow address:${address}`, `&`]).catch(print),
+        onSecondaryClick: (button) => {
+            button.toggleClassName('overview-tasks-window-selected', true);
+            const menu = Widget.Menu({
+                className: 'menu',
+                children: [
+                    Widget.MenuItem({
+                        child: Widget.Label({
+                            xalign: 0,
+                            label: "Close (Middle-click)",
+                        }),
+                        onActivate: () => {
+                            execAsync([`bash`, `-c`, `hyprctl dispatch closewindow address:${address}`, `&`])
+                                .catch(print);
+                        }
+                    }),
+                    ContextWorkspaceArray({
+                        label: "Dump windows to workspace",
+                        actionFunc: dumpToWorkspace,
+                        thisWorkspace: Number(id)
+                    }),
+                    ContextWorkspaceArray({
+                        label: "Swap windows with workspace",
+                        actionFunc: swapWorkspace,
+                        thisWorkspace: Number(id)
+                    }),
+                ],
+            });
+            menu.connect("deactivate", () => {
+                button.toggleClassName('overview-tasks-window-selected', false);
+            })
+            menu.connect("selection-done", () => {
+                button.toggleClassName('overview-tasks-window-selected', false);
+            })
+            menu.popup_at_pointer(null); // Show the menu at the pointer's position
+        },
+        child: Widget.Box({
+            css: `
+                min-width: ${Math.max(w * OVERVIEW_SCALE - 4, 1)}px;
+                min-height: ${Math.max(h * OVERVIEW_SCALE - 4, 1)}px;
+            `,
+            homogeneous: true,
+            child: Widget.Box({
+                vertical: true,
+                vpack: 'center',
+                className: 'spacing-v-5',
+                children: [
+                    Widget.Icon({
+                        icon: substitute(c),
+                        size: Math.min(w, h) * OVERVIEW_SCALE / 2.5,
+                    }),
+                    // TODO: Add xwayland tag instead of just having italics
+                    DoubleRevealer({
+                        transition1: 'slide_right',
+                        transition2: 'slide_down',
+                        revealChild: revealInfoCondition,
+                        child: Widget.Scrollable({
+                            hexpand: true,
+                            vscroll: 'never',
+                            hscroll: 'automatic',
+                            child: Widget.Label({
+                                truncate: 'end',
+                                className: `${xwayland ? 'txt txt-italic' : 'txt'}`,
+                                css: `
+                                    font-size: ${Math.min(SCREEN_WIDTH, SCREEN_HEIGHT) * OVERVIEW_SCALE / 14.6}px;
+                                    margin: 0px ${Math.min(SCREEN_WIDTH, SCREEN_HEIGHT) * OVERVIEW_SCALE / 10}px;
+                                `,
+                                // If the title is too short, include the class
+                                label: (title.length <= 1 ? `${c}: ${title}` : title),
+                            })
+                        })
+                    })
+                ]
+            })
+        }),
+        tooltipText: `${c}: ${title}`,
+        setup: (button) => {
+            setupCursorHoverGrab(button);
+
+            button.drag_source_set(Gdk.ModifierType.BUTTON1_MASK, TARGET, Gdk.DragAction.MOVE);
+            button.drag_source_set_icon_name(substitute(c));
+            // button.drag_source_set_icon_gicon(icon);
+
+            button.connect('drag-begin', (button) => {  // On drag start, add the dragging class
+                button.toggleClassName('overview-tasks-window-dragging', true);
+            });
+            button.connect('drag-data-get', (_w, _c, data) => { // On drag finish, give address
+                data.set_text(address, address.length);
+                button.toggleClassName('overview-tasks-window-dragging', false);
+            });
+        },
+    });
+}
+
+const workspace = index => {
+    const fixed = Gtk.Fixed.new();
+    const WorkspaceNumber = (index) => Widget.Label({
+        className: 'overview-tasks-workspace-number',
+        label: `${index}`,
+        css: `
+            margin: ${Math.min(SCREEN_WIDTH, SCREEN_HEIGHT) * OVERVIEW_SCALE * OVERVIEW_WS_NUM_MARGIN_SCALE}px;
+            font-size: ${SCREEN_HEIGHT * OVERVIEW_SCALE * OVERVIEW_WS_NUM_SCALE}px;
+        `,
+    })
+    const widget = Widget.Box({
+        className: 'overview-tasks-workspace',
+        vpack: 'center',
+        css: `
+        min-width: ${SCREEN_WIDTH * OVERVIEW_SCALE}px;
+        min-height: ${SCREEN_HEIGHT * OVERVIEW_SCALE}px;
+        `,
+        children: [Widget.EventBox({
+            hexpand: true,
+            vexpand: true,
+            onPrimaryClickRelease: () => {
+                execAsync([`bash`, `-c`, `hyprctl dispatch workspace ${index}`, `&`]).catch(print);
+                App.closeWindow('overview');
+            },
+            setup: eventbox => {
+                eventbox.drag_dest_set(Gtk.DestDefaults.ALL, TARGET, Gdk.DragAction.COPY);
+                eventbox.connect('drag-data-received', (_w, _c, _x, _y, data) => {
+                    overviewTick.value = !overviewTick.value;
+                    execAsync([`bash`, `-c`, `hyprctl dispatch movetoworkspacesilent ${index},address:${data.get_text()}`, `&`]).catch(print);
+                });
+            },
+            child: fixed,
+        })],
+    });
+    widget.update = clients => {
+        clients = clients.filter(({ workspace: { id } }) => id === index);
+
+        // this is for my monitor layout
+        // shifts clients back by SCREEN_WIDTHpx if necessary
+        clients = clients.map(client => {
+            const [x, y] = client.at;
+            if (x > SCREEN_WIDTH)
+                client.at = [x - SCREEN_WIDTH, y];
+            return client;
+        });
+
+        fixed.get_children().forEach(ch => ch.destroy());
+        fixed.put(WorkspaceNumber(index), 0, 0);
+        clients.forEach(c => c.mapped && fixed.put(client(c), c.at[0] * OVERVIEW_SCALE, c.at[1] * OVERVIEW_SCALE));
+        fixed.show_all();
+    };
+    return widget;
+};
+
+const arr = (s, n) => {
+    const array = [];
+    for (let i = 0; i < n; i++)
+        array.push(s + i);
+
+    return array;
+};
+
+const OverviewRow = ({ startWorkspace, workspaces, windowName = 'overview' }) => Widget.Box({
+    children: arr(startWorkspace, workspaces).map(workspace),
+    properties: [['update', box => {
+        execAsync('hyprctl -j clients').then(clients => {
+            const json = JSON.parse(clients);
+            box.get_children().forEach(ch => ch.update(json));
+        }).catch(print);
+    }]],
+    setup: (box) => box._update(box),
+    connections: [
+        // Update on change
+        [overviewTick, box => { if (!App.getWindow(windowName).visible) return; Utils.timeout(2, () => box._update(box)); }],
+        [Hyprland, box => { if (!App.getWindow(windowName).visible) return; box._update(box); }, 'client-added'],
+        [Hyprland, box => { if (!App.getWindow(windowName).visible) return; box._update(box); }, 'client-removed'],
+        // Update on show
+        [App, (box, name, visible) => { // Update on open
+            if (name == 'overview' && visible) {
+                box._update(box);
+            }
+        }],
+    ],
+});
+
+
+export const SearchAndWindows = () => {
+    var _appSearchResults = [];
+
+    const clickOutsideToClose = Widget.EventBox({
+        onPrimaryClick: () => App.closeWindow('overview'),
+        onSecondaryClick: () => App.closeWindow('overview'),
+        onMiddleClick: () => App.closeWindow('overview'),
+    });
+    const resultsBox = Widget.Box({
+        className: 'overview-search-results',
+        vertical: true,
+        vexpand: true,
+    });
+    const resultsRevealer = Widget.Revealer({
+        transitionDuration: 200,
+        revealChild: false,
+        transition: 'slide_down',
+        // duration: 200,
+        hpack: 'center',
+        child: resultsBox,
+    });
+    const overviewRevealer = Widget.Revealer({
+        revealChild: true,
+        transition: 'slide_down',
+        transitionDuration: 200,
+        child: Widget.Box({
+            vertical: true,
+            className: 'overview-tasks',
+            children: [
+                OverviewRow({ startWorkspace: 1, workspaces: 5 }),
+                OverviewRow({ startWorkspace: 6, workspaces: 5 }),
+            ]
+        }),
+    });
+    const entryPromptRevealer = Widget.Revealer({
+        transition: 'crossfade',
+        transitionDuration: 150,
+        revealChild: true,
+        hpack: 'center',
+        child: Widget.Label({
+            className: 'overview-search-prompt txt-small txt',
+            label: searchPromptTexts[Math.floor(Math.random() * searchPromptTexts.length)],
+        })
+    });
+
+    const entryIconRevealer = Widget.Revealer({
+        transition: 'crossfade',
+        transitionDuration: 150,
+        revealChild: false,
+        hpack: 'end',
+        child: Widget.Label({
+            className: 'txt txt-large icon-material overview-search-icon',
+            label: 'search',
+        }),
+    });
+
+    const entryIcon = Widget.Box({
+        className: 'overview-search-prompt-box',
+        setup: box => box.pack_start(entryIconRevealer, true, true, 0),
+    });
+
+    const entry = Widget.Entry({
+        className: 'overview-search-box txt-small txt',
+        hpack: 'center',
+        onAccept: (self) => { // This is when you hit Enter
+            const text = self.text;
+            if(text.length == 0) return;
+            const isAction = text.startsWith('>');
+            const isDir = (entry.text[0] == '/' || entry.text[0] == '~');
+
+            if (startsWithNumber(text)) { // Eval on typing is dangerous, this is a workaround
+                try {
+                    const fullResult = eval(text);
+                    // copy
+                    execAsync(['wl-copy', `${fullResult}`]).catch(print);
+                    App.closeWindow('overview');
+                    return;
+                } catch (e) {
+                    // console.log(e);
+                }
+            }
+            if (isDir) {
+                App.closeWindow('overview');
+                execAsync(['bash', '-c', `xdg-open "${expandTilde(text)}"`, `&`]).catch(print);
+                return;
+            }
+            if (_appSearchResults.length > 0) {
+                App.closeWindow('overview');
+                _appSearchResults[0].launch();
+                return;
+            }
+            else if (text[0] == '>') { // Custom commands
+                App.closeWindow('overview');
+                launchCustomCommand(text);
+                return;
+            }
+            // Fallback: Execute command
+            if (!isAction && exec(`bash -c "command -v ${text.split(' ')[0]}"`) != '') {
+                if (text.startsWith('sudo'))
+                    execAndClose(text, true);
+                else
+                    execAndClose(text, false);
+            }
+
+            else {
+                App.closeWindow('overview');
+                execAsync(['bash', '-c', `xdg-open 'https://www.google.com/search?q=${text} -site:quora.com' &`]).catch(print); // fuck quora
+            }
+        },
+        // Actually onChange but this is ta workaround for a bug
+        connections: [
+            ['notify::text', (entry) => { // This is when you type
+                const isAction = entry.text[0] == '>';
+                const isDir = (entry.text[0] == '/' || entry.text[0] == '~');
+                resultsBox.get_children().forEach(ch => ch.destroy());
+                // check empty if so then dont do stuff
+                if (entry.text == '') {
+                    resultsRevealer.set_reveal_child(false);
+                    overviewRevealer.set_reveal_child(true);
+                    entryPromptRevealer.set_reveal_child(true);
+                    entryIconRevealer.set_reveal_child(false);
+                    entry.toggleClassName('overview-search-box-extended', false);
+                }
+                else {
+                    const text = entry.text;
+                    resultsRevealer.set_reveal_child(true);
+                    overviewRevealer.set_reveal_child(false);
+                    entryPromptRevealer.set_reveal_child(false);
+                    entryIconRevealer.set_reveal_child(true);
+                    entry.toggleClassName('overview-search-box-extended', true);
+                    _appSearchResults = Applications.query(text);
+
+                    // Calculate
+                    if (startsWithNumber(text)) { // Eval on typing is dangerous, this is a small workaround.
+                        try {
+                            const fullResult = eval(text);
+                            resultsBox.add(CalculationResultButton({ result: fullResult, text: text }));
+                        } catch (e) {
+                            // console.log(e);
+                        }
+                    }
+                    if (isDir) {
+                        var contents = [];
+                        contents = ls({ path: text, silent: true });
+                        contents.forEach((item) => {
+                            resultsBox.add(DirectoryButton(item));
+                        })
+                    }
+                    if (isAction) { // Eval on typing is dangerous, this is a workaround.
+                        resultsBox.add(CustomCommandButton({ text: entry.text }));
+                    }
+                    // Add application entries
+                    let appsToAdd = MAX_RESULTS;
+                    _appSearchResults.forEach(app => {
+                        if (appsToAdd == 0) return;
+                        resultsBox.add(DesktopEntryButton(app));
+                        appsToAdd--;
+                    });
+
+                    // Fallbacks
+                    // if the first word is an actual command
+                    if (!isAction && !hasUnterminatedBackslash(text) && exec(`bash -c "command -v ${text.split(' ')[0]}"`) != '') {
+                        resultsBox.add(ExecuteCommandButton({ command: entry.text, terminal: entry.text.startsWith('sudo') }));
+                    }
+
+                    // Add fallback: search
+                    resultsBox.add(SearchButton({ text: entry.text }));
+                    resultsBox.show_all();
+                }
+            }]
+        ],
+    });
+
+    return Widget.Box({
+        vertical: true,
+        children: [
+            clickOutsideToClose,
+            Widget.Box({
+                hpack: 'center',
+                children: [
+                    entry,
+                    Widget.Box({
+                        className: 'overview-search-icon-box',
+                        setup: box => box.pack_start(entryPromptRevealer, true, true, 0),
+                    }),
+                    entryIcon,
+                ]
+            }),
+            overviewRevealer,
+            resultsRevealer,
+        ],
+        connections: [
+            [App, (_b, name, visible) => {
+                if (name == 'overview' && !visible) {
+                    entryPromptRevealer.child.label = searchPromptTexts[Math.floor(Math.random() * searchPromptTexts.length)];
+                    resultsBox.children = [];
+                    entry.set_text('');
+                }
+            }],
+            ['key-press-event', (widget, event) => { // Typing
+                if (event.get_keyval()[1] >= 32 && event.get_keyval()[1] <= 126 && widget != entry) {
+                    Utils.timeout(1, () => entry.grab_focus());
+                    entry.set_text(entry.text + String.fromCharCode(event.get_keyval()[1]));
+                    entry.set_position(-1);
+                }
+            }],
+        ],
+    });
+}; 
diff --git a/.config/ags/widgets/overview/searchbuttons.js b/.config/ags/widgets/overview/searchbuttons.js
new file mode 100644
index 000000000..1e70d443f
--- /dev/null
+++ b/.config/ags/widgets/overview/searchbuttons.js
@@ -0,0 +1,172 @@
+const { Gdk, Gtk } = imports.gi;
+import { App, Service, Utils, Widget } from '../../imports.js';
+const { execAsync, exec } = Utils;
+import { searchItem } from './searchitem.js';
+import { execAndClose, startsWithNumber, launchCustomCommand } from './miscfunctions.js';
+
+export const DirectoryButton = ({ parentPath, name, type, icon }) => {
+    const actionText = Widget.Revealer({
+        revealChild: false,
+        transition: "crossfade",
+        transitionDuration: 200,
+        child: Widget.Label({
+            className: 'overview-search-results-txt txt txt-small txt-action',
+            label: 'Open',
+        })
+    });
+    const actionTextRevealer = Widget.Revealer({
+        revealChild: false,
+        transition: "slide_left",
+        transitionDuration: 300,
+        child: actionText,
+    });
+    return Widget.Button({
+        className: 'overview-search-result-btn',
+        onClicked: () => {
+            App.closeWindow('overview');
+            execAsync(['bash', '-c', `xdg-open '${parentPath}/${name}'`, `&`]).catch(print);
+        },
+        child: Widget.Box({
+            children: [
+                Widget.Box({
+                    vertical: false,
+                    children: [
+                        Widget.Box({
+                            className: 'overview-search-results-icon',
+                            homogeneous: true,
+                            child: Widget.Icon({
+                                icon: icon,
+                                setup: (self) => Utils.timeout(1, () => {
+                                    const styleContext = self.get_parent().get_style_context();
+                                    const width = styleContext.get_property('min-width', Gtk.StateFlags.NORMAL);
+                                    const height = styleContext.get_property('min-height', Gtk.StateFlags.NORMAL);
+                                    self.size = Math.max(width, height, 1);
+                                })
+                            }),
+                        }),
+                        Widget.Label({
+                            className: 'overview-search-results-txt txt txt-norm',
+                            label: name,
+                        }),
+                        Widget.Box({ hexpand: true }),
+                        actionTextRevealer,
+                    ]
+                })
+            ]
+        }),
+        connections: [
+            ['focus-in-event', (button) => {
+                actionText.revealChild = true;
+                actionTextRevealer.revealChild = true;
+            }],
+            ['focus-out-event', (button) => {
+                actionText.revealChild = false;
+                actionTextRevealer.revealChild = false;
+            }],
+        ]
+    })
+}
+
+export const CalculationResultButton = ({ result, text }) => searchItem({
+    materialIconName: 'calculate',
+    name: `Math result`,
+    actionName: "Copy",
+    content: `${result}`,
+    onActivate: () => {
+        App.closeWindow('overview');
+        execAsync(['wl-copy', `${result}`]).catch(print);
+    },
+});
+
+export const DesktopEntryButton = (app) => {
+    const actionText = Widget.Revealer({
+        revealChild: false,
+        transition: "crossfade",
+        transitionDuration: 200,
+        child: Widget.Label({
+            className: 'overview-search-results-txt txt txt-small txt-action',
+            label: 'Launch',
+        })
+    });
+    const actionTextRevealer = Widget.Revealer({
+        revealChild: false,
+        transition: "slide_left",
+        transitionDuration: 300,
+        child: actionText,
+    });
+    return Widget.Button({
+        className: 'overview-search-result-btn',
+        onClicked: () => {
+            App.closeWindow('overview');
+            app.launch();
+        },
+        child: Widget.Box({
+            children: [
+                Widget.Box({
+                    vertical: false,
+                    children: [
+                        Widget.Box({
+                            className: 'overview-search-results-icon',
+                            homogeneous: true,
+                            child: Widget.Icon({
+                                icon: app.iconName,
+                                setup: (self) => Utils.timeout(1, () => {
+                                    const styleContext = self.get_parent().get_style_context();
+                                    const width = styleContext.get_property('min-width', Gtk.StateFlags.NORMAL);
+                                    const height = styleContext.get_property('min-height', Gtk.StateFlags.NORMAL);
+                                    self.size = Math.max(width, height, 1);
+                                })
+                            }),
+                        }),
+                        Widget.Label({
+                            className: 'overview-search-results-txt txt txt-norm',
+                            label: app.name,
+                        }),
+                        Widget.Box({ hexpand: true }),
+                        actionTextRevealer,
+                    ]
+                })
+            ]
+        }),
+        connections: [
+            ['focus-in-event', (button) => {
+                actionText.revealChild = true;
+                actionTextRevealer.revealChild = true;
+            }],
+            ['focus-out-event', (button) => {
+                actionText.revealChild = false;
+                actionTextRevealer.revealChild = false;
+            }],
+        ]
+    })
+}
+
+export const ExecuteCommandButton = ({ command, terminal = false }) => searchItem({
+    materialIconName: `${terminal ? 'terminal' : 'settings_b_roll'}`,
+    name: `Run command`,
+    actionName: `Execute ${terminal ? 'in terminal' : ''}`,
+    content: `${command}`,
+    onActivate: () => execAndClose(command, terminal),
+})
+
+export const CustomCommandButton = ({ text = '' }) => searchItem({
+    materialIconName: 'settings_suggest',
+    name: 'Action',
+    actionName: 'Run',
+    content: `${text}`,
+    onActivate: () => {
+        App.closeWindow('overview');
+        launchCustomCommand(text);
+    },
+});
+
+export const SearchButton = ({ text = '' }) => searchItem({
+    materialIconName: 'travel_explore',
+    name: 'Search Google',
+    actionName: 'Go',
+    content: `${text}`,
+    onActivate: () => {
+        App.closeWindow('overview');
+        execAsync(['bash', '-c', `xdg-open 'https://www.google.com/search?q=${text} -site:quora.com' &`]).catch(print); // fuck quora
+    },
+});
\ No newline at end of file
diff --git a/.config/ags/widgets/overview/searchitem.js b/.config/ags/widgets/overview/searchitem.js
new file mode 100644
index 000000000..f64c195db
--- /dev/null
+++ b/.config/ags/widgets/overview/searchitem.js
@@ -0,0 +1,69 @@
+const { Gdk, Gtk } = imports.gi;
+import { App, Service, Utils, Widget } from '../../imports.js';
+const { execAsync, exec } = Utils;
+import { setupCursorHover, setupCursorHoverAim } from "../../lib/cursorhover.js";
+import { MaterialIcon } from '../../lib/materialicon.js';
+
+export const searchItem = ({ materialIconName, name, actionName, content, onActivate }) => {
+    const actionText = Widget.Revealer({
+        revealChild: false,
+        transition: "crossfade",
+        transitionDuration: 200,
+        child: Widget.Label({
+            className: 'overview-search-results-txt txt txt-small txt-action',
+            label: `${actionName}`,
+        })
+    });
+    const actionTextRevealer = Widget.Revealer({
+        revealChild: false,
+        transition: "slide_left",
+        transitionDuration: 300,
+        child: actionText,
+    })
+    return Widget.Button({
+        className: 'overview-search-result-btn',
+        onClicked: onActivate,
+        child: Widget.Box({
+            children: [
+                Widget.Box({
+                    vertical: false,
+                    children: [
+                        Widget.Label({
+                            className: `icon-material overview-search-results-icon`,
+                            label: `${materialIconName}`,
+                        }),
+                        Widget.Box({
+                            vertical: true,
+                            children: [
+                                Widget.Label({
+                                    hpack: 'start',
+                                    className: 'overview-search-results-txt txt txt-smallie txt-subtext',
+                                    label: `${name}`,
+                                    truncate: "end",
+                                }),
+                                Widget.Label({
+                                    hpack: 'start',
+                                    className: 'overview-search-results-txt txt txt-norm',
+                                    label: `${content}`,
+                                    truncate: "end",
+                                }),
+                            ]
+                        }),
+                        Widget.Box({ hexpand: true }),
+                        actionTextRevealer,
+                    ],
+                })
+            ]
+        }),
+        connections: [
+            ['focus-in-event', (button) => {
+                actionText.revealChild = true;
+                actionTextRevealer.revealChild = true;
+            }],
+            ['focus-out-event', (button) => {
+                actionText.revealChild = false;
+                actionTextRevealer.revealChild = false;
+            }],
+        ]
+    });
+}
diff --git a/.config/ags/widgets/screencorners/main.js b/.config/ags/widgets/screencorners/main.js
new file mode 100644
index 000000000..f2f412d6f
--- /dev/null
+++ b/.config/ags/widgets/screencorners/main.js
@@ -0,0 +1,36 @@
+import { Widget } from '../../imports.js';
+import { RoundedCorner } from "../../lib/roundedcorner.js";
+
+export const CornerTopleft = () => Widget.Window({
+    name: 'cornertl',
+    layer: 'top',
+    anchor: ['top', 'left'],
+    exclusivity: 'normal',
+    visible: true,
+    child: RoundedCorner('topleft', { className: 'corner', }),
+});
+export const CornerTopright = () => Widget.Window({
+    name: 'cornertr',
+    layer: 'top',
+    anchor: ['top', 'right'],
+    exclusivity: 'normal',
+    visible: true,
+    child: RoundedCorner('topright', { className: 'corner', }),
+});
+export const CornerBottomleft = () => Widget.Window({
+    name: 'cornerbl',
+    layer: 'top',
+    anchor: ['bottom', 'left'],
+    exclusivity: 'normal',
+    visible: true,
+    child: RoundedCorner('bottomleft', { className: 'corner-black', }),
+});
+export const CornerBottomright = () => Widget.Window({
+    name: 'cornerbr',
+    layer: 'top',
+    anchor: ['bottom', 'right'],
+    exclusivity: 'normal',
+    visible: true,
+    child: RoundedCorner('bottomright', { className: 'corner-black', }),
+});
+
diff --git a/.config/ags/widgets/session/main.js b/.config/ags/widgets/session/main.js
new file mode 100644
index 000000000..589aa04b5
--- /dev/null
+++ b/.config/ags/widgets/session/main.js
@@ -0,0 +1,14 @@
+const { Gdk, Gtk } = imports.gi;
+import { Widget } from '../../imports.js';
+import SessionScreen from "./sessionscreen.js";
+
+export default () => Widget.Window({ // On-screen keyboard
+    name: 'session',
+    popup: true,
+    visible: false,
+    focusable: true,
+    layer: 'overlay',
+    exclusivity: 'ignore',
+    // anchor: ['top', 'bottom', 'left', 'right'],
+    child: SessionScreen(),
+})
\ No newline at end of file
diff --git a/.config/ags/widgets/session/sessionscreen.js b/.config/ags/widgets/session/sessionscreen.js
new file mode 100644
index 000000000..994fc9cd6
--- /dev/null
+++ b/.config/ags/widgets/session/sessionscreen.js
@@ -0,0 +1,142 @@
+// This is for the cool memory indicator on the sidebar
+// For the right pill of the bar, see system.js
+const { Gdk, Gtk } = imports.gi;
+import { App, Service, Utils, Widget, SCREEN_HEIGHT, SCREEN_WIDTH } from '../../imports.js';
+const { exec, execAsync } = Utils;
+
+const SessionButton = (name, icon, command, props = {}) => {
+    const buttonDescription = Widget.Revealer({
+        vpack: 'end',
+        transitionDuration: 200,
+        transition: 'slide_down',
+        revealChild: false,
+        child: Widget.Label({
+            className: 'txt-smaller session-button-desc',
+            label: name,
+        }),
+    });
+    return Widget.Button({
+        onClicked: command,
+        className: 'session-button',
+        child: Widget.Overlay({
+            className: 'session-button-box',
+            child: Widget.Label({
+                vexpand: true,
+                className: 'icon-material',
+                label: icon,
+            }),
+            overlays: [
+                buttonDescription,
+            ]
+        }),
+        onHover: (button) => {
+            const display = Gdk.Display.get_default();
+            const cursor = Gdk.Cursor.new_from_name(display, 'pointer');
+            button.get_window().set_cursor(cursor);
+            buttonDescription.revealChild = true;
+        },
+        onHoverLost: (button) => {
+            const display = Gdk.Display.get_default();
+            const cursor = Gdk.Cursor.new_from_name(display, 'default');
+            button.get_window().set_cursor(cursor);
+            buttonDescription.revealChild = false;
+        },
+        connections: [
+            ['focus-in-event', (self) => {
+                buttonDescription.revealChild = true;
+                self.toggleClassName('session-button-focused', true);
+            }],
+            ['focus-out-event', (self) => {
+                buttonDescription.revealChild = false;
+                self.toggleClassName('session-button-focused', false);
+            }],
+        ],
+        ...props,
+    });
+}
+
+export default () => {
+    // lock, logout, sleep
+    const lockButton = SessionButton('Lock', 'lock', () => { App.closeWindow('session'); execAsync('gtklock') });
+    const logoutButton = SessionButton('Logout', 'logout', () => { App.closeWindow('session'); execAsync(['bash', '-c', 'loginctl terminate-user $USER']) });
+    const sleepButton = SessionButton('Sleep', 'sleep', () => { App.closeWindow('session'); execAsync('systemctl suspend') });
+    // hibernate, shutdown, reboot
+    const hibernateButton = SessionButton('Hibernate', 'downloading', () => { App.closeWindow('session'); execAsync('systemctl hibernate') });
+    const shutdownButton = SessionButton('Shutdown', 'power_settings_new', () => { App.closeWindow('session'); execAsync('systemctl poweroff') });
+    const rebootButton = SessionButton('Reboot', 'restart_alt', () => { App.closeWindow('session'); execAsync('systemctl reboot') });
+    const cancelButton = SessionButton('Cancel', 'close', () => App.closeWindow('session'), { className: 'session-button-cancel' });
+    return Widget.Box({
+        className: 'session-bg',
+        css: `
+        min-width: ${SCREEN_WIDTH * 1.5}px; 
+        min-height: ${SCREEN_HEIGHT * 1.5}px;
+        `, // idk why but height = screen height doesn't fill
+        vertical: true,
+        children: [
+            Widget.EventBox({
+                onPrimaryClick: () => App.closeWindow('session'),
+                onSecondaryClick: () => App.closeWindow('session'),
+                onMiddleClick: () => App.closeWindow('session'),
+            }),
+            Widget.Box({
+                hpack: 'center',
+                vexpand: true,
+                vertical: true,
+                children: [
+                    Widget.Box({
+                        vpack: 'center',
+                        vertical: true,
+                        className: 'spacing-v-15',
+                        children: [
+                            Widget.Box({
+                                vertical: true,
+                                css: 'margin-bottom: 0.682rem;',
+                                children: [
+                                    Widget.Label({
+                                        className: 'txt-title txt',
+                                        label: 'Session',
+                                    }),
+                                    Widget.Label({
+                                        justify: Gtk.Justification.CENTER,
+                                        className: 'txt-small txt',
+                                        label: 'Use arrow keys to navigate.\nEnter to select, Esc to cancel.'
+                                    }),
+                                ]
+                            }),
+                            Widget.Box({
+                                hpack: 'center',
+                                className: 'spacing-h-15',
+                                children: [ // lock, logout, sleep
+                                    lockButton,
+                                    logoutButton,
+                                    sleepButton,
+                                ]
+                            }),
+                            Widget.Box({
+                                hpack: 'center',
+                                className: 'spacing-h-15',
+                                children: [ // hibernate, shutdown, reboot
+                                    hibernateButton,
+                                    shutdownButton,
+                                    rebootButton,
+                                ]
+                            }),
+                            Widget.Box({
+                                hpack: 'center',
+                                className: 'spacing-h-15',
+                                children: [ // hibernate, shutdown, reboot
+                                    cancelButton,
+                                ]
+                            }),
+                        ]
+                    })
+                ]
+            })
+        ],
+        connections: [
+            [App, (_b, name, visible) => {
+                if (visible) lockButton.grab_focus(); // Lock is the default option
+            }],
+        ],
+    });
+}
diff --git a/.config/ags/widgets/sideleft/apis/chatgpt.js b/.config/ags/widgets/sideleft/apis/chatgpt.js
new file mode 100644
index 000000000..9a51539bd
--- /dev/null
+++ b/.config/ags/widgets/sideleft/apis/chatgpt.js
@@ -0,0 +1,237 @@
+const { Gdk, GLib, Gtk, Pango } = imports.gi;
+import { App, Utils, Widget } from '../../../imports.js';
+const { Box, Button, Entry, EventBox, Icon, Label, Revealer, Scrollable, Stack } = Widget;
+const { execAsync, exec } = Utils;
+import ChatGPT from '../../../services/chatgpt.js';
+import { MaterialIcon } from "../../../lib/materialicon.js";
+import { setupCursorHover, setupCursorHoverInfo } from "../../../lib/cursorhover.js";
+import { SystemMessage, ChatMessage } from "./chatgpt_chatmessage.js";
+import { ConfigToggle } from '../../../lib/configwidgets.js';
+import { markdownTest } from '../../../lib/md2pango.js';
+
+const chatGPTTabIcon = Icon({
+    hpack: 'center',
+    className: 'sidebar-chat-welcome-logo',
+    icon: `${App.configDir}/assets/openai-logomark.svg`,
+    setup: (self) => Utils.timeout(1, () => {
+        const styleContext = self.get_style_context();
+        const width = styleContext.get_property('min-width', Gtk.StateFlags.NORMAL);
+        const height = styleContext.get_property('min-height', Gtk.StateFlags.NORMAL);
+        self.size = Math.max(width, height, 1) * 116 / 180; // Why such a specific proportion? See https://openai.com/brand#logos
+    })
+});
+
+export const chatGPTInfo = Box({
+    vertical: true,
+    className: 'spacing-v-15',
+    children: [
+        Icon({
+            hpack: 'center',
+            className: 'sidebar-chat-welcome-logo',
+            icon: `${App.configDir}/assets/openai-logomark.svg`,
+            setup: (self) => Utils.timeout(1, () => {
+                const styleContext = self.get_style_context();
+                const width = styleContext.get_property('min-width', Gtk.StateFlags.NORMAL);
+                const height = styleContext.get_property('min-height', Gtk.StateFlags.NORMAL);
+                self.size = Math.max(width, height, 1) * 116 / 180; // Why such a specific proportion? See https://openai.com/brand#logos
+            })
+        }),
+        Label({
+            className: 'txt txt-title-small sidebar-chat-welcome-txt',
+            wrap: true,
+            justify: Gtk.Justification.CENTER,
+            label: 'ChatGPT',
+        }),
+        Box({
+            className: 'spacing-h-5',
+            hpack: 'center',
+            children: [
+                Label({
+                    className: 'txt-smallie txt-subtext',
+                    wrap: true,
+                    justify: Gtk.Justification.CENTER,
+                    label: 'Powered by OpenAI',
+                }),
+                Button({
+                    className: 'txt-subtext txt-norm icon-material',
+                    label: 'info',
+                    tooltipText: 'Uses gpt-3.5-turbo.\nNot affiliated, endorsed, or sponsored by OpenAI.',
+                    setup: setupCursorHoverInfo,
+                }),
+            ]
+        }),
+    ]
+})
+
+export const chatGPTSettings = Revealer({
+    transition: 'slide_down',
+    transitionDuration: 150,
+    revealChild: true,
+    connections: [
+        [ChatGPT, (self) => {
+            self.revealChild = false;
+        }, 'newMsg'],
+        [ChatGPT, (self) => {
+            self.revealChild = true;
+        }, 'clear'],
+    ],
+    child: Box({
+        vertical: true,
+        hpack: 'fill',
+        className: 'sidebar-chat-settings',
+        children: [
+            ConfigToggle({
+                icon: 'cycle',
+                name: 'Cycle models',
+                desc: 'Helps avoid exceeding the API rate of 3 messages per minute.\nTurn this on if you message rapidly.',
+                initValue: ChatGPT.cycleModels,
+                onChange: (self, newValue) => {
+                    ChatGPT.cycleModels = newValue;
+                },
+            }),
+            ConfigToggle({
+                icon: 'description',
+                name: 'Assistant prompt',
+                desc: 'Tells ChatGPT\n  1. It\'s a sidebar assistant on Linux\n  2. Be short and concise\n  3. Use markdown features extensively\nLeave this off for a vanilla ChatGPT experience.',
+                initValue: ChatGPT.assistantPrompt,
+                onChange: (self, newValue) => {
+                    ChatGPT.assistantPrompt = newValue;
+                },
+            }),
+        ]
+    })
+});
+
+export const openaiApiKeyInstructions = Box({
+    homogeneous: true,
+    children: [Revealer({
+        transition: 'slide_down',
+        transitionDuration: 150,
+        connections: [[ChatGPT, (self, hasKey) => {
+            self.revealChild = (ChatGPT.key.length == 0);
+        }, 'hasKey']],
+        child: Button({
+            child: Label({
+                useMarkup: true,
+                wrap: true,
+                className: 'txt sidebar-chat-welcome-txt',
+                justify: Gtk.Justification.CENTER,
+                label: 'An OpenAI API key is required\nYou can grab one <u>here</u>, then enter it below'
+            }),
+            setup: setupCursorHover,
+            onClicked: () => {
+                Utils.execAsync(['bash', '-c', `xdg-open https://platform.openai.com/api-keys &`]);
+            }
+        })
+    })]
+});
+
+export const chatGPTWelcome = Box({
+    vexpand: true,
+    homogeneous: true,
+    child: Box({
+        className: 'spacing-v-15',
+        vpack: 'center',
+        vertical: true,
+        children: [
+            chatGPTInfo,
+            openaiApiKeyInstructions,
+            chatGPTSettings,
+        ]
+    })
+});
+
+export const chatContent = Box({
+    className: 'spacing-v-15',
+    vertical: true,
+    connections: [
+        [ChatGPT, (box, id) => {
+            const message = ChatGPT.messages[id];
+            if (!message) return;
+            box.add(ChatMessage(message))
+        }, 'newMsg'],
+        [ChatGPT, (box) => {
+            box.children = [chatGPTWelcome];
+        }, 'clear'],
+        [ChatGPT, (box) => {
+            box.children = [chatGPTWelcome];
+        }, 'initialized'],
+    ]
+});
+
+export const chatGPTView = Scrollable({
+    className: 'sidebar-chat-viewport',
+    vexpand: true,
+    child: chatContent,
+    setup: (scrolledWindow) => {
+        scrolledWindow.set_policy(Gtk.PolicyType.NEVER, Gtk.PolicyType.AUTOMATIC);
+        const vScrollbar = scrolledWindow.get_vscrollbar();
+        vScrollbar.get_style_context().add_class('sidebar-scrollbar');
+
+        Utils.timeout(1, () => { // Fix click-to-scroll-widget-to-view behavior
+            const viewport = scrolledWindow.child;
+            viewport.set_focus_vadjustment(new Gtk.Adjustment(undefined));
+        })
+    }
+});
+
+export const chatGPTCommands = Box({
+    className: 'spacing-h-5',
+    children: [
+        Box({ hexpand: true }),
+        Button({
+            className: 'sidebar-chat-chip sidebar-chat-chip-action txt txt-small',
+            onClicked: () => chatContent.add(SystemMessage(
+                `Key stored in:\n\`${ChatGPT.keyPath}\`\nTo update this key, type \`/key YOUR_API_KEY\``,
+                '/key')),
+            setup: setupCursorHover,
+            label: '/key',
+        }),
+        Button({
+            className: 'sidebar-chat-chip sidebar-chat-chip-action txt txt-small',
+            onClicked: () => chatContent.add(SystemMessage(
+                `Currently using \`${ChatGPT.modelName}\``,
+                '/model'
+            )),
+            setup: setupCursorHover,
+            label: '/model',
+        }),
+        Button({
+            className: 'sidebar-chat-chip sidebar-chat-chip-action txt txt-small',
+            onClicked: () => ChatGPT.clear(),
+            setup: setupCursorHover,
+            label: '/clear',
+        }),
+    ]
+});
+
+export const chatGPTSendMessage = (text) => {
+    // Check if text or API key is empty
+    if (text.length == 0) return;
+    if (ChatGPT.key.length == 0) {
+        ChatGPT.key = text;
+        chatContent.add(SystemMessage(`Key saved to\n\`${ChatGPT.keyPath}\``, 'API Key'));
+        text = '';
+        return;
+    }
+    // Commands
+    if (text.startsWith('/')) {
+        if (text.startsWith('/clear')) ChatGPT.clear();
+        else if (text.startsWith('/model')) chatContent.add(SystemMessage(`Currently using \`${ChatGPT.modelName}\``, '/model'))
+        else if (text.startsWith('/key')) {
+            const parts = text.split(' ');
+            if (parts.length == 1) chatContent.add(SystemMessage(`Key stored in:\n\`${ChatGPT.keyPath}\`\nTo update this key, type \`/key YOUR_API_KEY\``, '/key'));
+            else {
+                ChatGPT.key = parts[1];
+                chatContent.add(SystemMessage(`Updated API Key at\n\`${ChatGPT.keyPath}\``, '/key'));
+            }
+        }
+        else if (text.startsWith('/test'))
+            chatContent.add(SystemMessage(markdownTest, `Markdown test`));
+        else
+            chatContent.add(SystemMessage(`Invalid command.`, 'Error'))
+    }
+    else {
+        ChatGPT.send(text);
+    }
+}
\ No newline at end of file
diff --git a/.config/ags/widgets/sideleft/apis/chatgpt_chatmessage.js b/.config/ags/widgets/sideleft/apis/chatgpt_chatmessage.js
new file mode 100644
index 000000000..65170f199
--- /dev/null
+++ b/.config/ags/widgets/sideleft/apis/chatgpt_chatmessage.js
@@ -0,0 +1,291 @@
+const { Gdk, Gio, GLib, Gtk, Pango } = imports.gi;
+import { App, Utils, Widget } from '../../../imports.js';
+const { Box, Button, Entry, EventBox, Icon, Label, Revealer, Scrollable, Stack } = Widget;
+const { execAsync, exec } = Utils;
+import { MaterialIcon } from "../../../lib/materialicon.js";
+import { convert } from "../../../lib/md2pango.js";
+import GtkSource from "gi://GtkSource?version=3.0";
+
+const CUSTOM_SOURCEVIEW_SCHEME_PATH = `${App.configDir}/data/sourceviewtheme.xml`;
+const CUSTOM_SCHEME_ID = 'custom';
+const USERNAME = GLib.get_user_name();
+const CHATGPT_CURSOR = '  >> ';
+const MESSAGE_SCROLL_DELAY = 13; // In milliseconds, the time before an updated message scrolls to bottom
+
+/////////////////////// Custom source view colorscheme /////////////////////////
+
+function loadCustomColorScheme(filePath) {
+    // Read the XML file content
+    const file = Gio.File.new_for_path(filePath);
+    const [success, contents] = file.load_contents(null);
+
+    if (!success) {
+        logError('Failed to load the XML file.');
+        return;
+    }
+
+    // Parse the XML content and set the Style Scheme
+    const schemeManager = GtkSource.StyleSchemeManager.get_default();
+    schemeManager.append_search_path(file.get_parent().get_path());
+}
+loadCustomColorScheme(CUSTOM_SOURCEVIEW_SCHEME_PATH);
+
+//////////////////////////////////////////////////////////////////////////////
+
+function copyToClipboard(text) {
+    const clipboard = Gtk.Clipboard.get(Gdk.SELECTION_CLIPBOARD);
+    const textVariant = new GLib.Variant('s', text);
+    clipboard.set_text(textVariant, -1);
+    clipboard.store();
+}
+
+function substituteLang(str) {
+    const subs = [
+        { from: 'javascript', to: 'js' },
+    ];
+
+    for (const { from, to } of subs) {
+        if (from === str)
+            return to;
+    }
+
+    return str;
+}
+
+const HighlightedCode = (content, lang) => {
+    const buffer = new GtkSource.Buffer();
+    const sourceView = new GtkSource.View({
+        buffer: buffer,
+        wrap_mode: Gtk.WrapMode.WORD
+    });
+    const langManager = GtkSource.LanguageManager.get_default();
+    let displayLang = langManager.get_language(substituteLang(lang)); // Set your preferred language
+    if (displayLang) {
+        buffer.set_language(displayLang);
+    }
+    const schemeManager = GtkSource.StyleSchemeManager.get_default();
+    buffer.set_style_scheme(schemeManager.get_scheme(CUSTOM_SCHEME_ID));
+    buffer.set_text(content, -1);
+    return sourceView;
+}
+
+const TextBlock = (content = '') => Label({
+    hpack: 'fill',
+    className: 'txt sidebar-chat-txtblock sidebar-chat-txt',
+    useMarkup: true,
+    xalign: 0,
+    wrap: true,
+    selectable: true,
+    label: content,
+});
+
+const CodeBlock = (content = '', lang = 'txt') => {
+    const topBar = Box({
+        className: 'sidebar-chat-codeblock-topbar',
+        children: [
+            Label({
+                label: lang,
+                className: 'sidebar-chat-codeblock-topbar-txt',
+            }),
+            Box({
+                hexpand: true,
+            }),
+            Button({
+                className: 'sidebar-chat-codeblock-topbar-btn',
+                onClicked: (self) => {
+                    // execAsync(['bash', '-c', `wl-copy '${content}'`, `&`]).catch(print);
+                    execAsync([`wl-copy`, `${sourceView.label}`]).catch(print);
+                },
+                child: Box({
+                    className: 'spacing-h-5',
+                    children: [
+                        MaterialIcon('content_copy', 'small'),
+                        Label({
+                            label: 'Copy',
+                        })
+                    ]
+                })
+            })
+        ]
+    })
+    // Source view
+    const sourceView = HighlightedCode(content, lang);
+
+    const codeBlock = Box({
+        properties: [
+            ['updateText', (text) => {
+                sourceView.get_buffer().set_text(text, -1);
+            }]
+        ],
+        className: 'sidebar-chat-codeblock',
+        vertical: true,
+        children: [
+            topBar,
+            Box({
+                className: 'sidebar-chat-codeblock-code',
+                homogeneous: true,
+                children: [sourceView,],
+            })
+        ]
+    })
+
+    // const schemeIds = styleManager.get_scheme_ids();
+
+    // print("Available Style Schemes:");
+    // for (let i = 0; i < schemeIds.length; i++) {
+    //     print(schemeIds[i]);
+    // }
+    return codeBlock;
+}
+
+const Divider = () => Box({
+    className: 'sidebar-chat-divider',
+})
+
+const MessageContent = (content) => {
+    const contentBox = Box({
+        vertical: true,
+        properties: [
+            ['fullUpdate', (self, content, useCursor = false) => {
+                // Clear and add first text widget
+                contentBox.get_children().forEach(ch => ch.destroy());
+                contentBox.add(TextBlock())
+                // Loop lines. Put normal text in markdown parser 
+                // and put code into code highlighter (TODO)
+                let lines = content.split('\n');
+                let lastProcessed = 0;
+                let inCode = false;
+                for (const [index, line] of lines.entries()) {
+                    // Code blocks
+                    const codeBlockRegex = /^\s*```([a-zA-Z0-9]+)?\n?/;
+                    if (codeBlockRegex.test(line)) {
+                        // console.log(`code at line ${index}`);
+                        const kids = self.get_children();
+                        const lastLabel = kids[kids.length - 1];
+                        const blockContent = lines.slice(lastProcessed, index).join('\n');
+                        if (!inCode) {
+                            lastLabel.label = convert(blockContent);
+                            contentBox.add(CodeBlock('', codeBlockRegex.exec(line)[1]));
+                        }
+                        else {
+                            lastLabel._updateText(blockContent);
+                            contentBox.add(TextBlock());
+                        }
+
+                        lastProcessed = index + 1;
+                        inCode = !inCode;
+                    }
+                    // Breaks
+                    const dividerRegex = /^\s*---/;
+                    if (!inCode && dividerRegex.test(line)) {
+                        const kids = self.get_children();
+                        const lastLabel = kids[kids.length - 1];
+                        const blockContent = lines.slice(lastProcessed, index).join('\n');
+                        lastLabel.label = convert(blockContent);
+                        contentBox.add(Divider());
+                        contentBox.add(TextBlock());
+                        lastProcessed = index + 1;
+                    }
+                }
+                if (lastProcessed < lines.length) {
+                    const kids = self.get_children();
+                    const lastLabel = kids[kids.length - 1];
+                    let blockContent = lines.slice(lastProcessed, lines.length).join('\n');
+                    if (!inCode)
+                        lastLabel.label = `${convert(blockContent)}${useCursor ? CHATGPT_CURSOR : ''}`;
+                    else
+                        lastLabel._updateText(blockContent);
+                }
+                // Debug: plain text
+                // contentBox.add(Label({
+                //     hpack: 'fill',
+                //     className: 'txt sidebar-chat-txtblock sidebar-chat-txt',
+                //     useMarkup: false,
+                //     xalign: 0,
+                //     wrap: true,
+                //     selectable: true,
+                //     label: '------------------------------\n' + convert(content),
+                // }))
+                contentBox.show_all();
+            }]
+        ]
+    });
+    contentBox._fullUpdate(contentBox, content, false);
+    return contentBox;
+}
+
+export const ChatMessage = (message) => {
+    const messageContentBox = MessageContent(message.content);
+    const thisMessage = Box({
+        className: 'sidebar-chat-message',
+        children: [
+            Box({
+                className: `sidebar-chat-indicator ${message.role == 'user' ? 'sidebar-chat-indicator-user' : 'sidebar-chat-indicator-bot'}`,
+            }),
+            Box({
+                vertical: true,
+                hpack: 'fill',
+                hexpand: true,
+                children: [
+                    Label({
+                        hpack: 'fill',
+                        xalign: 0,
+                        className: 'txt txt-bold sidebar-chat-name',
+                        wrap: true,
+                        label: (message.role == 'user' ? USERNAME : 'ChatGPT'),
+                    }),
+                    messageContentBox,
+                ],
+                connections: [
+                    [message, (self, isThinking) => {
+                        messageContentBox.toggleClassName('thinking', message.thinking);
+                    }, 'notify::thinking'],
+                    [message, (self) => { // Message update
+                        messageContentBox._fullUpdate(messageContentBox, message.content, message.role != 'user');
+                        Utils.timeout(MESSAGE_SCROLL_DELAY, () => {
+                            const scrolledWindow = thisMessage.get_parent().get_parent();
+                            var adjustment = scrolledWindow.get_vadjustment();
+                            adjustment.set_value(adjustment.get_upper() - adjustment.get_page_size());
+                        });
+                    }, 'notify::content'],
+                    [message, (label, isDone) => { // Remove the cursor
+                        messageContentBox._fullUpdate(messageContentBox, message.content, false);
+                    }, 'notify::done'],
+                ]
+            })
+        ]
+    });
+    return thisMessage;
+}
+
+export const SystemMessage = (content, commandName) => {
+    const messageContentBox = MessageContent(content);
+    const thisMessage = Box({
+        className: 'sidebar-chat-message',
+        children: [
+            Box({
+                className: `sidebar-chat-indicator sidebar-chat-indicator-System`,
+            }),
+            Box({
+                vertical: true,
+                hpack: 'fill',
+                hexpand: true,
+                children: [
+                    Label({
+                        xalign: 0,
+                        className: 'txt txt-bold sidebar-chat-name',
+                        wrap: true,
+                        label: `System  •  ${commandName}`,
+                    }),
+                    messageContentBox,
+                ],
+            })
+        ],
+        setup: (self) => Utils.timeout(MESSAGE_SCROLL_DELAY, () => {
+            const scrolledWindow = thisMessage.get_parent().get_parent();
+            var adjustment = scrolledWindow.get_vadjustment();
+            adjustment.set_value(adjustment.get_upper() - adjustment.get_page_size());
+        })
+    });
+    return thisMessage;
+}
diff --git a/.config/ags/widgets/sideleft/apiwidgets.js b/.config/ags/widgets/sideleft/apiwidgets.js
new file mode 100644
index 000000000..c44ef2b39
--- /dev/null
+++ b/.config/ags/widgets/sideleft/apiwidgets.js
@@ -0,0 +1,88 @@
+import { App, Utils, Widget } from '../../imports.js';
+const { Box, Button, Entry, EventBox, Icon, Label, Revealer, Scrollable, Stack } = Widget;
+const { execAsync, exec } = Utils;
+import { setupCursorHover, setupCursorHoverInfo } from "../../lib/cursorhover.js";
+// APIs
+import ChatGPT from '../../services/chatgpt.js';
+import { chatGPTView, chatGPTCommands, chatGPTSendMessage } from './apis/chatgpt.js';
+
+const APIS = [
+    {
+        name: 'ChatGPT',
+        sendCommand: chatGPTSendMessage,
+        contentWidget: chatGPTView,
+        commandBar: chatGPTCommands,
+        tabIcon: Box({}),
+    }
+];
+let currentApiId = 0;
+
+const apiSwitcher = Box({
+    vertical: true,
+    children: [
+        Box({
+            homogeneous: true,
+            children: APIS.map(api => api.tabIcon),
+        }),
+    ]
+})
+
+export const chatEntry = Entry({
+    className: 'sidebar-chat-entry',
+    hexpand: true,
+    connections: [
+        [ChatGPT, (self) => {
+            if (APIS[currentApiId].name != 'ChatGPT') return;
+            self.placeholderText = (ChatGPT.key.length > 0 ? 'Ask a question...' : 'Enter OpenAI API Key...');
+        }, 'hasKey']
+    ],
+    onChange: (entry) => {
+        chatSendButton.toggleClassName('sidebar-chat-send-available', entry.text.length > 0);
+    },
+    onAccept: (entry) => {
+        APIS[currentApiId].sendCommand(entry.text)
+        entry.text = '';
+    },
+});
+
+const chatSendButton = Button({
+    className: 'txt-norm icon-material sidebar-chat-send',
+    vpack: 'center',
+    label: 'arrow_upward',
+    setup: setupCursorHover,
+    onClicked: (self) => {
+        APIS[currentApiId].sendCommand(chatEntry.text);
+        chatEntry.text = '';
+    },
+});
+
+const textboxArea = Box({ // Entry area
+    className: 'sidebar-chat-textarea spacing-h-10',
+    children: [
+        chatEntry,
+        chatSendButton,
+    ]
+});
+
+const apiContentStack = Stack({
+    vexpand: true,
+    transition: 'slide_left_right',
+    items: APIS.map(api => [api.name, api.contentWidget]),
+})
+
+const apiCommandStack = Stack({
+    transition: 'slide_up_down',
+    items: APIS.map(api => [api.name, api.commandBar]),
+})
+
+export default Widget.Box({
+    vertical: true,
+    className: 'spacing-v-10',
+    homogeneous: false,
+    children: [
+        apiSwitcher,
+        apiContentStack,
+        apiCommandStack,
+        textboxArea,
+    ]
+});
diff --git a/.config/ags/widgets/sideleft/main.js b/.config/ags/widgets/sideleft/main.js
new file mode 100644
index 000000000..b3889727e
--- /dev/null
+++ b/.config/ags/widgets/sideleft/main.js
@@ -0,0 +1,11 @@
+import PopupWindow from '../../lib/popupwindow.js';
+import SidebarLeft from "./sideleft.js";
+
+export default () => PopupWindow({
+    focusable: true,
+    anchor: ['left', 'top', 'bottom'],
+    name: 'sideleft',
+    showClassName: 'sideleft-show',
+    hideClassName: 'sideleft-hide',
+    child: SidebarLeft(),
+});
diff --git a/.config/ags/widgets/sideleft/module.js b/.config/ags/widgets/sideleft/module.js
new file mode 100644
index 000000000..f9f3ce674
--- /dev/null
+++ b/.config/ags/widgets/sideleft/module.js
@@ -0,0 +1,29 @@
+const { Gdk, Gtk } = imports.gi;
+import { Utils, Widget } from '../../imports.js';
+const { execAsync, exec } = Utils;
+const { Box, Button, EventBox, Label, Scrollable } = Widget;
+
+export const SidebarModule = ({
+    name,
+    child
+}) => {
+    return Box({
+        className: 'sidebar-module',
+        vertical: true,
+        children: [
+            Button({
+                child: Box({
+                    children: [
+                        Label({
+                            className: 'txt-small txt',
+                            label: `${name}`,
+                        }),
+                        Label({
+                            className: 'sidebar-module-btn-arrow',
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}
\ No newline at end of file
diff --git a/.config/ags/widgets/sideleft/quickscripts.js b/.config/ags/widgets/sideleft/quickscripts.js
new file mode 100644
index 000000000..85b4c2a73
--- /dev/null
+++ b/.config/ags/widgets/sideleft/quickscripts.js
@@ -0,0 +1,12 @@
+const { Gdk, Gtk } = imports.gi;
+import { Utils, Widget } from '../../imports.js';
+const { execAsync, exec } = Utils;
+const { Box, Button, EventBox, Label, Scrollable } = Widget;
+import { SidebarModule } from './module.js';
+
+export const QuickScripts = () => SidebarModule({
+    name: 'Quick scripts',
+    child: Box({
+
+    })
+})
\ No newline at end of file
diff --git a/.config/ags/widgets/sideleft/sideleft.js b/.config/ags/widgets/sideleft/sideleft.js
new file mode 100644
index 000000000..184e7d129
--- /dev/null
+++ b/.config/ags/widgets/sideleft/sideleft.js
@@ -0,0 +1,109 @@
+const { Gdk, Gtk } = imports.gi;
+import { Utils, Widget } from '../../imports.js';
+const { Box, Button, EventBox, Label, Revealer, Scrollable, Stack } = Widget;
+const { execAsync, exec } = Utils;
+import { MaterialIcon } from "../../lib/materialicon.js";
+import { setupCursorHover } from "../../lib/cursorhover.js";
+import { NavigationIndicator } from "../../lib/navigationindicator.js";
+import toolBox from './toolbox.js';
+import apiWidgets from './apiwidgets.js';
+import { chatEntry } from './apiwidgets.js';
+
+const SidebarTabButton = (stack, stackItem, navIndicator, navIndex, icon, label) => Widget.Button({
+    // hexpand: true,
+    className: 'sidebar-selector-tab',
+    onClicked: (self) => {
+        stack.shown = stackItem;
+        // Add active class to self and remove for others
+        const allTabs = self.get_parent().get_children();
+        for (let i = 0; i < allTabs.length; i++) {
+            if (allTabs[i] != self) allTabs[i].toggleClassName('sidebar-selector-tab-active', false);
+            else self.toggleClassName('sidebar-selector-tab-active', true);
+        }
+        // Fancy highlighter line width
+        const buttonWidth = self.get_allocated_width();
+        const highlightWidth = self.get_children()[0].get_allocated_width();
+        navIndicator.css = `
+            font-size: ${navIndex}px; 
+            padding: 0px ${(buttonWidth - highlightWidth) / 2}px;
+        `;
+    },
+    child: Box({
+        hpack: 'center',
+        className: 'spacing-h-5',
+        children: [
+            MaterialIcon(icon, 'larger'),
+            Label({
+                className: 'txt txt-smallie',
+                label: label,
+            })
+        ]
+    }),
+    setup: (button) => Utils.timeout(1, () => {
+        setupCursorHover(button);
+        button.toggleClassName('sidebar-selector-tab-active', defaultTab === stackItem);
+    }),
+});
+
+const defaultTab = 'apis';
+const contentStack = Stack({
+    vexpand: true,
+    transition: 'slide_left_right',
+    items: [
+        ['apis', apiWidgets],
+        ['tools', toolBox],
+    ],
+})
+
+const navIndicator = NavigationIndicator(2, false, { // The line thing
+    className: 'sidebar-selector-highlight',
+    css: 'font-size: 0px; padding: 0rem 4.773rem;', // Shushhhh
+})
+
+const navBar = Box({
+    vertical: true,
+    children: [
+        Box({
+            homogeneous: true,
+            children: [
+                SidebarTabButton(contentStack, 'apis', navIndicator, 0, 'api', 'APIs'),
+                SidebarTabButton(contentStack, 'tools', navIndicator, 1, 'home_repair_service', 'Tools'),
+            ]
+        }),
+        navIndicator,
+    ]
+})
+
+export default () => Box({
+    // vertical: true,
+    vexpand: true,
+    hexpand: true,
+    children: [
+        EventBox({
+            onPrimaryClick: () => App.closeWindow('sideleft'),
+            onSecondaryClick: () => App.closeWindow('sideleft'),
+            onMiddleClick: () => App.closeWindow('sideleft'),
+        }),
+        Box({
+            vertical: true,
+            vexpand: true,
+            className: 'sidebar-left',
+            children: [
+                navBar,
+                contentStack,
+            ]
+        }),
+    ],
+    connections: [
+        ['key-press-event', (widget, event) => { // Typing
+            if (event.get_keyval()[1] >= 32 && event.get_keyval()[1] <= 126 &&
+                widget != chatEntry && event.get_keyval()[1] != Gdk.KEY_space) {
+                if (contentStack.shown == 'apis') {
+                    chatEntry.grab_focus();
+                    chatEntry.set_text(chatEntry.text + String.fromCharCode(event.get_keyval()[1]));
+                    chatEntry.set_position(-1);
+                }
+            }
+        }],
+    ],
+});
diff --git a/.config/ags/widgets/sideleft/toolbox.js b/.config/ags/widgets/sideleft/toolbox.js
new file mode 100644
index 000000000..bdbbdb52b
--- /dev/null
+++ b/.config/ags/widgets/sideleft/toolbox.js
@@ -0,0 +1,16 @@
+const { Gdk, Gtk } = imports.gi;
+import { Utils, Widget } from '../../imports.js';
+const { Box, Button, EventBox, Label, Revealer, Scrollable, Stack } = Widget;
+const { execAsync, exec } = Utils;
+import { QuickScripts } from './quickscripts.js';
+
+export default Scrollable({
+    hscroll: "never",
+    vscroll: "automatic",
+    child: Box({
+        vertical: true,
+        children: [
+            QuickScripts(),
+        ]
+    })
+});
diff --git a/.config/ags/widgets/sideright/calendar.js b/.config/ags/widgets/sideright/calendar.js
new file mode 100644
index 000000000..b4d897578
--- /dev/null
+++ b/.config/ags/widgets/sideright/calendar.js
@@ -0,0 +1,204 @@
+const { Gio, Gdk, GLib, Gtk } = imports.gi;
+import { App, Widget, Utils } from '../../imports.js';
+const { Box, Button, CenterBox, Label, Revealer } = Widget;
+import { MaterialIcon } from "../../lib/materialicon.js";
+import { getCalendarLayout } from "../../lib/calendarlayout.js";
+import { setupCursorHover } from "../../lib/cursorhover.js";
+
+import { TodoWidget } from "./todolist.js";
+
+let calendarJson = getCalendarLayout(undefined, true);
+let monthshift = 0;
+
+function fileExists(filePath) {
+    let file = Gio.File.new_for_path(filePath);
+    return file.query_exists(null);
+}
+
+function getDateInXMonthsTime(x) {
+    var currentDate = new Date(); // Get the current date
+    var targetMonth = currentDate.getMonth() + x; // Calculate the target month
+    var targetYear = currentDate.getFullYear(); // Get the current year
+
+    // Adjust the year and month if necessary
+    targetYear += Math.floor(targetMonth / 12);
+    targetMonth = (targetMonth % 12 + 12) % 12;
+
+    // Create a new date object with the target year and month
+    var targetDate = new Date(targetYear, targetMonth, 1);
+
+    // Set the day to the last day of the month to get the desired date
+    // targetDate.setDate(0);
+
+    return targetDate;
+}
+
+const weekDays = [ // MONDAY IS THE FIRST DAY OF THE WEEK :HESRIGHTYOUKNOW:
+    { day: 'Mo', today: 0 },
+    { day: 'Tu', today: 0 },
+    { day: 'We', today: 0 },
+    { day: 'Th', today: 0 },
+    { day: 'Fr', today: 0 },
+    { day: 'Sa', today: 0 },
+    { day: 'Su', today: 0 },
+]
+
+const CalendarDay = (day, today) => Widget.Button({
+    className: `sidebar-calendar-btn ${today == 1 ? 'sidebar-calendar-btn-today' : (today == -1 ? 'sidebar-calendar-btn-othermonth' : '')}`,
+    child: Widget.Overlay({
+        child: Box({}),
+        overlays: [Label({
+            hpack: 'center',
+            className: 'txt-smallie txt-semibold sidebar-calendar-btn-txt',
+            label: String(day),
+        })],
+    })
+})
+
+const CalendarWidget = () => {
+    const calendarMonthYear = Widget.Button({
+        className: 'txt txt-large sidebar-calendar-monthyear-btn',
+        onClicked: () => shiftCalendarXMonths(0),
+        setup: (button) => {
+            button.label = `${new Date().toLocaleString('default', { month: 'long' })} ${new Date().getFullYear()}`;
+            setupCursorHover(button);
+        }
+    });
+    const addCalendarChildren = (box, calendarJson) => {
+        box.children = calendarJson.map((row, i) => Widget.Box({
+            // homogeneous: true,
+            className: 'spacing-h-5',
+            children: row.map((day, i) =>
+                CalendarDay(day.day, day.today)
+            )
+        }))
+    }
+    function shiftCalendarXMonths(x) {
+        if (x == 0) monthshift = 0;
+        else monthshift += x;
+        var newDate;
+        if (monthshift == 0) newDate = new Date();
+        else newDate = getDateInXMonthsTime(monthshift);
+
+        calendarJson = getCalendarLayout(newDate, (monthshift == 0));
+        calendarMonthYear.label = `${monthshift == 0 ? '' : '• '}${newDate.toLocaleString('default', { month: 'long' })} ${newDate.getFullYear()}`;
+        addCalendarChildren(calendarDays, calendarJson);
+    }
+    const calendarHeader = Widget.Box({
+        className: 'spacing-h-5 sidebar-calendar-header',
+        setup: (box) => {
+            box.pack_start(calendarMonthYear, false, false, 0);
+            box.pack_end(Widget.Box({
+                className: 'spacing-h-5',
+                children: [
+                    Button({
+                        className: 'sidebar-calendar-monthshift-btn',
+                        onClicked: () => shiftCalendarXMonths(-1),
+                        child: MaterialIcon('chevron_left', 'norm'),
+                        setup: setupCursorHover,
+                    }),
+                    Button({
+                        className: 'sidebar-calendar-monthshift-btn',
+                        onClicked: () => shiftCalendarXMonths(1),
+                        child: MaterialIcon('chevron_right', 'norm'),
+                        setup: setupCursorHover,
+                    })
+                ]
+            }), false, false, 0);
+        }
+    })
+    const calendarDays = Widget.Box({
+        hexpand: true,
+        vertical: true,
+        className: 'spacing-v-5',
+        setup: (box) => {
+            addCalendarChildren(box, calendarJson);
+        }
+    });
+    return Widget.EventBox({
+        onScrollUp: () => shiftCalendarXMonths(-1),
+        onScrollDown: () => shiftCalendarXMonths(1),
+        child: Widget.Box({
+            hpack: 'center',
+            children: [
+                Widget.Box({
+                    hexpand: true,
+                    vertical: true,
+                    className: 'spacing-v-5',
+                    children: [
+                        calendarHeader,
+                        Widget.Box({
+                            homogeneous: true,
+                            className: 'spacing-h-5',
+                            children: weekDays.map((day, i) => CalendarDay(day.day, day.today))
+                        }),
+                        calendarDays,
+                    ]
+                })
+            ]
+        })
+    });
+};
+
+const defaultShown = 'calendar';
+const contentStack = Widget.Stack({
+    hexpand: true,
+    items: [
+        ['calendar', CalendarWidget()],
+        ['todo', TodoWidget()],
+        // ['stars', Widget.Label({ label: 'GitHub feed will be here' })],
+    ],
+    transition: 'slide_up_down',
+    transitionDuration: 180,
+    setup: (stack) => Utils.timeout(1, () => {
+        stack.shown = defaultShown;
+    })
+})
+
+const StackButton = (stackItemName, icon, name) => Widget.Button({
+    className: 'button-minsize sidebar-navrail-btn sidebar-button-alone txt-small spacing-h-5',
+    onClicked: (button) => {
+        contentStack.shown = stackItemName;
+        const kids = button.get_parent().get_children();
+        for (let i = 0; i < kids.length; i++) {
+            if (kids[i] != button) kids[i].toggleClassName('sidebar-navrail-btn-active', false);
+            else button.toggleClassName('sidebar-navrail-btn-active', true);
+        }
+    },
+    child: Box({
+        className: 'spacing-v-5',
+        vertical: true,
+        children: [
+            Label({
+                className: `txt icon-material txt-hugeass`,
+                label: icon,
+            }),
+            Label({
+                label: name,
+                className: 'txt txt-smallie',
+            }),
+        ]
+    }),
+    setup: (button) => Utils.timeout(1, () => {
+        setupCursorHover(button);
+        button.toggleClassName('sidebar-navrail-btn-active', defaultShown === stackItemName);
+    })
+});
+
+export const ModuleCalendar = () => Box({
+    className: 'sidebar-group spacing-h-5',
+    setup: (box) => {
+        box.pack_start(Box({
+            vpack: 'center',
+            homogeneous: true,
+            vertical: true,
+            className: 'sidebar-navrail spacing-v-10',
+            children: [
+                StackButton('calendar', 'calendar_month', 'Calendar'),
+                StackButton('todo', 'lists', 'To Do'),
+                // StackButton(box, 'stars', 'star', 'GitHub'),
+            ]
+        }), false, false, 0);
+        box.pack_end(contentStack, false, false, 0);
+    }
+})
diff --git a/.config/ags/widgets/sideright/main.js b/.config/ags/widgets/sideright/main.js
new file mode 100644
index 000000000..7254d7e44
--- /dev/null
+++ b/.config/ags/widgets/sideright/main.js
@@ -0,0 +1,11 @@
+import PopupWindow from '../../lib/popupwindow.js';
+import SidebarRight from "./sideright.js";
+
+export default () => PopupWindow({
+    focusable: true,
+    anchor: ['right', 'top', 'bottom'],
+    name: 'sideright',
+    showClassName: 'sideright-show',
+    hideClassName: 'sideright-hide',
+    child: SidebarRight(),
+});
diff --git a/.config/ags/widgets/sideright/notificationlist.js b/.config/ags/widgets/sideright/notificationlist.js
new file mode 100644
index 000000000..6f5b1240d
--- /dev/null
+++ b/.config/ags/widgets/sideright/notificationlist.js
@@ -0,0 +1,117 @@
+// This file is for the notification widget on the sidebar
+// For the popup notifications, see onscreendisplay.js
+// The actual widget for each single notification is in lib/notification.js
+
+const { GLib, Gtk } = imports.gi;
+import { Service, Utils, Widget } from '../../imports.js';
+import Notifications from 'resource:///com/github/Aylur/ags/service/notifications.js';
+const { lookUpIcon, timeout } = Utils;
+const { Box, Icon, Scrollable, Label, Button, Revealer } = Widget;
+import { MaterialIcon } from "../../lib/materialicon.js";
+import { setupCursorHover } from "../../lib/cursorhover.js";
+import Notification from "../../lib/notification.js";
+
+const NotificationList = Box({
+    vertical: true,
+    vpack: 'start',
+    className: 'spacing-v-5-revealer',
+    connections: [
+        [Notifications, (box, id) => {
+            if (box.children.length == 0) {
+                Notifications.notifications
+                    .forEach(n => {
+                        box.pack_end(Notification({
+                            notifObject: n,
+                            isPopup: false,
+                        }), false, false, 0)
+                    });
+                box.show_all();
+            }
+            else if (id) {
+                const notif = Notifications.getNotification(id);
+
+                const NewNotif = Notification({
+                    notifObject: notif,
+                    isPopup: false,
+                });
+
+                if (NewNotif) {
+                    box.pack_end(NewNotif, false, false, 0);
+                    box.show_all();
+                }
+            }
+        }, 'notified'],
+
+        [Notifications, (box, id) => {
+            if (!id) return;
+            for (const ch of box.children) {
+                if (ch._id === id) {
+                    ch._destroyWithAnims();
+                }
+            }
+        }, 'closed'],
+
+        [Notifications, box => box.visible = Notifications.notifications.length > 0],
+    ],
+});
+
+export default (props) => {
+    const listTitle = Revealer({
+        revealChild: false,
+        connections: [[Notifications, (revealer) => {
+            revealer.revealChild = (Notifications.notifications.length > 0);
+        }]],
+        child: Box({
+            vpack: 'start',
+            className: 'sidebar-group-invisible txt',
+            children: [
+                Label({
+                    hexpand: true,
+                    xalign: 0,
+                    className: 'txt-title-small',
+                    label: 'Notifications',
+                }),
+                Button({
+                    className: 'notif-closeall-btn',
+                    onClicked: () => {
+                        Notifications.clear();
+                    },
+                    child: Box({
+                        className: 'spacing-h-5',
+                        children: [
+                            MaterialIcon('clear_all', 'norm'),
+                            Label({
+                                className: 'txt-small',
+                                label: 'Clear',
+                            })
+                        ]
+                    }),
+                    setup: button => {
+                        setupCursorHover(button);
+                    },
+                })
+            ]
+        })
+    });
+    const listContents = Scrollable({
+        hexpand: true,
+        hscroll: 'never',
+        vscroll: 'automatic',
+        child: Box({
+            vexpand: true,
+            children: [NotificationList],
+        })
+    });
+    listContents.set_policy(Gtk.PolicyType.NEVER, Gtk.PolicyType.AUTOMATIC);
+    const vScrollbar = listContents.get_vscrollbar();
+    vScrollbar.get_style_context().add_class('sidebar-scrollbar');
+    return Box({
+        ...props,
+        className: 'sidebar-group-invisible spacing-v-5',
+        vertical: true,
+        children: [
+            listTitle,
+            listContents,
+        ]
+    });
+}
diff --git a/.config/ags/widgets/sideright/quicktoggles.js b/.config/ags/widgets/sideright/quicktoggles.js
new file mode 100644
index 000000000..b0d786857
--- /dev/null
+++ b/.config/ags/widgets/sideright/quicktoggles.js
@@ -0,0 +1,194 @@
+import { Widget, Utils, Service } from '../../imports.js';
+import Bluetooth from 'resource:///com/github/Aylur/ags/service/bluetooth.js';
+import Network from 'resource:///com/github/Aylur/ags/service/network.js';
+const { execAsync, exec } = Utils;
+import { BluetoothIndicator, NetworkIndicator } from "../../lib/statusicons.js";
+import { setupCursorHover } from "../../lib/cursorhover.js";
+import { MaterialIcon } from '../../lib/materialicon.js';
+
+export const ToggleIconWifi = (props = {}) => Widget.Button({
+    className: 'txt-small sidebar-iconbutton',
+    tooltipText: 'Wifi | Right-click to configure',
+    onClicked: Network.toggleWifi,
+    onSecondaryClickRelease: () => {
+        execAsync(['bash', '-c', 'XDG_CURRENT_DESKTOP="gnome" gnome-control-center wifi', '&']);
+    },
+    child: NetworkIndicator(),
+    connections: [
+        [Network, button => {
+            button.toggleClassName('sidebar-button-active', Network.wifi?.internet == 'connected' || Network.wired?.internet == 'connected')
+        }],
+        [Network, button => {
+            button.tooltipText = (`${Network.wifi?.ssid} | Right-click to configure` || 'Unknown');
+        }],
+    ],
+    setup: setupCursorHover,
+    ...props,
+});
+
+export const ToggleIconBluetooth = (props = {}) => Widget.Button({
+    className: 'txt-small sidebar-iconbutton',
+    tooltipText: 'Bluetooth | Right-click to configure',
+    onClicked: () => { // Provided service doesn't work hmmm
+        const status = Bluetooth?.enabled;
+        if (status) {
+            exec('rfkill block bluetooth');
+        }
+        else {
+            exec('rfkill unblock bluetooth');
+        }
+    },
+    onSecondaryClickRelease: () => {
+        execAsync(['bash', '-c', 'XDG_CURRENT_DESKTOP="gnome" gnome-control-center bluetooth', '&']);
+    },
+    child: BluetoothIndicator(),
+    connections: [
+        [Bluetooth, button => {
+            button.toggleClassName('sidebar-button-active', Bluetooth?.enabled)
+        }],
+    ],
+    setup: setupCursorHover,
+    ...props,
+});
+
+export const HyprToggleIcon = (icon, name, hyprlandConfigValue, props = {}) => Widget.Button({
+    className: 'txt-small sidebar-iconbutton',
+    tooltipText: `${name}`,
+    onClicked: (button) => {
+        // Set the value to 1 - value
+        Utils.execAsync(`hyprctl -j getoption ${hyprlandConfigValue}`).then((result) => {
+            const currentOption = JSON.parse(result).int;
+            execAsync(['bash', '-c', `hyprctl keyword ${hyprlandConfigValue} ${1 - currentOption} &`]).catch(print);
+            button.toggleClassName('sidebar-button-active', currentOption == 0);
+        }).catch(print);
+    },
+    child: MaterialIcon(icon, 'norm', { hpack: 'center' }),
+    setup: button => {
+        button.toggleClassName('sidebar-button-active', JSON.parse(Utils.exec(`hyprctl -j getoption ${hyprlandConfigValue}`)).int == 1);
+        setupCursorHover(button);
+    },
+    ...props,
+})
+
+export const ModuleNightLight = (props = {}) => Widget.Button({
+    className: 'txt-small sidebar-iconbutton',
+    tooltipText: 'Night Light',
+    onClicked: (button) => {
+        const shaderPath = JSON.parse(exec('hyprctl -j getoption decoration:screen_shader')).str;
+        if (shaderPath != "[[EMPTY]]" && shaderPath != "") {
+            execAsync(['bash', '-c', `hyprctl keyword decoration:screen_shader ''`]).catch(print);
+            button.toggleClassName('sidebar-button-active', false);
+        }
+        else {
+            execAsync(['bash', '-c', `hyprctl keyword decoration:screen_shader ~/.config/hypr/shaders/extradark.frag`]).catch(print);
+            button.toggleClassName('sidebar-button-active', true);
+        }
+    },
+    child: MaterialIcon('nightlight', 'norm'),
+    setup: setupCursorHover,
+    ...props,
+})
+
+export const ModuleInvertColors = (props = {}) => Widget.Button({
+    className: 'txt-small sidebar-iconbutton',
+    tooltipText: 'Color inversion',
+    onClicked: (button) => {
+        const shaderPath = JSON.parse(exec('hyprctl -j getoption decoration:screen_shader')).str;
+        if (shaderPath != "[[EMPTY]]" && shaderPath != "") {
+            execAsync(['bash', '-c', `hyprctl keyword decoration:screen_shader ''`]).catch(print);
+            button.toggleClassName('sidebar-button-active', false);
+        }
+        else {
+            execAsync(['bash', '-c', `hyprctl keyword decoration:screen_shader ~/.config/hypr/shaders/invert.frag`]).catch(print);
+            button.toggleClassName('sidebar-button-active', true);
+        }
+    },
+    child: MaterialIcon('invert_colors', 'norm'),
+    setup: setupCursorHover,
+    ...props,
+})
+
+export const ModuleIdleInhibitor = (props = {}) => Widget.Button({ // TODO: Make this work
+    properties: [
+        ['enabled', false],
+        ['inhibitor', undefined],
+    ],
+    className: 'txt-small sidebar-iconbutton',
+    tooltipText: 'Keep system awake',
+    onClicked: (self) => {
+        self._enabled = !self._enabled;
+        self.toggleClassName('sidebar-button-active', self._enabled);
+        if (self._enabled) {
+            self._inhibitor = Utils.subprocess(
+                ['wayland-idle-inhibitor.py'],
+                (output) => print(output),
+                (err) => logError(err),
+                self,
+            );
+        }
+        else {
+            self._inhibitor.force_exit();
+        }
+    },
+    child: MaterialIcon('coffee', 'norm'),
+    setup: setupCursorHover,
+    ...props,
+});
+
+export const ModuleEditIcon = (props = {}) => Widget.Button({ // TODO: Make this work
+    ...props,
+    className: 'txt-small sidebar-iconbutton',
+    onClicked: () => {
+        execAsync(['bash', '-c', 'XDG_CURRENT_DESKTOP="gnome" gnome-control-center', '&']);
+        App.toggleWindow('sideright');
+    },
+    child: MaterialIcon('edit', 'norm'),
+    setup: button => {
+        setupCursorHover(button);
+    }
+})
+
+export const ModuleReloadIcon = (props = {}) => Widget.Button({
+    ...props,
+    className: 'txt-small sidebar-iconbutton',
+    tooltipText: 'Reload Hyprland',
+    onClicked: () => {
+        execAsync(['bash', '-c', 'hyprctl reload &']);
+        App.toggleWindow('sideright');
+    },
+    child: MaterialIcon('refresh', 'norm'),
+    setup: button => {
+        setupCursorHover(button);
+    }
+})
+
+export const ModuleSettingsIcon = (props = {}) => Widget.Button({
+    ...props,
+    className: 'txt-small sidebar-iconbutton',
+    tooltipText: 'Open Settings',
+    onClicked: () => {
+        execAsync(['bash', '-c', 'XDG_CURRENT_DESKTOP="gnome" gnome-control-center', '&']);
+        App.toggleWindow('sideright');
+    },
+    child: MaterialIcon('settings', 'norm'),
+    setup: button => {
+        setupCursorHover(button);
+    }
+})
+
+export const ModulePowerIcon = (props = {}) => Widget.Button({
+    ...props,
+    className: 'txt-small sidebar-iconbutton',
+    tooltipText: 'Session',
+    onClicked: () => {
+        App.toggleWindow('session');
+        App.closeWindow('sideright');
+    },
+    child: MaterialIcon('power_settings_new', 'norm'),
+    setup: button => {
+        setupCursorHover(button);
+    }
+})
+
+
+
diff --git a/.config/ags/widgets/sideright/sideright.js b/.config/ags/widgets/sideright/sideright.js
new file mode 100644
index 000000000..89a71900f
--- /dev/null
+++ b/.config/ags/widgets/sideright/sideright.js
@@ -0,0 +1,109 @@
+const { GLib, Gdk, Gtk } = imports.gi;
+import { Utils, Widget } from '../../imports.js';
+const { execAsync, exec } = Utils;
+const { Box, EventBox } = Widget;
+import {
+    ToggleIconBluetooth,
+    ToggleIconWifi,
+    HyprToggleIcon,
+    ModuleNightLight,
+    ModuleInvertColors,
+    ModuleIdleInhibitor,
+    ModuleEditIcon,
+    ModuleReloadIcon,
+    ModuleSettingsIcon,
+    ModulePowerIcon
+} from "./quicktoggles.js";
+import ModuleNotificationList from "./notificationlist.js";
+import { ModuleCalendar } from "./calendar.js";
+
+// const NUM_OF_TOGGLES_PER_LINE = 5;
+// const togglesFlowBox = Widget.FlowBox({
+//     className: 'sidebar-group spacing-h-10',
+//     setup: (self) => {
+//         self.set_max_children_per_line(NUM_OF_TOGGLES_PER_LINE);
+//         self.add(ToggleIconWifi({ hexpand: true }));
+//         self.add(ToggleIconBluetooth({ hexpand: true }));
+//         self.add(HyprToggleIcon('mouse', 'Raw input', 'input:force_no_accel', { hexpand: true }));
+//         self.add(HyprToggleIcon('front_hand', 'No touchpad while typing', 'input:touchpad:disable_while_typing', { hexpand: true }));
+//         self.add(ModuleNightLight({ hexpand: true }));
+//         // Setup flowbox rearrange
+//         self.connect('child-activated', (self, child) => {
+//             if (child.get_index() === 0) {
+//                 self.reorder_child(child, self.get_children().length - 1);
+//             } else {
+//                 self.reorder_child(child, 0);
+//             }
+//         });
+//     }
+// })
+
+const timeRow = Box({
+    className: 'spacing-h-5 sidebar-group-invisible-morehorizpad',
+    children: [
+        Widget.Label({
+            className: 'txt-title txt',
+            connections: [[5000, label => {
+                label.label = GLib.DateTime.new_now_local().format("%H:%M");
+            }]],
+        }),
+        Widget.Label({
+            hpack: 'center',
+            className: 'txt-small txt',
+            connections: [[5000, label => {
+                execAsync(['bash', '-c', `uptime -p | sed -e 's/up //;s/ hours,/h/;s/ minutes/m/'`]).then(upTimeString => {
+                    label.label = `• up: ${upTimeString}`;
+                }).catch(print);
+            }]],
+        }),
+        Widget.Box({ hexpand: true }),
+        // ModuleEditIcon({ hpack: 'end' }), // TODO: Make this work
+        ModuleReloadIcon({ hpack: 'end' }),
+        ModuleSettingsIcon({ hpack: 'end' }),
+        ModulePowerIcon({ hpack: 'end' }),
+    ]
+});
+
+const togglesBox = Widget.Box({
+    hpack: 'center',
+    className: 'sidebar-togglesbox spacing-h-10',
+    children: [
+        ToggleIconWifi(),
+        ToggleIconBluetooth(),
+        HyprToggleIcon('mouse', 'Raw input', 'input:force_no_accel', {}),
+        HyprToggleIcon('front_hand', 'No touchpad while typing', 'input:touchpad:disable_while_typing', {}),
+        ModuleNightLight(),
+        ModuleInvertColors(),
+        ModuleIdleInhibitor(),
+    ]
+})
+
+export default () => Box({
+    vexpand: true,
+    hexpand: true,
+    children: [
+        EventBox({
+            onPrimaryClick: () => App.closeWindow('sideright'),
+            onSecondaryClick: () => App.closeWindow('sideright'),
+            onMiddleClick: () => App.closeWindow('sideright'),
+        }),
+        Box({
+            vertical: true,
+            vexpand: true,
+            className: 'sidebar-right spacing-v-15',
+            children: [
+                Box({
+                    vertical: true,
+                    className: 'spacing-v-5',
+                    children: [
+                        timeRow,
+                        // togglesFlowBox,
+                        togglesBox,
+                    ]
+                }),
+                ModuleNotificationList({ vexpand: true, }),
+                ModuleCalendar(),
+            ]
+        }),
+    ]
+});
diff --git a/.config/ags/widgets/sideright/todolist.js b/.config/ags/widgets/sideright/todolist.js
new file mode 100644
index 000000000..6360cc962
--- /dev/null
+++ b/.config/ags/widgets/sideright/todolist.js
@@ -0,0 +1,276 @@
+const { Gio, Gdk, GLib, Gtk } = imports.gi;
+import { App, Widget, Utils } from '../../imports.js';
+const { Box, Button, CenterBox, Label, Revealer } = Widget;
+import { MaterialIcon } from "../../lib/materialicon.js";
+import Todo from "../../services/todo.js";
+import { setupCursorHover } from "../../lib/cursorhover.js";
+import { NavigationIndicator } from "../../lib/navigationindicator.js";
+
+const defaultTodoSelected = 'undone';
+
+const todoListItem = (task, id, isDone, isEven = false) => {
+    const crosser = Widget.Box({
+        className: 'sidebar-todo-crosser',
+    });
+    const todoContent = Widget.Box({
+        className: 'sidebar-todo-item spacing-h-5',
+        children: [
+            Widget.Label({
+                hexpand: true,
+                xalign: 0,
+                wrap: true,
+                className: 'txt txt-small sidebar-todo-txt',
+                label: task.content,
+                selectable: true,
+            }),
+            Widget.Button({ // Check/Uncheck
+                vpack: 'center',
+                className: 'txt sidebar-todo-item-action',
+                child: MaterialIcon(`${isDone ? 'remove_done' : 'check'}`, 'norm', { vpack: 'center' }),
+                onClicked: (self) => {
+                    const contentWidth = todoContent.get_allocated_width();
+                    crosser.toggleClassName('sidebar-todo-crosser-crossed', true);
+                    crosser.css = `margin-left: -${contentWidth}px;`;
+                    Utils.timeout(200, () => {
+                        widgetRevealer.revealChild = false;
+                    })
+                    Utils.timeout(350, () => {
+                        if (isDone)
+                            Todo.uncheck(id);
+                        else
+                            Todo.check(id);
+                    })
+                },
+                setup: setupCursorHover,
+            }),
+            Widget.Button({ // Remove
+                vpack: 'center',
+                className: 'txt sidebar-todo-item-action',
+                child: MaterialIcon('delete_forever', 'norm', { vpack: 'center' }),
+                onClicked: () => {
+                    const contentWidth = todoContent.get_allocated_width();
+                    crosser.toggleClassName('sidebar-todo-crosser-removed', true);
+                    crosser.css = `margin-left: -${contentWidth}px;`;
+                    Utils.timeout(200, () => {
+                        widgetRevealer.revealChild = false;
+                    })
+                    Utils.timeout(350, () => {
+                        Todo.remove(id);
+                    })
+                },
+                setup: setupCursorHover,
+            }),
+            crosser,
+        ]
+    });
+    const widgetRevealer = Widget.Revealer({
+        revealChild: true,
+        transition: 'slide_down',
+        transitionDuration: 150,
+        child: todoContent,
+    })
+    return widgetRevealer;
+}
+
+const todoItems = (isDone) => Widget.Scrollable({
+    child: Widget.Box({
+        vertical: true,
+        connections: [[Todo, (self) => {
+            self.children = Todo.todo_json.map((task, i) => {
+                if (task.done != isDone) return null;
+                return todoListItem(task, i, isDone);
+            })
+            if (self.children.length == 0) {
+                self.homogeneous = true;
+                self.children = [
+                    Widget.Box({
+                        hexpand: true,
+                        vertical: true,
+                        vpack: 'center',
+                        className: 'txt',
+                        children: [
+                            MaterialIcon(`${isDone ? 'checklist' : 'check_circle'}`, 'badonkers'),
+                            Label({ label: `${isDone ? 'Finished tasks will go here' : 'Nothing here!'}` })
+                        ]
+                    })
+                ]
+            }
+            else self.homogeneous = false;
+        }, 'updated']]
+    }),
+    setup: (listContents) => {
+        listContents.set_policy(Gtk.PolicyType.NEVER, Gtk.PolicyType.AUTOMATIC);
+        const vScrollbar = listContents.get_vscrollbar();
+        vScrollbar.get_style_context().add_class('sidebar-scrollbar');
+    }
+});
+
+const UndoneTodoList = () => {
+    const newTaskButton = Revealer({
+        transition: 'slide_left',
+        transitionDuration: 200,
+        revealChild: true,
+        child: Button({
+            className: 'txt-small sidebar-todo-new',
+            halign: 'end',
+            vpack: 'center',
+            label: '+ New task',
+            setup: setupCursorHover,
+            onClicked: (self) => {
+                newTaskButton.revealChild = false;
+                newTaskEntryRevealer.revealChild = true;
+                confirmAddTask.revealChild = true;
+                cancelAddTask.revealChild = true;
+                newTaskEntry.grab_focus();
+            }
+        })
+    });
+    const cancelAddTask = Revealer({
+        transition: 'slide_right',
+        transitionDuration: 200,
+        revealChild: false,
+        child: Button({
+            className: 'txt-norm icon-material sidebar-todo-add',
+            halign: 'end',
+            vpack: 'center',
+            label: 'close',
+            setup: setupCursorHover,
+            onClicked: (self) => {
+                newTaskEntryRevealer.revealChild = false;
+                confirmAddTask.revealChild = false;
+                cancelAddTask.revealChild = false;
+                newTaskButton.revealChild = true;
+                newTaskEntry.text = '';
+            }
+        })
+    });
+    const newTaskEntry = Widget.Entry({
+        // hexpand: true,
+        vpack: 'center',
+        className: 'txt-small sidebar-todo-entry',
+        placeholderText: 'Add a task...',
+        onAccept: ({ text }) => {
+            if (text == '') return;
+            Todo.add(text)
+            newTaskEntry.text = '';
+        },
+        onChange: ({ text }) => confirmAddTask.child.toggleClassName('sidebar-todo-add-available', text != ''),
+    });
+    const newTaskEntryRevealer = Revealer({
+        transition: 'slide_right',
+        transitionDuration: 200,
+        revealChild: false,
+        child: newTaskEntry,
+    });
+    const confirmAddTask = Revealer({
+        transition: 'slide_right',
+        transitionDuration: 200,
+        revealChild: false,
+        child: Button({
+            className: 'txt-norm icon-material sidebar-todo-add',
+            halign: 'end',
+            vpack: 'center',
+            label: 'arrow_upward',
+            setup: setupCursorHover,
+            onClicked: (self) => {
+                if (newTaskEntry.text == '') return;
+                Todo.add(newTaskEntry.text);
+                newTaskEntry.text = '';
+            }
+        })
+    });
+    return Box({ // The list, with a New button
+        vertical: true,
+        className: 'spacing-v-5',
+        setup: (box) => {
+            box.pack_start(todoItems(false), true, true, 0);
+            box.pack_start(Box({
+                setup: (self) => {
+                    self.pack_start(cancelAddTask, false, false, 0);
+                    self.pack_start(newTaskEntryRevealer, true, true, 0);
+                    self.pack_start(confirmAddTask, false, false, 0);
+                    self.pack_start(newTaskButton, false, false, 0);
+                }
+            }), false, false, 0);
+        },
+    });
+}
+
+const todoItemsBox = Widget.Stack({
+    vpack: 'fill',
+    transition: 'slide_left_right',
+    items: [
+        ['undone', UndoneTodoList()],
+        ['done', todoItems(true)],
+    ],
+});
+
+export const TodoWidget = () => {
+    const TodoTabButton = (isDone, navIndex) => Widget.Button({
+        hexpand: true,
+        className: 'sidebar-selector-tab',
+        onClicked: (button) => {
+            todoItemsBox.shown = `${isDone ? 'done' : 'undone'}`;
+            const kids = button.get_parent().get_children();
+            for (let i = 0; i < kids.length; i++) {
+                if (kids[i] != button) kids[i].toggleClassName('sidebar-selector-tab-active', false);
+                else button.toggleClassName('sidebar-selector-tab-active', true);
+            }
+            // Fancy highlighter line width
+            const buttonWidth = button.get_allocated_width();
+            const highlightWidth = button.get_children()[0].get_allocated_width();
+            navIndicator.css = `
+                font-size: ${navIndex}px; 
+                padding: 0px ${(buttonWidth - highlightWidth) / 2}px;
+            `;
+        },
+        child: Box({
+            hpack: 'center',
+            className: 'spacing-h-5',
+            children: [
+                MaterialIcon(`${isDone ? 'task_alt' : 'format_list_bulleted'}`, 'larger'),
+                Label({
+                    className: 'txt txt-smallie',
+                    label: `${isDone ? 'Done' : 'Unfinished'}`,
+                })
+            ]
+        }),
+        setup: (button) => Utils.timeout(1, () => {
+            setupCursorHover(button);
+            button.toggleClassName('sidebar-selector-tab-active', defaultTodoSelected === `${isDone ? 'done' : 'undone'}`);
+        }),
+    });
+    const undoneButton = TodoTabButton(false, 0);
+    const doneButton = TodoTabButton(true, 1);
+    const navIndicator = NavigationIndicator(2, false, { // The line thing
+        className: 'sidebar-selector-highlight',
+        css: 'font-size: 0px; padding: 0rem 1.636rem;', // Shush
+    })
+    return Widget.Box({
+        hexpand: true,
+        vertical: true,
+        className: 'spacing-v-10',
+        setup: (box) => {     // undone/done selector rail
+            box.pack_start(Widget.Box({
+                vertical: true,
+                children: [
+                    Widget.Box({
+                        className: 'sidebar-selectors spacing-h-5',
+                        homogeneous: true,
+                        setup: (box) => {
+                            box.pack_start(undoneButton, false, true, 0);
+                            box.pack_start(doneButton, false, true, 0);
+                        }
+                    }),
+                    Widget.Box({
+                        className: 'sidebar-selector-highlight-offset',
+                        homogeneous: true,
+                        children: [navIndicator]
+                    })
+                ]
+            }), false, false, 0);
+            box.pack_end(todoItemsBox, true, true, 0);
+        },
+    });
+};
+
diff --git a/.config/fish/completions/fisher.fish b/.config/fish/completions/fisher.fish
new file mode 100755
index 000000000..6d23ce490
--- /dev/null
+++ b/.config/fish/completions/fisher.fish
@@ -0,0 +1,7 @@
+complete --command fisher --exclusive --long help --description "Print help"
+complete --command fisher --exclusive --long version --description "Print version"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments install --description "Install plugins"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments update --description "Update installed plugins"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments remove --description "Remove installed plugins"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments list --description "List installed plugins matching regex"
+complete --command fisher --exclusive --condition "__fish_seen_subcommand_from update remove" --arguments "(fisher list)"
diff --git a/.config/fish/config.fish b/.config/fish/config.fish
new file mode 100755
index 000000000..bfa2bf74c
--- /dev/null
+++ b/.config/fish/config.fish
@@ -0,0 +1,20 @@
+function fish_prompt -d "Write out the prompt"
+    # This shows up as USER@HOST /home/user/ >, with the directory colored
+    # $USER and $hostname are set by fish, so you can just use them
+    # instead of using `whoami` and `hostname`
+    printf '%s@%s %s%s%s > ' $USER $hostname \
+        (set_color $fish_color_cwd) (prompt_pwd) (set_color normal)
+end
+
+if status is-interactive
+    # Commands to run in interactive sessions can go here
+    set fish_greeting
+
+end
+
+starship init fish | source
+
+# function fish_prompt
+#   set_color cyan; echo (pwd) 
+#   set_color green; echo '> '
+# end
\ No newline at end of file
diff --git a/.config/fish/fish_plugins b/.config/fish/fish_plugins
new file mode 100755
index 000000000..594dfc033
--- /dev/null
+++ b/.config/fish/fish_plugins
@@ -0,0 +1 @@
+jorgebucaran/fisher
diff --git a/.config/fish/fish_variables b/.config/fish/fish_variables
new file mode 100755
index 000000000..479710902
--- /dev/null
+++ b/.config/fish/fish_variables
@@ -0,0 +1,34 @@
+# This file contains fish universal variable definitions.
+# VERSION: 3.0
+SETUVAR __fish_initialized:3400
+SETUVAR _fisher_jorgebucaran_2F_fisher_files:\x7e/\x2econfig/fish/functions/fisher\x2efish\x1e\x7e/\x2econfig/fish/completions/fisher\x2efish
+SETUVAR _fisher_plugins:jorgebucaran/fisher
+SETUVAR _fisher_upgraded_to_4_4:\x1d
+SETUVAR fish_color_autosuggestion:555\x1ebrblack
+SETUVAR fish_color_cancel:\x2dr
+SETUVAR fish_color_command:blue
+SETUVAR fish_color_comment:red
+SETUVAR fish_color_cwd:green
+SETUVAR fish_color_cwd_root:red
+SETUVAR fish_color_end:green
+SETUVAR fish_color_error:brred
+SETUVAR fish_color_escape:brcyan
+SETUVAR fish_color_history_current:\x2d\x2dbold
+SETUVAR fish_color_host:normal
+SETUVAR fish_color_host_remote:yellow
+SETUVAR fish_color_normal:normal
+SETUVAR fish_color_operator:brcyan
+SETUVAR fish_color_param:cyan
+SETUVAR fish_color_quote:yellow
+SETUVAR fish_color_redirection:cyan\x1e\x2d\x2dbold
+SETUVAR fish_color_search_match:\x2d\x2dbackground\x3d111
+SETUVAR fish_color_selection:white\x1e\x2d\x2dbold\x1e\x2d\x2dbackground\x3dbrblack
+SETUVAR fish_color_status:red
+SETUVAR fish_color_user:brgreen
+SETUVAR fish_color_valid_path:\x2d\x2dunderline
+SETUVAR fish_key_bindings:fish_default_key_bindings
+SETUVAR fish_pager_color_completion:normal
+SETUVAR fish_pager_color_description:B3A06D\x1eyellow\x1e\x2di
+SETUVAR fish_pager_color_prefix:cyan\x1e\x2d\x2dbold\x1e\x2d\x2dunderline
+SETUVAR fish_pager_color_progress:brwhite\x1e\x2d\x2dbackground\x3dcyan
+SETUVAR fish_pager_color_selected_background:\x2dr
diff --git a/.config/fish/functions/fisher.fish b/.config/fish/functions/fisher.fish
new file mode 100755
index 000000000..c0a86fa4e
--- /dev/null
+++ b/.config/fish/functions/fisher.fish
@@ -0,0 +1,240 @@
+function fisher --argument-names cmd --description "A plugin manager for Fish"
+    set --query fisher_path || set --local fisher_path $__fish_config_dir
+    set --local fisher_version 4.4.3
+    set --local fish_plugins $__fish_config_dir/fish_plugins
+
+    switch "$cmd"
+        case -v --version
+            echo "fisher, version $fisher_version"
+        case "" -h --help
+            echo "Usage: fisher install <plugins...>  Install plugins"
+            echo "       fisher remove  <plugins...>  Remove installed plugins"
+            echo "       fisher update  <plugins...>  Update installed plugins"
+            echo "       fisher update                Update all installed plugins"
+            echo "       fisher list    [<regex>]     List installed plugins matching regex"
+            echo "Options:"
+            echo "       -v or --version  Print version"
+            echo "       -h or --help     Print this help message"
+            echo "Variables:"
+            echo "       \$fisher_path  Plugin installation path. Default: $__fish_config_dir" | string replace --regex -- $HOME \~
+        case ls list
+            string match --entire --regex -- "$argv[2]" $_fisher_plugins
+        case install update remove
+            isatty || read --local --null --array stdin && set --append argv $stdin
+
+            set --local install_plugins
+            set --local update_plugins
+            set --local remove_plugins
+            set --local arg_plugins $argv[2..-1]
+            set --local old_plugins $_fisher_plugins
+            set --local new_plugins
+
+            test -e $fish_plugins && set --local file_plugins (string match --regex -- '^[^\s]+$' <$fish_plugins)
+
+            if ! set --query argv[2]
+                if test "$cmd" != update
+                    echo "fisher: Not enough arguments for command: \"$cmd\"" >&2 && return 1
+                else if ! set --query file_plugins
+                    echo "fisher: \"$fish_plugins\" file not found: \"$cmd\"" >&2 && return 1
+                end
+                set arg_plugins $file_plugins
+            end
+
+            for plugin in $arg_plugins
+                set plugin (test -e "$plugin" && realpath $plugin || string lower -- $plugin)
+                contains -- "$plugin" $new_plugins || set --append new_plugins $plugin
+            end
+
+            if set --query argv[2]
+                for plugin in $new_plugins
+                    if contains -- "$plugin" $old_plugins
+                        test "$cmd" = remove &&
+                            set --append remove_plugins $plugin ||
+                            set --append update_plugins $plugin
+                    else if test "$cmd" = install
+                        set --append install_plugins $plugin
+                    else
+                        echo "fisher: Plugin not installed: \"$plugin\"" >&2 && return 1
+                    end
+                end
+            else
+                for plugin in $new_plugins
+                    contains -- "$plugin" $old_plugins &&
+                        set --append update_plugins $plugin ||
+                        set --append install_plugins $plugin
+                end
+
+                for plugin in $old_plugins
+                    contains -- "$plugin" $new_plugins || set --append remove_plugins $plugin
+                end
+            end
+
+            set --local pid_list
+            set --local source_plugins
+            set --local fetch_plugins $update_plugins $install_plugins
+            set --local fish_path (status fish-path)
+
+            echo (set_color --bold)fisher $cmd version $fisher_version(set_color normal)
+
+            for plugin in $fetch_plugins
+                set --local source (command mktemp -d)
+                set --append source_plugins $source
+
+                command mkdir -p $source/{completions,conf.d,themes,functions}
+
+                $fish_path --command "
+                    if test -e $plugin
+                        command cp -Rf $plugin/* $source
+                    else
+                        set temp (command mktemp -d)
+                        set repo (string split -- \@ $plugin) || set repo[2] HEAD
+
+                        if set path (string replace --regex -- '^(https://)?gitlab.com/' '' \$repo[1])
+                            set name (string split -- / \$path)[-1]
+                            set url https://gitlab.com/\$path/-/archive/\$repo[2]/\$name-\$repo[2].tar.gz
+                        else
+                            set url https://api.github.com/repos/\$repo[1]/tarball/\$repo[2]
+                        end
+
+                        echo Fetching (set_color --underline)\$url(set_color normal)
+
+                        if curl --silent -L \$url | tar -xzC \$temp -f - 2>/dev/null
+                            command cp -Rf \$temp/*/* $source
+                        else
+                            echo fisher: Invalid plugin name or host unavailable: \\\"$plugin\\\" >&2
+                            command rm -rf $source
+                        end
+
+                        command rm -rf \$temp
+                    end
+
+                    set files $source/* && string match --quiet --regex -- .+\.fish\\\$ \$files
+                " &
+
+                set --append pid_list (jobs --last --pid)
+            end
+
+            wait $pid_list 2>/dev/null
+
+            for plugin in $fetch_plugins
+                if set --local source $source_plugins[(contains --index -- "$plugin" $fetch_plugins)] && test ! -e $source
+                    if set --local index (contains --index -- "$plugin" $install_plugins)
+                        set --erase install_plugins[$index]
+                    else
+                        set --erase update_plugins[(contains --index -- "$plugin" $update_plugins)]
+                    end
+                end
+            end
+
+            for plugin in $update_plugins $remove_plugins
+                if set --local index (contains --index -- "$plugin" $_fisher_plugins)
+                    set --local plugin_files_var _fisher_(string escape --style=var -- $plugin)_files
+
+                    if contains -- "$plugin" $remove_plugins
+                        for name in (string replace --filter --regex -- '.+/conf\.d/([^/]+)\.fish$' '$1' $$plugin_files_var)
+                            emit {$name}_uninstall
+                        end
+                        printf "%s\n" Removing\ (set_color red --bold)$plugin(set_color normal) "         "$$plugin_files_var | string replace -- \~ ~
+                        set --erase _fisher_plugins[$index]
+                    end
+
+                    command rm -rf (string replace -- \~ ~ $$plugin_files_var)
+
+                    functions --erase (string replace --filter --regex -- '.+/functions/([^/]+)\.fish$' '$1' $$plugin_files_var)
+
+                    for name in (string replace --filter --regex -- '.+/completions/([^/]+)\.fish$' '$1' $$plugin_files_var)
+                        complete --erase --command $name
+                    end
+
+                    set --erase $plugin_files_var
+                end
+            end
+
+            if set --query update_plugins[1] || set --query install_plugins[1]
+                command mkdir -p $fisher_path/{functions,themes,conf.d,completions}
+            end
+
+            for plugin in $update_plugins $install_plugins
+                set --local source $source_plugins[(contains --index -- "$plugin" $fetch_plugins)]
+                set --local files $source/{functions,themes,conf.d,completions}/*
+
+                if set --local index (contains --index -- $plugin $install_plugins)
+                    set --local user_files $fisher_path/{functions,themes,conf.d,completions}/*
+                    set --local conflict_files
+
+                    for file in (string replace -- $source/ $fisher_path/ $files)
+                        contains -- $file $user_files && set --append conflict_files $file
+                    end
+
+                    if set --query conflict_files[1] && set --erase install_plugins[$index]
+                        echo -s "fisher: Cannot install \"$plugin\": please remove or move conflicting files first:" \n"        "$conflict_files >&2
+                        continue
+                    end
+                end
+
+                for file in (string replace -- $source/ "" $files)
+                    command cp -RLf $source/$file $fisher_path/$file
+                end
+
+                set --local plugin_files_var _fisher_(string escape --style=var -- $plugin)_files
+
+                set --query files[1] && set --universal $plugin_files_var (string replace -- $source $fisher_path $files | string replace -- ~ \~)
+
+                contains -- $plugin $_fisher_plugins || set --universal --append _fisher_plugins $plugin
+                contains -- $plugin $install_plugins && set --local event install || set --local event update
+
+                printf "%s\n" Installing\ (set_color --bold)$plugin(set_color normal) "           "$$plugin_files_var | string replace -- \~ ~
+
+                for file in (string match --regex -- '.+/[^/]+\.fish$' $$plugin_files_var | string replace -- \~ ~)
+                    source $file
+                    if set --local name (string replace --regex -- '.+conf\.d/([^/]+)\.fish$' '$1' $file)
+                        emit {$name}_$event
+                    end
+                end
+            end
+
+            command rm -rf $source_plugins
+
+            if set --query _fisher_plugins[1]
+                set --local commit_plugins
+
+                for plugin in $file_plugins
+                    contains -- (string lower -- $plugin) (string lower -- $_fisher_plugins) && set --append commit_plugins $plugin
+                end
+
+                for plugin in $_fisher_plugins
+                    contains -- (string lower -- $plugin) (string lower -- $commit_plugins) || set --append commit_plugins $plugin
+                end
+
+                printf "%s\n" $commit_plugins >$fish_plugins
+            else
+                set --erase _fisher_plugins
+                command rm -f $fish_plugins
+            end
+
+            set --local total (count $install_plugins) (count $update_plugins) (count $remove_plugins)
+
+            test "$total" != "0 0 0" && echo (string join ", " (
+                test $total[1] = 0 || echo "Installed $total[1]") (
+                test $total[2] = 0 || echo "Updated $total[2]") (
+                test $total[3] = 0 || echo "Removed $total[3]")
+            ) plugin/s
+        case \*
+            echo "fisher: Unknown command: \"$cmd\"" >&2 && return 1
+    end
+end
+
+if ! set --query _fisher_upgraded_to_4_4
+    set --universal _fisher_upgraded_to_4_4
+    if functions --query _fisher_list
+        set --query XDG_DATA_HOME[1] || set --local XDG_DATA_HOME ~/.local/share
+        command rm -rf $XDG_DATA_HOME/fisher
+        functions --erase _fisher_{list,plugin_parse}
+        fisher update >/dev/null 2>/dev/null
+    else
+        for var in (set --names | string match --entire --regex '^_fisher_.+_files$')
+            set $var (string replace -- ~ \~ $$var)
+        end
+        functions --erase _fisher_fish_postexec
+    end
+end
diff --git a/.config/fish/tokyonight_day.fish b/.config/fish/tokyonight_day.fish
new file mode 100644
index 000000000..0a73a06a5
--- /dev/null
+++ b/.config/fish/tokyonight_day.fish
@@ -0,0 +1,36 @@
+    # TokyoNight Color Palette
+    set -l foreground 3760bf
+    set -l selection 99a7df
+    set -l comment 848cb5
+    set -l red f52a65
+    set -l orange b15c00
+    set -l yellow 8c6c3e
+    set -l green 587539
+    set -l purple 7847bd
+    set -l cyan 007197
+    set -l pink 9854f1
+
+    # Syntax Highlighting Colors
+    set -g fish_color_normal $foreground
+    set -g fish_color_command $cyan
+    set -g fish_color_keyword $pink
+    set -g fish_color_quote $yellow
+    set -g fish_color_redirection $foreground
+    set -g fish_color_end $orange
+    set -g fish_color_error $red
+    set -g fish_color_param $purple
+    set -g fish_color_comment $comment
+    set -g fish_color_selection --background=$selection
+    set -g fish_color_search_match --background=$selection
+    set -g fish_color_operator $green
+    set -g fish_color_escape $pink
+    set -g fish_color_autosuggestion $comment
+
+    # Completion Pager Colors
+    set -g fish_pager_color_progress $comment
+    set -g fish_pager_color_prefix $cyan
+    set -g fish_pager_color_completion $foreground
+    set -g fish_pager_color_description $comment
+    set -g fish_pager_color_selected_background --background=$selection
+
+  
\ No newline at end of file
diff --git a/.config/fish/tokyonight_moon.fish b/.config/fish/tokyonight_moon.fish
new file mode 100644
index 000000000..2acc461b3
--- /dev/null
+++ b/.config/fish/tokyonight_moon.fish
@@ -0,0 +1,36 @@
+    # TokyoNight Color Palette
+    set -l foreground c8d3f5
+    set -l selection 3654a7
+    set -l comment 7a88cf
+    set -l red ff757f
+    set -l orange ff966c
+    set -l yellow ffc777
+    set -l green c3e88d
+    set -l purple fca7ea
+    set -l cyan 86e1fc
+    set -l pink c099ff
+
+    # Syntax Highlighting Colors
+    set -g fish_color_normal $foreground
+    set -g fish_color_command $cyan
+    set -g fish_color_keyword $pink
+    set -g fish_color_quote $yellow
+    set -g fish_color_redirection $foreground
+    set -g fish_color_end $orange
+    set -g fish_color_error $red
+    set -g fish_color_param $purple
+    set -g fish_color_comment $comment
+    set -g fish_color_selection --background=$selection
+    set -g fish_color_search_match --background=$selection
+    set -g fish_color_operator $green
+    set -g fish_color_escape $pink
+    set -g fish_color_autosuggestion $comment
+
+    # Completion Pager Colors
+    set -g fish_pager_color_progress $comment
+    set -g fish_pager_color_prefix $cyan
+    set -g fish_pager_color_completion $foreground
+    set -g fish_pager_color_description $comment
+    set -g fish_pager_color_selected_background --background=$selection
+
+  
\ No newline at end of file
diff --git a/.config/fish/tokyonight_night.fish b/.config/fish/tokyonight_night.fish
new file mode 100644
index 000000000..58edd99b3
--- /dev/null
+++ b/.config/fish/tokyonight_night.fish
@@ -0,0 +1,36 @@
+    # TokyoNight Color Palette
+    set -l foreground c0caf5
+    set -l selection 33467c
+    set -l comment 565f89
+    set -l red f7768e
+    set -l orange ff9e64
+    set -l yellow e0af68
+    set -l green 9ece6a
+    set -l purple 9d7cd8
+    set -l cyan 7dcfff
+    set -l pink bb9af7
+
+    # Syntax Highlighting Colors
+    set -g fish_color_normal $foreground
+    set -g fish_color_command $cyan
+    set -g fish_color_keyword $pink
+    set -g fish_color_quote $yellow
+    set -g fish_color_redirection $foreground
+    set -g fish_color_end $orange
+    set -g fish_color_error $red
+    set -g fish_color_param $purple
+    set -g fish_color_comment $comment
+    set -g fish_color_selection --background=$selection
+    set -g fish_color_search_match --background=$selection
+    set -g fish_color_operator $green
+    set -g fish_color_escape $pink
+    set -g fish_color_autosuggestion $comment
+
+    # Completion Pager Colors
+    set -g fish_pager_color_progress $comment
+    set -g fish_pager_color_prefix $cyan
+    set -g fish_pager_color_completion $foreground
+    set -g fish_pager_color_description $comment
+    set -g fish_pager_color_selected_background --background=$selection
+
+  
\ No newline at end of file
diff --git a/.config/fish/tokyonight_storm.fish b/.config/fish/tokyonight_storm.fish
new file mode 100644
index 000000000..0fd59a748
--- /dev/null
+++ b/.config/fish/tokyonight_storm.fish
@@ -0,0 +1,36 @@
+    # TokyoNight Color Palette
+    set -l foreground c0caf5
+    set -l selection 364a82
+    set -l comment 565f89
+    set -l red f7768e
+    set -l orange ff9e64
+    set -l yellow e0af68
+    set -l green 9ece6a
+    set -l purple 9d7cd8
+    set -l cyan 7dcfff
+    set -l pink bb9af7
+
+    # Syntax Highlighting Colors
+    set -g fish_color_normal $foreground
+    set -g fish_color_command $cyan
+    set -g fish_color_keyword $pink
+    set -g fish_color_quote $yellow
+    set -g fish_color_redirection $foreground
+    set -g fish_color_end $orange
+    set -g fish_color_error $red
+    set -g fish_color_param $purple
+    set -g fish_color_comment $comment
+    set -g fish_color_selection --background=$selection
+    set -g fish_color_search_match --background=$selection
+    set -g fish_color_operator $green
+    set -g fish_color_escape $pink
+    set -g fish_color_autosuggestion $comment
+
+    # Completion Pager Colors
+    set -g fish_pager_color_progress $comment
+    set -g fish_pager_color_prefix $cyan
+    set -g fish_pager_color_completion $foreground
+    set -g fish_pager_color_description $comment
+    set -g fish_pager_color_selected_background --background=$selection
+
+  
\ No newline at end of file
diff --git a/.config/fontconfig/conf.d b/.config/fontconfig/conf.d
new file mode 100644
index 000000000..f450859f1
--- /dev/null
+++ b/.config/fontconfig/conf.d
@@ -0,0 +1,9 @@
+<?xml version="1.0"?>
+<!DOCTYPE fontconfig SYSTEM "urn:fontconfig:fonts.dtd">
+<fontconfig>
+    <match target="font">
+        <edit name="rgba" mode="assign">
+        <const>none</const>
+    </edit>
+  </match>
+</fontconfig>
diff --git a/.config/foot/foot.ini b/.config/foot/foot.ini
new file mode 100755
index 000000000..4c62b565d
--- /dev/null
+++ b/.config/foot/foot.ini
@@ -0,0 +1,156 @@
+# -*- conf -*-
+
+shell=fish
+# term=foot (or xterm-256color if built with -Dterminfo=disabled)
+term=xterm-256color
+# login-shell=no
+
+# app-id=foot
+title=foot
+# locked-title=no
+
+font=JetBrainsMono Nerd Font:size=12
+# font-bold=<bold variant of regular font>
+# font-italic=<italic variant of regular font>
+# font-bold-italic=<bold+italic variant of regular font>
+# line-height=<font metrics>
+letter-spacing=0
+# horizontal-letter-offset=0
+# vertical-letter-offset=0
+# underline-offset=<font metrics>
+# box-drawings-uses-font-glyphs=no
+dpi-aware=no
+
+# initial-window-size-pixels=700x500  # Or,
+# initial-window-size-chars=<COLSxROWS>
+# initial-window-mode=windowed
+pad=25x25                          # optionally append 'center'
+# resize-delay-ms=100
+
+# notify=notify-send -a ${app-id} -i ${app-id} ${title} ${body}
+
+bold-text-in-bright=no
+# word-delimiters=,│`|:"'()[]{}<>
+# selection-target=primary
+# workers=<number of logical CPUs>
+
+[bell]
+# urgent=no
+# notify=no
+# command=
+# command-focused=no
+
+[scrollback]
+lines=10000
+# multiplier=3.0
+# indicator-position=relative
+# indicator-format=
+
+[url]
+# launch=xdg-open ${url}
+# label-letters=sadfjklewcmpgh
+# osc8-underline=url-mode
+# protocols=http, https, ftp, ftps, file, gemini, gopher
+# uri-characters=abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789-_.,~:;/?#@!$&%*+="'
+
+[cursor]
+style=beam
+# color=111111 dcdccc
+color=1d1b1f e6e1e5
+# blink=no
+beam-thickness=1.5
+# underline-thickness=<font underline thickness>
+
+[mouse]
+# hide-when-typing=no
+# alternate-scroll-mode=yes
+
+[colors]
+alpha=1
+background=1d1b1f
+foreground=e6e1e5
+regular0=1d1b1f
+regular1=ffb4a9
+regular2=6e45bf
+regular3=ebdcff
+regular4=ebdcff
+regular5=e9def8
+regular6=d3bbff
+regular7=cbc4cf
+bright0=1d1b1f
+bright1=ffb4a9
+bright2=6e45bf
+bright3=ebdcff
+bright4=ebdcff
+bright5=e9def8
+bright6=d3bbff
+bright7=cbc4cf
+
+[csd]
+# preferred=server
+# size=26
+# font=<primary font>
+# color=<foreground color>
+# button-width=26
+# button-color=<background color>
+# button-minimize-color=<regular4>
+# button-maximize-color=<regular2>
+# button-close-color=<regular1>
+
+[key-bindings]
+scrollback-up-page=Page_Up
+# scrollback-up-half-page=none
+# scrollback-up-line=none
+scrollback-down-page=Page_Down
+# scrollback-down-half-page=none
+# scrollback-down-line=none
+clipboard-copy=Control+c
+clipboard-paste=Control+v
+# primary-paste=Shift+Insert
+search-start=Control+f
+# font-increase=Control+plus Control+equal Control+KP_Add
+# font-decrease=Control+minus Control+KP_Subtract
+# font-reset=Control+0 Control+KP_0
+# spawn-terminal=Control+Shift+n
+# minimize=none
+# maximize=none
+# fullscreen=none
+# pipe-visible=[sh -c "xurls | fuzzel | xargs -r firefox"] none
+# pipe-scrollback=[sh -c "xurls | fuzzel | xargs -r firefox"] none
+# pipe-selected=[xargs -r firefox] none
+# show-urls-launch=Control+Shift+u
+# show-urls-copy=none
+
+[search-bindings]
+# cancel=Control+g Control+c Escape
+# commit=Return
+# find-prev=Control+r
+# find-next=Control+s
+# cursor-left=Left Control+b
+# cursor-left-word=Control+Left Mod1+b
+# cursor-right=Right Control+f
+# cursor-right-word=Control+Right Mod1+f
+# cursor-home=Home Control+a
+# cursor-end=End Control+e
+# delete-prev=BackSpace
+# delete-prev-word=Control+BackSpace
+# delete-next=Delete
+# delete-next-word=Mod1+d Control+Delete
+# extend-to-word-boundary=Control+w
+# extend-to-next-whitespace=Control+Shift+w
+# clipboard-paste=Control+v Control+y
+# primary-paste=Shift+Insert
+
+[url-bindings]
+# cancel=Control+g Control+c Control+d Escape
+# toggle-url-visible=t
+
+[mouse-bindings]
+# primary-paste=BTN_MIDDLE
+# select-begin=BTN_LEFT
+# select-begin-block=Control+BTN_LEFT
+# select-extend=BTN_RIGHT
+# select-extend-character-wise=Control+BTN_RIGHT
+# select-word=BTN_LEFT-2
+# select-word-whitespace=Control+BTN_LEFT-2
+# select-row=BTN_LEFT-3
diff --git a/.config/fuzzel/fuzzel.ini b/.config/fuzzel/fuzzel.ini
new file mode 100755
index 000000000..bebeee4fe
--- /dev/null
+++ b/.config/fuzzel/fuzzel.ini
@@ -0,0 +1,21 @@
+font=Gabarito
+terminal=foot -e
+prompt=">>  "
+layer=overlay
+
+[colors]
+background=1d1b1fff
+text=e6e1e5ff
+selection=49454fff
+selection-text=cbc4cfff
+border=49454fff
+match=d3bbffff
+selection-match=d3bbffff
+
+
+[border]
+radius=17
+width=2
+
+[dmenu]
+exit-immediately-if-empty=yes
diff --git a/.config/gtklock/config.ini b/.config/gtklock/config.ini
new file mode 100755
index 000000000..2e047db88
--- /dev/null
+++ b/.config/gtklock/config.ini
@@ -0,0 +1,3 @@
+[main]
+gtk-theme=Tokyonight-Dark-BL-LB
+modules=/usr/lib/gtklock/powerbar-module.so
diff --git a/.config/gtklock/style.css b/.config/gtklock/style.css
new file mode 100755
index 000000000..68df184a9
--- /dev/null
+++ b/.config/gtklock/style.css
@@ -0,0 +1,68 @@
+* {
+  all: unset;
+  border: 0rem; }
+
+window {
+  background-color: rgba(29, 27, 31, 0.4);
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center; }
+
+#window-box {
+  border-radius: 1.5rem;
+  padding: 1.5rem; }
+
+#input-label {
+  font-size: 1.5rem;
+  color: transparent;
+  background-color: transparent;
+  margin: -20rem; }
+
+#input-field {
+  background-color: #4b4358;
+  color: #e9def8;
+  caret-color: #e9def8;
+  border-radius: 999px;
+  font-size: 1.3rem;
+  padding: 0.341rem 1.364rem;
+  margin: 0.477rem;
+  box-shadow: 2px 2px 4px rgba(22, 22, 22, 0.5);
+  min-height: 2.727rem; }
+
+#unlock-button {
+  margin: -20rem;
+  color: transparent;
+  background-color: transparent; }
+
+#error-label {
+  color: #ffb4a9; }
+
+#clock-label {
+  font-family: 'Lexend';
+  font-size: 6rem;
+  border-radius: 1.2rem;
+  padding: 0.5rem;
+  margin: 0.6rem;
+  margin-top: -35rem;
+  color: #e9def8;
+  text-shadow: 1px 1px 2px rgba(22, 22, 30, 0.5); }
+
+#poweroff-button,
+#reboot-button,
+#suspend-button {
+  background-color: #4b4358;
+  color: #e9def8;
+  min-width: 3rem;
+  min-height: 3rem;
+  margin: 0.341rem;
+  border-radius: 9999px; }
+
+#poweroff-button:hover,
+#reboot-button:hover,
+#suspend-button:hover {
+  background-color: #6f6979; }
+
+#poweroff-button:active,
+#reboot-button:active,
+#suspend-button:active {
+  background-color: #817b8a; }
diff --git a/.config/hypr/colors.conf b/.config/hypr/colors.conf
new file mode 100755
index 000000000..81e89cfe7
--- /dev/null
+++ b/.config/hypr/colors.conf
@@ -0,0 +1,24 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(5529a5FF)
+    col.inactive_border = rgba(4b4358AA)
+}
+
+plugin {
+    droidbars {
+        # example config
+        bar_height = 30
+        background_color = rgba(1d1b1fFF)
+        # background_color_active = rgba(49454fFF) # Not added yet
+        text_color = rgba(e9def8FF)
+        font_family = Lexend
+        button_font_fmily = JetBrainsMono Nerd Font
+
+        # example buttons (R -> L)
+        # droidbars-button = [0]isLeft(0/1), [1]color, [2]color2, [3]width, [4]height, [5]icon, [6]buttonType, [7]on-click     
+        droidbars-button = 0, rgba(e9def8FF), rgba(d3bbffFF), 42, 16,‎    󰖭, normal, hyprctl dispatch killactive
+        droidbars-button = 0, rgba(e9def8FF), rgba(d3bbffFF), 42, 16,‎   , normal, hyprctl dispatch fullscreen 1
+        droidbars-button = 1, rgba(e9def8FF), rgba(d3bbffFF), 16, 16,‎󰐃, pin, hyprctl dispatch pin
+        droidbars-button = 1, rgba(e9def8FF), rgba(d3bbffFF), 16, 16,󰗘, float, hyprctl dispatch togglefloating
+    }
+}
diff --git a/.config/hypr/colors_default.conf b/.config/hypr/colors_default.conf
new file mode 100755
index 000000000..09e7115b6
--- /dev/null
+++ b/.config/hypr/colors_default.conf
@@ -0,0 +1,4 @@
+general {
+    col.active_border = rgba(0DB7D4FF) rgba(7AA2F7FF) rgba(9778D0FF) 45deg
+    col.inactive_border = rgba(04404aaa)
+}
diff --git a/.config/hypr/env.conf b/.config/hypr/env.conf
new file mode 100755
index 000000000..4ea5f98ae
--- /dev/null
+++ b/.config/hypr/env.conf
@@ -0,0 +1,9 @@
+# env = GTK_IM_MODULE, fcitx
+env = QT_IM_MODULE, fcitx
+env = XMODIFIERS, @im=fcitx
+
+env = QT_QPA_PLATFORMTHEME, qt5ct
+env = WLR_NO_HARDWARE_CURSORS, 1
+# env = XDG_CURRENT_DESKTOP, GNOME
+# env = WLR_DRM_NO_ATOMIC, 1
+
diff --git a/.config/hypr/execs.conf b/.config/hypr/execs.conf
new file mode 100755
index 000000000..4b51c49cc
--- /dev/null
+++ b/.config/hypr/execs.conf
@@ -0,0 +1,28 @@
+# Wallpaper
+#exec-once = swaybg -i ~/.config/eww/images/wallpaper/wallpaper
+exec-once = swww init; swww kill; swww init # idk why tbh
+
+# Status bar
+#exec-once = eww daemon && eww open bar && eww open bgdecor
+exec-once = ags &
+#exec-once = waybar
+
+# Input method
+exec-once = fcitx5
+
+# Core components (authentication, lock screen, notification daemon)
+exec-once = dbus-update-activation-environment --all &
+exec-once = /usr/bin/gnome-keyring-daemon --start --components=secrets &
+exec-once = /usr/lib/polkit-gnome/polkit-gnome-authentication-agent-1 &
+exec-once = swayidle -w timeout 300 'gtklock' before-sleep 'gtklock' &
+exec-once = swayidle -w timeout 450 'pidof java || systemctl suspend' & # dont sleep if playing minecraft, else nvidia will fuck up
+exec-once = sleep 1 && dbus-update-activation-environment --systemd WAYLAND_DISPLAY XDG_CURRENT_DESKTOP # Some fix idk
+
+# Clipboard history
+exec-once = wl-paste --watch cliphist store &
+
+# Cursor
+exec-once = hyprctl setcursor Bibata-Modern-Classic 24
+
+# Plugins
+# are a good way to crash Hyprland
diff --git a/.config/hypr/hyprland.conf b/.config/hypr/hyprland.conf
new file mode 100755
index 000000000..d65623542
--- /dev/null
+++ b/.config/hypr/hyprland.conf
@@ -0,0 +1,251 @@
+# This file contains general customization options 
+# For Environment variables see env.conf
+# For Keybinds variables see keybinds.conf 
+# For Auto-run stuff see execs.conf
+
+source=~/.config/hypr/env.conf
+
+$mainMod = SUPER
+
+# MONITOR CONFIG
+monitor=,preferred,auto,1
+monitor=,addreserved, 0, 0, 0, 0
+#monitor=HDMI-A-1,1920x1080@60,1920x0,1,mirror,eDP-1
+
+#################### Core components (authentication, idle daemon and stuff) ##############
+source=~/.config/hypr/execs.conf
+
+############################# Keybinds ############################
+source=~/.config/hypr/keybinds.conf
+
+############################## Input ##############################
+input {
+    # Mouse
+    # accel_profile = adaptive
+    force_no_accel = false
+    #sensitivity = 0
+
+    # Keyboard
+    kb_layout = us
+    follow_mouse = 1
+    numlock_by_default = true
+    repeat_delay = 250
+    repeat_rate = 35
+
+    touchpad {
+        natural_scroll = yes
+        disable_while_typing = true
+        clickfinger_behavior = true
+        scroll_factor = 0.5
+    }
+    scroll_method = 2fg
+}
+
+binds {
+    # focus_window_on_workspace_change = true
+    scroll_event_delay = 0
+}
+
+gestures {
+    # See https://wiki.hyprland.org/Configuring/Variables/ for more
+    workspace_swipe = true
+    workspace_swipe_distance = 700
+    workspace_swipe_fingers = 4
+    workspace_swipe_cancel_ratio = 0.2
+    workspace_swipe_min_speed_to_force = 5
+
+    workspace_swipe_direction_lock = true
+    workspace_swipe_direction_lock_threshold = 0
+    
+    workspace_swipe_create_new = true
+    
+}
+
+general {
+    max_fps = 75
+    # Gaps and border
+    gaps_in = 4
+    gaps_out = 5
+    gaps_workspace = 50
+    border_size = 1
+    
+    # Fallback colors
+    col.active_border = rgba(0DB7D4FF)
+    col.inactive_border = rgba(31313600)
+
+    # Functionality
+    # resize_on_border = true
+    no_focus_fallback = true
+    layout = dwindle
+    
+    #focus_to_other_workspaces = true
+    allow_tearing = false # some guy told me tearing might make things smoother idk
+}
+
+dwindle {
+	preserve_split = true # you definitely want this
+	# no_gaps_when_only = 1
+	smart_split = false
+	smart_resizing = false
+}
+
+decoration {
+    rounding = 20
+    
+    blur {
+        enabled = true
+        xray = true
+        special = false
+        new_optimizations = on
+        
+        size = 10
+        passes = 4
+        brightness = 1
+        noise = 0.01
+        contrast = 1
+        
+        #vibrancy = 0.1
+        #vibrancy_darkness = 0
+        
+    }
+    # Shadow
+    drop_shadow = true
+    shadow_ignore_window = true
+    shadow_range = 15
+    shadow_offset = 0 2
+    shadow_render_power = 6
+    col.shadow = rgba(00000044)
+    
+    # Shader
+    # screen_shader = ~/.config/hypr/shaders/nothing.frag
+    # screen_shader = ~/.config/hypr/shaders/vibrance.frag
+    
+    # Dim
+    dim_inactive = false
+    dim_strength = 0.1
+    dim_special = 0
+}
+
+animations {
+    enabled = true
+    # Animation curves
+    
+    bezier = linear, 0, 0, 1, 1
+    bezier = md3_standard, 0.2, 0, 0, 1
+    bezier = md3_decel, 0.05, 0.7, 0.1, 1
+    bezier = md3_accel, 0.3, 0, 0.8, 0.15
+    bezier = overshot, 0.05, 0.9, 0.1, 1.1
+    bezier = crazyshot, 0.1, 1.5, 0.76, 0.92 
+    bezier = hyprnostretch, 0.05, 0.9, 0.1, 1.0
+    bezier = fluent_decel, 0.1, 1, 0, 1
+    bezier = easeInOutCirc, 0.85, 0, 0.15, 1
+    bezier = easeOutCirc, 0, 0.55, 0.45, 1
+    bezier = easeOutExpo, 0.16, 1, 0.3, 1
+    # Animation configs
+    animation = windows, 1, 3, md3_decel, popin 60%
+    animation = border, 1, 10, default
+    animation = fade, 1, 2.5, md3_decel
+    # animation = workspaces, 1, 3.5, md3_decel, slide
+    animation = workspaces, 1, 3.5, easeOutExpo, slide
+    # animation = workspaces, 1, 7, fluent_decel, slidefade 15%
+    # animation = specialWorkspace, 1, 3, md3_decel, slidefadevert 15%
+    animation = specialWorkspace, 1, 3, md3_decel, slidevert
+}
+
+misc {
+    vfr = true
+    vrr = 1
+    focus_on_activate = true
+    animate_manual_resizes = false
+    animate_mouse_windowdragging = false
+    #suppress_portal_warnings = true
+    enable_swallow = true
+    
+    disable_hyprland_logo = true
+    force_hypr_chan = true
+    new_window_takes_over_fullscreen = 2
+}
+
+debug {
+	#overlay = true
+	#damage_tracking = 0
+
+	#damage_blink = yes
+}
+
+#misc {
+#    vfr = false
+#}
+#debug {
+#    overlay = true
+#}
+
+decoration {
+  #screen_shader = ~/.config/hypr/shaders/drugs.frag
+  #screen_shader = ~/.config/hypr/shaders/crt.frag
+}
+
+######## Window rules ########
+#windowrule = opacity 0.94 override 0.94 override, .*
+windowrule = float, ^(steam)$
+windowrule = float, ^(guifetch)$ # FlafyDev/guifetch
+windowrule = pin, ^(showmethekey-gtk)$
+windowrulev2 = tile,class:(wpsoffice)
+
+
+# Dialogs
+windowrule=float,title:^(Open File)(.*)$
+windowrule=float,title:^(Select a File)(.*)$
+windowrule=float,title:^(Choose wallpaper)(.*)$
+windowrule=float,title:^(Open Folder)(.*)$
+windowrule=float,title:^(Save As)(.*)$
+windowrule=float,title:^(Library)(.*)$ 
+
+######## Layer rules ########
+layerrule = xray 1, .*
+#layerrule = noanim, .*
+layerrule = noanim, selection
+layerrule = noanim, overview
+
+layerrule = blur, eww
+layerrule = ignorealpha 0.8, eww
+layerrule = noanim, noanim
+layerrule = blur, noanim
+layerrule = blur, gtk-layer-shell
+layerrule = ignorezero, gtk-layer-shell
+layerrule = blur, launcher
+layerrule = ignorealpha 0.5, launcher
+layerrule = blur, notifications
+layerrule = ignorealpha 0.69, notifications
+
+# ags
+#layerrule = blur, bar
+#layerrule = ignorealpha 0.64, bar
+#layerrule = blur, corner.*
+#layerrule = ignorealpha 0.69, corner.*
+#layerrule = blur, dock
+#layerrule = ignorealpha 0.69, dock
+# layerrule = blur, indicator.*
+# layerrule = ignorealpha 0.69, indicator.*
+#layerrule = blur, overview
+#layerrule = ignorealpha 0.69, overview
+#layerrule = blur, cheatsheet
+#layerrule = ignorealpha 0.69, cheatsheet
+#layerrule = blur, sideright
+#layerrule = ignorealpha 0.69, sideright
+#layerrule = blur, sideleft
+#layerrule = ignorealpha 0.69, sideleft
+#layerrule = blur, indicatorundefined
+#layerrule = ignorealpha 0.69, indicatorundefined
+#layerrule = blur, osk
+#layerrule = ignorealpha 0.69, osk
+layerrule = blur, session
+
+
+# Dynamic colors
+source=~/.config/hypr/colors.conf
+
+bind=,248,exec,notify-send deez nuts
+bindr=,248,exec,eww close bar
+
+
diff --git a/.config/hypr/keybinds.conf b/.config/hypr/keybinds.conf
new file mode 100755
index 000000000..3cb23db00
--- /dev/null
+++ b/.config/hypr/keybinds.conf
@@ -0,0 +1,202 @@
+#################### It just works™ keybinds ###################
+# Volume
+bindl = ,XF86AudioMute, exec, pactl set-sink-mute @DEFAULT_SINK@ toggle
+bindle=, XF86AudioRaiseVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%+
+bindle=, XF86AudioLowerVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%-
+
+# Brightness
+# bindle=, XF86MonBrightnessUp, exec, light -A 5
+# bindle=, XF86MonBrightnessDown, exec, light -U 5
+bindle=, XF86MonBrightnessUp, exec, ags run-js 'brightness.screen_value += 0.05;'
+bindle=, XF86MonBrightnessDown, exec, ags run-js 'brightness.screen_value -= 0.05;'
+
+######################################## Applications ########################################
+# Apps: just normal apps
+# bind = Super, C, exec, code --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland
+bind = Super, C, exec, code --enable-features=UseOzonePlatform --ozone-platform=wayland
+# bind = Super, C, exec, code --password-store=gnome
+bind = ControlShiftAlt, Y, exec, yuzu
+bind = Super, T, exec, foot --override shell=fish
+bind = SuperShiftAlt, T, exec, foot sleep 0.01 && nmtui
+#bind = SuperAlt, T, exec, wezterm
+#bind = Super, Return, exec, wezterm
+bind = Super, E, exec, nautilus --new-window
+bind = SuperAlt, E, exec, thunar
+bind = Super, W, exec, firefox
+bind = ControlSuperAlt, E, exec, /usr/bin/microsoft-edge-stable --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland --gtk-version=4
+bind = Super, X, exec, gnome-text-editor --new-window
+bind = SuperShift, W, exec, wps
+
+# Apps: Settings and config
+bind = Super, I, exec, XDG_CURRENT_DESKTOP="gnome" gnome-control-center
+bind = ControlSuper, V, exec, pavucontrol 
+bind = ControlShift, Escape, exec, gnome-system-monitor
+bind = ControlAltShift, Escape, exec, foot -T 'btop' btop
+bind = SuperShift, I, exec, ~/.local/bin/guifetch
+
+# Actions 
+bind = SuperShift, Period, exec, pkill wofi || wofi-emoji
+bind = Super, Period, exec, pkill fuzzel || ~/.local/bin/fuzzel-emoji
+bind = Super, Q, killactive,
+bind = SuperAlt, Space, togglefloating, 
+bind = ShiftSuperAlt, Q, exec, hyprctl kill
+bind = ControlShiftAlt, Delete, exec, pkill wlogout || wlogout -p layer-shell
+bind = ControlShiftAltSuper, Delete, exec, systemctl poweroff
+#bind = ShiftAlt,mouse_up, exec, wtype -M ctrl -k Prior
+#bind = ShiftAlt,mouse_down, exec, wtype -M ctrl -k Next
+
+# Screenshot, Record, OCR (Optical Character Recognition), Color picker, Clipboard history
+bind = SuperShift, D, exec,~/.local/bin/rubyshot | wl-copy
+bind = SuperShiftAlt, S, exec, grim -g "$(slurp -d -c D1E5F4BB -b 1B232866 -s 00000000)" - | swappy -f -
+bindl =,Print,exec,grim - | wl-copy
+bind = SuperShift, S, exec, grim -g "$(slurp -d -c D1E5F4BB -b 1B232866 -s 00000000)" - | wl-copy
+bind = SuperAlt, R, exec, ~/.local/bin/record-script.sh
+bind = ControlAlt, R, exec, ~/.local/bin/record-script.sh --sound
+bind = SuperShiftAlt, R, exec, ~/.local/bin/record-script-fullscreen.sh
+bind = SuperShift, C, exec, hyprpicker -a
+bind = Super, V, exec, pkill fuzzel || cliphist list | fuzzel --no-fuzzy --dmenu | cliphist decode | wl-copy
+
+# Text-to-image
+#   Normal
+bind = ControlSuperShift,S,exec,grim -g "$(slurp -d -c D1E5F4BB -b 1B232866 -s 00000000)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+#   English
+bind = SuperShift,T,exec,grim -g "$(slurp -d -c D1E5F4BB -b 1B232866 -s 00000000)" "tmp.png" && tesseract -l eng "tmp.png" - | wl-copy && rm "tmp.png"
+#   Japanese
+bind = SuperShift,J,exec,grim -g "$(slurp -d -c D1E5F4BB -b 1B232866 -s 00000000)" "tmp.png" && tesseract -l jpn "tmp.png" - | wl-copy && rm "tmp.png"
+
+# Media
+bind = SuperShift, N, exec, playerctl next || playerctl position `bc <<< "100 * $(playerctl metadata mpris:length) / 1000000 / 100"`
+bindl  = , XF86AudioNext,           exec, ags run-js "Mpris.getPlayer()?.next()"
+bind = SuperShift, B, exec, playerctl previous
+bind = SuperShift, P, exec, playerctl play-pause
+
+#Lock screen  |  blur: --effect-blur=20x202
+bind = Super, L, exec, gtklock
+bind = SuperShift, L, exec, gtklock
+bindl = SuperShift, L, exec, sleep 0.1 && systemctl suspend
+
+# App launcher
+bind = ControlSuper, Slash, exec, pkill anyrun || anyrun
+
+###################################### AGS keybinds #####################################
+bindr = ControlSuper, R, exec, hyprctl reload; killall ags activewin.sh activews.sh gohypr bash ydotool; ags &
+bind = ControlSuper, T, exec, ~/.config/ags/scripts/color_generation/switchwall.sh
+bindir = Super, Super_L, exec, ags -t 'overview'
+bind = Super, Tab, exec, ags -t 'overview'
+bind = Super, Slash, exec, ags -t 'cheatsheet'
+# bind = Super, O, exec, ags -t 'sideleft'
+bind = Super, N, exec, ags -t 'sideright'
+bind = Super, M, exec, ags run-js 'openMusicControls.value = (!Mpris.getPlayer() ? false : !openMusicControls.value);'
+bind = Super, K, exec, ags -t 'osk'
+bind = ControlAlt, Delete, exec, ags -t 'session'
+bindr = Control, Control_R, exec, ags run-js 'indicator.popup(-1);'
+bindr = Control, Control_R, exec, ags run-js 'Notifications.notifications.forEach((notif) => notif.dismiss())'
+bindle = , XF86AudioRaiseVolume, exec, ags run-js 'indicator.popup(1);'
+bindle = , XF86AudioLowerVolume, exec, ags run-js 'indicator.popup(1);'
+bindle = , XF86MonBrightnessUp, exec, ags run-js 'indicator.popup(1);'
+bindle = , XF86MonBrightnessDown, exec, ags run-js 'indicator.popup(1);'
+bindr = Control, Control_R, exec, ags run-js 'App.closeWindow("sideright");'
+bindr = Control, Control_R, exec, ags run-js 'App.closeWindow("cheatsheet");'
+bindr = Control, Control_R, exec, ags run-js 'App.closeWindow("osk");'
+bindr = Control, Control_R, exec, ags run-js 'App.closeWindow("session");'
+bindr = Control, Control_R, exec, ags run-js 'openMusicControls.value = false'
+
+###################################### Plugins #########################################
+bind = ControlSuper, P, exec, hyprctl plugin load '/home/end/.config/hypr/plugins/droidbars.so'
+bind = ControlSuper, O, exec, hyprctl plugin unload '/home/end/.config/hypr/plugins/droidbars.so'
+
+## Testing
+# bind = SuperAlt, f12, exec, notify-send "Hyprland version: $(hyprctl version | head -2 | tail -1 | cut -f2 -d ' ')" "owo" -a 'Hyprland keybind'
+bind = SuperAlt, f12, exec, notify-send "Millis since epoch" "$(date +%s%N | cut -b1-13)" -a 'Hyprland keybind'
+bind = SuperAlt, Equal, exec, notify-send "Urgent notification" "Ah hell no" -u critical -a 'Hyprland keybind'
+
+############################ Keybinds for Hyprland ############################
+# Swap windows
+bind = SuperShift, left, movewindow, l
+bind = SuperShift, right, movewindow, r
+bind = SuperShift, up, movewindow, u
+bind = SuperShift, down, movewindow, d
+# Move focus
+bind = Super, left, movefocus, l
+bind = Super, right, movefocus, r
+bind = Super, up, movefocus, u
+bind = Super, down, movefocus, d
+bind = Super, BracketLeft, movefocus, l
+bind = Super, BracketRight, movefocus, r
+
+# Workspace, window, tab switch with keyboard
+bind = ControlSuper, right, workspace, +1
+bind = ControlSuper, left, workspace, -1
+bind = ControlSuper, BracketLeft, workspace, -1
+bind = ControlSuper, BracketRight, workspace, +1
+bind = ControlSuper, up, workspace, -5
+bind = ControlSuper, down, workspace, +5
+bind = Super, Page_Down, workspace, +1
+bind = Super, Page_Up, workspace, -1
+bind = ControlSuper, Page_Down, workspace, +1
+bind = ControlSuper, Page_Up, workspace, -1
+bind = SuperAlt, Page_Down, movetoworkspace, +1
+bind = SuperAlt, Page_Up, movetoworkspace, -1
+bind = SuperShift, Page_Down, movetoworkspace, +1
+bind = SuperShift, Page_Up, movetoworkspace, -1
+bind = ControlSuperShift, Right, movetoworkspace, +1
+bind = ControlSuperShift, Left, movetoworkspace, -1
+bind = SuperShift, mouse_down, movetoworkspace, -1
+bind = SuperShift, mouse_up, movetoworkspace, +1
+bind = SuperAlt, mouse_down, movetoworkspace, -1
+bind = SuperAlt, mouse_up, movetoworkspace, +1
+
+# Window split ratio
+binde = Super, Minus, splitratio, -0.1
+binde = Super, Equal, splitratio, 0.1
+binde = Super, Semicolon, splitratio, -0.1
+binde = Super, Apostrophe, splitratio, 0.1
+
+# Fullscreen
+bind = Super, F, fullscreen, 0
+bind = Super, D, fullscreen, 1
+bind = Super_Alt, F, fakefullscreen, 0
+
+# Switching
+bind = Super, 1, workspace, 1
+bind = Super, 2, workspace, 2
+bind = Super, 3, workspace, 3
+bind = Super, 4, workspace, 4
+bind = Super, 5, workspace, 5
+bind = Super, 6, workspace, 6
+bind = Super, 7, workspace, 7
+bind = Super, 8, workspace, 8
+bind = Super, 9, workspace, 9
+bind = Super, 0, workspace, 10
+bind = Super, S, togglespecialworkspace,
+bind = ControlSuper, S, togglespecialworkspace,
+bind = Alt, Tab, cyclenext
+bind = Alt, Tab, bringactivetotop,   # bring it to the top
+
+# Move window to workspace Super + Alt + [0-9] 
+bind = Super Alt, 1, movetoworkspacesilent, 1
+bind = Super Alt, 2, movetoworkspacesilent, 2
+bind = Super Alt, 3, movetoworkspacesilent, 3
+bind = Super Alt, 4, movetoworkspacesilent, 4
+bind = Super Alt, 5, movetoworkspacesilent, 5
+bind = Super Alt, 6, movetoworkspacesilent, 6
+bind = Super Alt, 7, movetoworkspacesilent, 7
+bind = Super Alt, 8, movetoworkspacesilent, 8
+bind = Super Alt, 9, movetoworkspacesilent, 9
+bind = Super Alt, 0, movetoworkspacesilent, 10
+bind = ControlShiftSuper, Up, movetoworkspacesilent, special
+bind = SuperAlt, S, movetoworkspacesilent, special
+
+# Scroll through existing workspaces with (Control) + Super + scroll
+bind = Super, mouse_up, workspace, +1
+bind = Super, mouse_down, workspace, -1
+bind = ControlSuper, mouse_up, workspace, +1
+bind = ControlSuper, mouse_down, workspace, -1
+
+# Move/resize windows with Super + LMB/RMB and dragging
+bindm = Super, mouse:272, movewindow
+bindm = Super, mouse:273, resizewindow
+# bindm = Super, mouse:274, movewindow
+bindm = Super, Z, movewindow
+bind = ControlSuper, Backslash, resizeactive, exact 640 480
+
diff --git a/.config/hypr/plugins.conf b/.config/hypr/plugins.conf
new file mode 100755
index 000000000..e69de29bb
diff --git a/.config/hypr/shaders/bluefilter.frag b/.config/hypr/shaders/bluefilter.frag
new file mode 100755
index 000000000..5469af9c6
--- /dev/null
+++ b/.config/hypr/shaders/bluefilter.frag
@@ -0,0 +1,20 @@
+// vim: set ft=glsl:
+// blue light filter shader
+// values from https://reshade.me/forum/shader-discussion/3673-blue-light-filter-similar-to-f-lux
+
+precision mediump float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+
+void main() {
+
+    vec4 pixColor = texture2D(tex, v_texcoord);
+
+    // green
+    pixColor[1] *= 0.855;
+
+    // blue
+    pixColor[2] *= 0.725;
+
+    gl_FragColor = pixColor;
+}
diff --git a/.config/hypr/shaders/chromatic_abberation.frag b/.config/hypr/shaders/chromatic_abberation.frag
new file mode 100755
index 000000000..5389241cd
--- /dev/null
+++ b/.config/hypr/shaders/chromatic_abberation.frag
@@ -0,0 +1,24 @@
+// vim: set ft=glsl:
+
+precision highp float;
+varying highp vec2 v_texcoord;
+uniform highp sampler2D tex;
+
+#define STRENGTH 0.0027
+
+void main() {
+    vec2 center = vec2(0.5, 0.5);
+    vec2 offset = (v_texcoord - center) * STRENGTH;
+
+    float rSquared = dot(offset, offset);
+    float distortion = 1.0 + 1.0 * rSquared;
+    vec2 distortedOffset = offset * distortion;
+
+    vec2 redOffset = vec2(distortedOffset.x, distortedOffset.y);
+    vec2 blueOffset = vec2(distortedOffset.x, distortedOffset.y);
+
+    vec4 redColor = texture2D(tex, v_texcoord + redOffset);
+    vec4 blueColor = texture2D(tex, v_texcoord + blueOffset);
+
+    gl_FragColor = vec4(redColor.r, texture2D(tex, v_texcoord).g, blueColor.b, 1.0);
+}
diff --git a/.config/hypr/shaders/crt.frag b/.config/hypr/shaders/crt.frag
new file mode 100755
index 000000000..a37ff9fb2
--- /dev/null
+++ b/.config/hypr/shaders/crt.frag
@@ -0,0 +1,511 @@
+#version 100
+precision highp float;
+varying highp vec2 v_texcoord;
+varying highp vec3 v_pos;
+uniform highp sampler2D tex;
+uniform lowp float time;
+
+#define BORDER_COLOR vec4(vec3(0.0, 0.0, 0.0), 1.0) // black border
+#define BORDER_RADIUS 1.0 // larger vignette radius
+#define BORDER_SIZE 0.01 // small border size
+#define CHROMATIC_ABERRATION_STRENGTH 0.00
+#define DENOISE_INTENSITY 0.0001 //
+#define DISTORTION_AMOUNT 0.00 // moderate distortion amount
+#define HDR_BLOOM 0.75 // bloom intensity
+#define HDR_BRIGHTNESS 0.011 // brightness
+#define HDR_CONTRAST 0.011 // contrast
+#define HDR_SATURATION 1.0// saturation
+#define LENS_DISTORTION_AMOUNT 0.0
+#define NOISE_THRESHOLD 0.0001
+#define PHOSPHOR_BLUR_AMOUNT 0.77 // Amount of blur for phosphor glow
+#define PHOSPHOR_GLOW_AMOUNT 0.77 // Amount of phosphor glow
+#define SAMPLING_RADIUS 0.0001
+#define SCANLINE_FREQUENCY 540.0
+#define SCANLINE_THICKNESS 0.0507
+#define SCANLINE_TIME time * 471.24
+#define SHARPNESS 0.25
+#define SUPERSAMPLING_SAMPLES 16.0
+#define VIGNETTE_RADIUS 0.0 // larger vignette radius
+#define PI 3.14159265359
+#define TWOPI 6.28318530718
+
+vec2 applyBarrelDistortion(vec2 coord, float amt) {
+    vec2 p = coord.xy / vec2(1.0);
+    vec2 v = p * 2.0 - vec2(1.0);
+    float r = dot(v, v);
+    float k = 1.0 + pow(r, 2.0) * pow(amt, 2.0);
+    vec2 result = v * k;
+    return vec2(0.5, 0.5) + 0.5 * result.xy;
+}
+
+vec4 applyColorCorrection(vec4 color) {
+    color.rgb *= vec3(1.0, 0.79, 0.89);
+    return vec4(color.rgb, 1.0);
+}
+
+vec4 applyBorder(vec2 tc, vec4 color, float borderSize, vec4 borderColor) {
+    float dist_x = min(tc.x, 1.0 - tc.x);
+    float dist_y = min(tc.y, 1.0 - tc.y);
+    float dist = min(dist_x, dist_y) * -1.0;
+    float border = smoothstep(borderSize, 0.0, dist);
+    border += smoothstep(borderSize, 0.0, dist);
+    return mix(color, borderColor, border);
+}
+
+vec4 applyFakeHDR(vec4 color, float brightness, float contrast, float saturation, float bloom) {
+    color.rgb = (color.rgb - vec3(0.5)) * exp2(brightness) + vec3(0.5);
+    vec3 crtfactor = vec3(1.05, 0.92, 1.0);
+    color.rgb = pow(color.rgb, crtfactor);
+    // // NTSC
+    // vec3 lumCoeff = vec3(0.2125, 0.7154, 0.0721);
+
+    // // BT.709
+    // vec3 lumCoeff = vec3(0.299, 0.587, 0.114);
+
+    // BT.2020
+    vec3 lumCoeff = vec3(0.2627, 0.6780, 0.0593);
+
+    // // Warm NTSC
+    // vec3 lumCoeff = vec3(0.2125, 0.7010, 0.0865);
+
+    float luminance = dot(color.rgb, lumCoeff);
+    luminance = pow(luminance, 2.2);
+    color.rgb = mix(vec3(luminance), color.rgb, saturation);
+    color.rgb = mix(color.rgb, vec3(1.0), pow(max(0.0, luminance - 1.0 + bloom), 4.0));
+    return color;
+}
+
+vec4 applyVignette(vec4 color) {
+    vec2 center = vec2(0.5, 0.5); // center of screen
+    float radius = VIGNETTE_RADIUS; // radius of vignette effect
+    float softness = 1.0; // softness of vignette effect
+    float intensity = 0.7; // intensity of vignette effect
+    vec2 offset = v_texcoord - center; // offset from center of screen
+    float distance = length(offset); // distance from center of screen
+    float alpha = smoothstep(radius, radius - radius * softness, distance) * intensity; // calculate alpha value for vignette effect
+    return mix(vec4(0.0, 0.0, 0.0, alpha), color, alpha); // mix black with color using calculated alpha value
+}
+
+vec4 applyPhosphorGlow(vec2 tc, vec4 color, sampler2D tex) {
+    // Calculate average color value of the texture
+    vec4 texelColor = color;
+    float averageColor = (texelColor.r + texelColor.g + texelColor.b) / 3.0;
+
+    // Determine brightness-dependent color factor
+    float factor = mix(
+        mix(0.09,
+            mix(0.005, 0.0075, (averageColor - 0.1) / 0.1),
+            step(0.01, averageColor)), 0.0005,
+        step(0.02, averageColor));
+    // Apply phosphor glow effect
+    vec4 sum = vec4(0.0);
+    vec4 pixels[9];
+    pixels[0] = texture2D(tex, tc - vec2(0.001, 0.001));
+    pixels[1] = texture2D(tex, tc - vec2(0.001, 0.0));
+    pixels[2] = texture2D(tex, tc - vec2(0.001, -0.001));
+    pixels[3] = texture2D(tex, tc - vec2(0.0, 0.001));
+    pixels[4] = texture2D(tex, tc);
+    pixels[5] = texture2D(tex, tc + vec2(0.001, 0.001));
+    pixels[6] = texture2D(tex, tc + vec2(0.001, 0.0));
+    pixels[7] = texture2D(tex, tc + vec2(0.001, -0.001));
+    pixels[8] = texture2D(tex, tc + vec2(0.0, 0.001));
+
+// Perform operations on input pixels in parallel
+    sum = pixels[0]
+        + pixels[1]
+        + pixels[2]
+        + pixels[3]
+        + pixels[4]
+        + pixels[5]
+        + pixels[6]
+        + pixels[7]
+        + pixels[8];
+    sum /= 9.0;
+    sum += texture2D(tex, tc - vec2(0.01, 0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(0.0, 0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(-0.01, 0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(0.01, 0.0)) * 0.001;
+    sum += color * PHOSPHOR_BLUR_AMOUNT;
+    sum += texture2D(tex, tc - vec2(-0.01, 0.0)) * 0.001;
+    sum += texture2D(tex, tc - vec2(0.01, -0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(0.0, -0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(-0.01, -0.01)) * 0.001;
+    sum *= PHOSPHOR_GLOW_AMOUNT;
+
+    // Initialize sum_sum_factor to zero
+    vec4 sum_sum_factor = vec4(0.0);
+    // Compute sum_j for i = -1
+    vec4 sum_j = vec4(0.0);
+    sum_j += texture2D(tex, tc + vec2(-1, -1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, -1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, -1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(-1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(-1, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 1) * 0.01);
+    sum_sum_factor += sum_j * vec4(0.011);
+
+    // Compute sum_j for i = 0
+    sum_j = vec4(0.0);
+    sum_j += texture2D(tex, tc + vec2(-1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(-1, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 1) * 0.01);
+    sum_sum_factor += sum_j * vec4(0.011);
+
+    // Compute sum_j for i = 1
+    sum_j = vec4(0.0);
+    sum_j += texture2D(tex, tc + vec2(-1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(-1, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 1) * 0.01);
+    sum_sum_factor += sum_j * vec4(0.011);
+    color += mix(sum_sum_factor * sum_sum_factor * vec4(factor), sum, 0.5);
+    return color;
+}
+
+vec4 applyAdaptiveSharpen(vec2 tc, vec4 color, sampler2D tex) {
+    vec4 color_tl = texture2D(tex, tc + vec2(-1.0, -1.0) * 0.5 / 2160.0);
+    vec4 color_tr = texture2D(tex, tc + vec2(1.0, -1.0) * 0.5 / 2160.0);
+    vec4 color_bl = texture2D(tex, tc + vec2(-1.0, 1.0) * 0.5 / 2160.0);
+    vec4 color_br = texture2D(tex, tc + vec2(1.0, 1.0) * 0.5 / 2160.0);
+    float sharpness = SHARPNESS;
+    vec3 color_no_alpha = color.rgb;
+    vec3 color_tl_no_alpha = color_tl.rgb;
+    vec3 color_tr_no_alpha = color_tr.rgb;
+    vec3 color_bl_no_alpha = color_bl.rgb;
+    vec3 color_br_no_alpha = color_br.rgb;
+    float delta = (dot(color_no_alpha, vec3(0.333333)) + dot(color_tl_no_alpha, vec3(0.333333)) + dot(color_tr_no_alpha, vec3(0.333333)) + dot(color_bl_no_alpha, vec3(0.333333)) + dot(color_br_no_alpha, vec3(0.333333))) * 0.2 - dot(color_no_alpha, vec3(0.333333));
+    vec3 sharp_color_no_alpha = color_no_alpha + min(vec3(0.0), vec3(delta * sharpness));
+    vec4 sharp_color = vec4(sharp_color_no_alpha, color.a);
+    return sharp_color;
+}
+
+vec4 applyScanlines(vec2 tc, vec4 color) {
+    float scanline = (cos(tc.y * SCANLINE_FREQUENCY + SCANLINE_TIME) *
+                      sin(tc.y * SCANLINE_FREQUENCY + SCANLINE_TIME)) * SCANLINE_THICKNESS;
+    float alpha = clamp(1.0 - abs(scanline), 0.0, 1.0);
+    return vec4(color.rgb * alpha, color.a);
+}
+
+vec4 applyChromaticAberration(vec2 uv, vec4 color) {
+    vec2 center = vec2(0.5, 0.5); // center of the screen
+    vec2 offset = (uv - center) * CHROMATIC_ABERRATION_STRENGTH; // calculate the offset from the center
+
+    // apply lens distortion
+    float rSquared = dot(offset, offset);
+    float distortion = 1.0 + LENS_DISTORTION_AMOUNT * rSquared;
+    vec2 distortedOffset = offset * distortion;
+
+    // apply chromatic aberration
+    vec2 redOffset = vec2(distortedOffset.x * 1.00, distortedOffset.y * 1.00);
+    vec2 blueOffset = vec2(distortedOffset.x * 1.00, distortedOffset.y * 1.00);
+
+    vec4 redColor = texture2D(tex, uv + redOffset);
+    vec4 blueColor = texture2D(tex, uv + blueOffset);
+
+    vec4 result = vec4(redColor.r, color.g, blueColor.b, color.a);
+
+    return result;
+}
+
+vec4 reduceGlare(vec4 color) {
+    // Calculate the intensity of the color by taking the average of the RGB components
+    float intensity = (color.r + color.g + color.b) / 3.0;
+    // Set the maximum intensity that can be considered for glare
+    float maxIntensity = 0.98;
+    // Use smoothstep to create a smooth transition from no glare to full glare
+    // based on the intensity of the color and the maximum intensity
+    float glareIntensity = smoothstep(maxIntensity - 0.02, maxIntensity, intensity);
+    // Set the amount of glare to apply to the color
+    float glareAmount = 0.02;
+    // Mix the original color with the reduced color that has glare applied to it
+    vec3 reducedColor = mix(color.rgb, vec3(glareIntensity), glareAmount);
+    // Return the reduced color with the original alpha value
+    return vec4(reducedColor, color.a);
+}
+
+// Apply a fake HDR effect to the input color.
+// Parameters:
+// - inputColor: the color to apply the effect to.
+// - brightness: the brightness of the image. Should be a value between 0 and 1.
+// - contrast: the contrast of the image. Should be a value between 0 and 1.
+// - saturation: the saturation of the image. Should be a value between 0 and 2.
+// - bloom: the intensity of the bloom effect. Should be a value between 0 and 1.
+vec4 applyFakeHDREffect(vec4 inputColor, float brightness, float contrast, float saturation, float bloom) {
+    const float minBrightness = 0.0;
+    const float maxBrightness = 1.0;
+    const float minContrast = 0.0;
+    const float maxContrast = 1.0;
+    const float minSaturation = 0.0;
+    const float maxSaturation = 2.0;
+    const float minBloom = 0.0;
+    const float maxBloom = 1.0;
+
+    // Check input parameters for validity
+    if (brightness < minBrightness || brightness > maxBrightness) {
+        return vec4(0.0, 0.0, 0.0, 1.0); // Return black with alpha of 1.0 to indicate error
+    }
+    if (contrast < minContrast || contrast > maxContrast) {
+        return vec4(0.0, 0.0, 0.0, 1.0);
+    }
+    if (saturation < minSaturation || saturation > maxSaturation) {
+        return vec4(0.0, 0.0, 0.0, 1.0);
+    }
+    if (bloom < minBloom || bloom > maxBloom) {
+        return vec4(0.0, 0.0, 0.0, 1.0);
+    }
+
+    // Apply brightness and contrast
+    vec3 color = inputColor.rgb;
+    color = (color - vec3(0.5)) * exp2(brightness * 10.0) + vec3(0.5);
+    color = mix(vec3(0.5), color, pow(contrast * 4.0 + 1.0, 2.0));
+
+    // // NTSC
+    // vec3 lumCoeff = vec3(0.2125, 0.7154, 0.0721);
+
+    // // BT.709
+    // vec3 lumCoeff = vec3(0.299, 0.587, 0.114);
+
+    // // BT.2020
+    // vec3 lumCoeff = vec3(0.2627, 0.6780, 0.0593);
+
+    // Warm NTSC
+    vec3 lumCoeff = vec3(0.2125, 0.7010, 0.0865);
+
+    // Apply saturation
+    float luminance = dot(color, lumCoeff);
+    vec3 grey = vec3(luminance);
+    color = mix(grey, color, saturation);
+
+    // Apply bloom effect
+    float threshold = 1.0 - bloom;
+    vec3 bloomColor = max(color - threshold, vec3(0.0));
+    bloomColor = pow(bloomColor, vec3(2.0));
+    bloomColor = mix(vec3(0.0), bloomColor, pow(min(luminance, threshold), 4.0));
+    color += bloomColor;
+
+    return vec4(color, inputColor.a);
+}
+
+vec4 bilateralFilter(sampler2D tex, vec2 uv, vec4 color, float sampleRadius, float noiseThreshold, float intensity) {
+    vec4 filteredColor = vec4(0.0);
+    float totalWeight = 0.0;
+
+    // Top-left pixel
+    vec4 sample = texture2D(tex, uv + vec2(-1.0, -1.0));
+    float dist = length(vec2(-1.0, -1.0));
+    float colorDist = length(sample - color);
+    float weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Top pixel
+    sample = texture2D(tex, uv + vec2(0.0, -1.0));
+    dist = length(vec2(0.0, -1.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Top-right pixel
+    sample = texture2D(tex, uv + vec2(1.0, -1.0));
+    dist = length(vec2(1.0, -1.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Left pixel
+    sample = texture2D(tex, uv + vec2(-1.0, 0.0));
+    dist = length(vec2(-1.0, 0.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Center pixel
+    sample = texture2D(tex, uv);
+    dist = 0.0;
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Right pixel
+    sample = texture2D(tex, uv + vec2(1.0, 0.0));
+    dist = length(vec2(1.0, 0.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Bottom-left pixel
+    sample = texture2D(tex, uv + vec2(-1.0, 1.0));
+    dist = length(vec2(-1.0, 1.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+// Bottom pixel
+    sample = texture2D(tex, uv + vec2(0.0, sampleRadius));
+    dist = length(vec2(0.0, sampleRadius));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    filteredColor /= totalWeight;
+    return mix(color, filteredColor, step(noiseThreshold, length(filteredColor - color)));
+}
+
+vec4 supersample(sampler2D tex, vec2 uv, float sampleRadius, float noiseThreshold, float intensity) {
+    float radiusSq = sampleRadius * sampleRadius;
+    vec2 poissonDisk;
+    vec4 color = vec4(0.0);
+
+    float r1_0 = sqrt(0.0 / 16.0);
+    float r2_0 = fract(1.0 / 3.0);
+    float theta_0 = TWOPI * r2_0;
+    poissonDisk = vec2(r1_0 * cos(theta_0), r1_0 * sin(theta_0));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_1 = sqrt(1.0 / 16.0);
+    float r2_1 = fract(2.0 / 3.0);
+    float theta_1 = TWOPI * r2_1;
+    poissonDisk = vec2(r1_1 * cos(theta_1), r1_1 * sin(theta_1));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_2 = sqrt(2.0 / 16.0);
+    float r2_2 = fract(3.0 / 3.0);
+    float theta_2 = TWOPI * r2_2;
+    poissonDisk = vec2(r1_2 * cos(theta_2), r1_2 * sin(theta_2));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_3 = sqrt(3.0 / 16.0);
+    float r2_3 = fract(4.0 / 3.0);
+    float theta_3 = TWOPI * r2_3;
+    poissonDisk = vec2(r1_3 * cos(theta_3), r1_3 * sin(theta_3));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_4 = sqrt(4.0 / 16.0);
+    float r2_4 = fract(5.0 / 3.0);
+    float theta_4 = TWOPI * r2_4;
+    poissonDisk = vec2(r1_4 * cos(theta_4), r1_4 * sin(theta_4));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_5 = sqrt(5.0 / 16.0);
+    float r2_5 = fract(6.0 / 3.0);
+    float theta_5 = TWOPI * r2_5;
+    poissonDisk = vec2(r1_5 * cos(theta_5), r1_5 * sin(theta_5));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_6 = sqrt(6.0 / 16.0);
+    float r2_6 = fract(7.0 / 3.0);
+    float theta_6 = TWOPI * r2_6;
+    poissonDisk = vec2(r1_6 * cos(theta_6), r1_6 * sin(theta_6));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_7 = sqrt(7.0 / 16.0);
+    float r2_7 = fract(8.0 / 3.0);
+    float theta_7 = TWOPI * r2_7;
+    poissonDisk = vec2(r1_7 * cos(theta_7), r1_7 * sin(theta_7));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_8 = sqrt(8.0 / 16.0);
+    float r2_8 = fract(9.0 / 3.0);
+    float theta_8 = TWOPI * r2_8;
+    poissonDisk = vec2(r1_8 * cos(theta_8), r1_8 * sin(theta_8));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_9 = sqrt(9.0 / 16.0);
+    float r2_9 = fract(10.0 / 3.0);
+    float theta_9 = TWOPI * r2_9;
+    poissonDisk = vec2(r1_9 * cos(theta_9), r1_9 * sin(theta_9));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_10 = sqrt(10.0 / 16.0);
+    float r2_10 = fract(11.0 / 3.0);
+    float theta_10 = TWOPI * r2_10;
+    poissonDisk = vec2(r1_10 * cos(theta_10), r1_10 * sin(theta_10));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_11 = sqrt(11.0 / 16.0);
+    float r2_11 = fract(12.0 / 3.0);
+    float theta_11 = TWOPI * r2_11;
+    poissonDisk = vec2(r1_11 * cos(theta_11), r1_11 * sin(theta_11));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_12 = sqrt(12.0 / 16.0);
+    float r2_12 = fract(13.0 / 3.0);
+    float theta_12 = TWOPI * r2_12;
+    poissonDisk = vec2(r1_12 * cos(theta_12), r1_12 * sin(theta_12));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_13 = sqrt(13.0 / 16.0);
+    float r2_13 = fract(14.0 / 3.0);
+    float theta_13 = TWOPI * r2_13;
+    poissonDisk = vec2(r1_13 * cos(theta_13), r1_13 * sin(theta_13));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_14 = sqrt(14.0 / 16.0);
+    float r2_14 = fract(15.0 / 3.0);
+    float theta_14 = TWOPI * r2_14;
+    poissonDisk = vec2(r1_14 * cos(theta_14), r1_14 * sin(theta_14));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_15 = sqrt(15.0 / 16.0);
+    float r2_15 = fract(16.0 / 3.0);
+    float theta_15 = TWOPI * r2_15;
+    poissonDisk = vec2(r1_15 * cos(theta_15), r1_15 * sin(theta_15));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    return bilateralFilter(tex, uv, color, sampleRadius, noiseThreshold, intensity);
+}
+void main() {
+    vec2 tc_no_dist = v_texcoord;
+
+    vec2 tc = applyBarrelDistortion(tc_no_dist, DISTORTION_AMOUNT);
+
+    // [-1, 1]
+    vec2 tc_no_dist_symmetric = tc_no_dist * 2.0 - 1.0;
+
+    // [0,1]
+    vec2 tc_no_dist_normalized = (tc_no_dist_symmetric + 1.0) / 2.0;
+
+    // vec4 color = texture2D(tex, tc);
+    vec4 color = supersample(tex, tc, SAMPLING_RADIUS, NOISE_THRESHOLD, DENOISE_INTENSITY);
+
+    color = applyAdaptiveSharpen(tc, color, tex);
+
+    color = applyPhosphorGlow(tc, color, tex);
+
+    color = reduceGlare(color);
+
+    color = mix(applyFakeHDREffect(color, HDR_BRIGHTNESS, HDR_CONTRAST, HDR_SATURATION, HDR_BLOOM), color, 0.5);
+
+    color = applyColorCorrection(color);
+
+    color /= SUPERSAMPLING_SAMPLES;
+
+    color = mix(applyChromaticAberration(tc, color), color, 0.25);
+
+    color = mix(color, applyVignette(color), 0.37);
+
+    color = applyBorder(tc_no_dist_normalized, color, 1.0 - BORDER_SIZE * BORDER_RADIUS, BORDER_COLOR);
+
+    color = mix(applyBorder(tc, color, BORDER_SIZE, BORDER_COLOR), color, 0.05);
+
+    color = applyScanlines(tc, color);
+
+    gl_FragColor = color;
+    gl_FragColor.a = 1.0;
+}
+
diff --git a/.config/hypr/shaders/drugs.frag b/.config/hypr/shaders/drugs.frag
new file mode 100755
index 000000000..1190ed03c
--- /dev/null
+++ b/.config/hypr/shaders/drugs.frag
@@ -0,0 +1,42 @@
+
+precision highp float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+uniform float time;
+
+void warpco(inout vec2 tc) {
+    tc -= 0.5;
+    tc *= length(tc) * 2.0;
+    tc += 0.5;
+}
+
+float rand1d(float seed) {
+   return sin(seed*1454.0); 
+}
+
+float rand2d(vec2 co)
+{
+  return fract(sin(dot(co.xy, vec2(12.9898,78.233))) * 43758.5453);
+}
+
+vec3 rgb(in vec2 tc, float freq, float amp, inout vec4 centre) {
+    vec2 off = vec2(1.0/800.0, 0.0) * sin(tc.t * freq + time) * amp;
+    vec2 off2 = vec2(1.0/800.0, 0.0) * sin(tc.t * freq - time * 1.5) * amp;
+    centre = texture2D(tex, tc);
+    return vec3(texture2D(tex, tc-off).r, centre.g, texture2D(tex, tc+off2).b);
+}
+
+void main() {
+    // vec2 px = 1.0 / textureSize(tex, 0).st;
+    vec2 tc = v_texcoord;
+    warpco(tc);
+    tc = mix(v_texcoord, tc, sin(time * 2.0)*0.07);
+    tc.x += rand2d(floor(tc * 20.0 + floor(time * 2.5))) * 0.01;
+    tc.x += rand1d(floor(tc.x * 40.0)) * 0.005 * rand1d(time * 0.001);
+    tc.y += sin(tc.x + time) * 0.02;
+    vec4 centre;
+    vec3 bent = rgb(tc, 100.0, 5.0, centre);
+    vec3 col = mix(centre.rgb, bent, sin(time));
+    gl_FragColor = vec4(col, centre.a);
+    // gl_FragColor = vec4(texture2D(tex, v_texcoord));
+}
\ No newline at end of file
diff --git a/.config/hypr/shaders/extradark.frag b/.config/hypr/shaders/extradark.frag
new file mode 100755
index 000000000..089ee8149
--- /dev/null
+++ b/.config/hypr/shaders/extradark.frag
@@ -0,0 +1,21 @@
+// vim: set ft=glsl:
+// blue light filter shader
+// values from https://reshade.me/forum/shader-discussion/3673-blue-light-filter-similar-to-f-lux
+
+precision mediump float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+
+void main() {
+
+    vec4 pixColor = texture2D(tex, v_texcoord);
+
+    // red
+    pixColor[0] *= 0.7;
+    // green
+    pixColor[1] *= 0.6;
+    // blue
+    pixColor[2] *= 0.5;
+
+    gl_FragColor = pixColor;
+}
diff --git a/.config/hypr/shaders/solarized.frag b/.config/hypr/shaders/solarized.frag
new file mode 100755
index 000000000..1c37f2cc0
--- /dev/null
+++ b/.config/hypr/shaders/solarized.frag
@@ -0,0 +1,41 @@
+// -*- mode:c -*-
+precision lowp float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+
+float distanceSquared(vec3 pixColor, vec3 solarizedColor) {
+	vec3 distanceVector = pixColor - solarizedColor;
+	return dot(distanceVector, distanceVector);
+}
+
+void main() {
+	vec3 solarized[16];
+	solarized[0]  = vec3(0.,0.169,0.212);
+	solarized[1]  = vec3(0.027,0.212,0.259);
+	solarized[2]  = vec3(0.345,0.431,0.459);
+	solarized[3]  = vec3(0.396,0.482,0.514);
+	solarized[4]  = vec3(0.514,0.58,0.588);
+	solarized[5]  = vec3(0.576,0.631,0.631);
+	solarized[6]  = vec3(0.933,0.91,0.835);
+	solarized[7]  = vec3(0.992,0.965,0.89);
+	solarized[8]  = vec3(0.71,0.537,0.);
+	solarized[9]  = vec3(0.796,0.294,0.086);
+	solarized[10] = vec3(0.863,0.196,0.184);
+	solarized[11] = vec3(0.827,0.212,0.51);
+	solarized[12] = vec3(0.424,0.443,0.769);
+	solarized[13] = vec3(0.149,0.545,0.824);
+	solarized[14] = vec3(0.165,0.631,0.596);
+	solarized[15] = vec3(0.522,0.6,0.);
+
+	vec3 pixColor = vec3(texture2D(tex, v_texcoord));
+	int closest = 0;
+	float closestDistanceSquared = distanceSquared(pixColor, solarized[0]);
+	for (int i = 1; i < 15; i++) {
+		float newDistanceSquared = distanceSquared(pixColor, solarized[i]);
+		if (newDistanceSquared < closestDistanceSquared) {
+			closest = i;
+			closestDistanceSquared = newDistanceSquared;
+		}
+	}
+	gl_FragColor = vec4(solarized[closest], 1.);
+}
diff --git a/.config/mpv/mpv.conf b/.config/mpv/mpv.conf
new file mode 100644
index 000000000..f7dc66c09
--- /dev/null
+++ b/.config/mpv/mpv.conf
@@ -0,0 +1 @@
+keep-open=yes
\ No newline at end of file
diff --git a/.config/starship.toml b/.config/starship.toml
new file mode 100755
index 000000000..efb6047db
--- /dev/null
+++ b/.config/starship.toml
@@ -0,0 +1,96 @@
+# Don't print a new line at the start of the prompt
+add_newline = false
+# Pipes ╰─ ╭─
+# Powerline symbols                                     
+# Wedges 🭧🭒 🭣🭧🭓
+# Random noise 🬖🬥🬔🬗
+
+right_format = """\
+$cmd_duration
+"""
+
+format = """
+$username$hostname$directory
+$character
+"""
+
+# Replace the "❯" symbol in the prompt with "➜"
+[character]                            # The name of the module we are configuring is "character"
+success_symbol = "[🭧🭒](bold fg:blue)[ ➜ ](bold bg:blue fg:black)[](bold fg:blue)"
+
+error_symbol = "[🭧🭒](bold fg:red)[ ✗ ](bold bg:red fg:black)[](bold fg:red)"
+# Disable the package module, hiding it from the prompt completely
+[package]
+disabled = true
+
+[git_branch]
+symbol = "🌱 "
+truncation_length = 4
+truncation_symbol = ""
+
+[git_commit]
+commit_hash_length = 4
+tag_symbol = "🔖 "
+
+[git_state]
+format = '[\($state( $progress_current of $progress_total)\)]($style) '
+cherry_pick = "[🍒 PICKING](bold red)"
+
+[git_status]
+conflicted = " 🏳 "
+ahead = " 🏎💨 "
+behind = " 😰 "
+diverged = " 😵 "
+untracked = " 🤷 ‍"
+stashed = " 📦 "
+modified = " 📝 "
+staged = '[++\($count\)](blue)'
+renamed = " ✍️ "
+deleted = " 🗑 "
+
+[hostname]
+ssh_only = false
+format =  "[ ](bold bg:cyan fg:blue)[$hostname ](bg:cyan bold fg:black)[ ](bold fg:cyan bg:blue)"
+trim_at = ".companyname.com"
+disabled = false
+
+[line_break]
+disabled = false
+
+[memory_usage]
+disabled = true
+threshold = -1
+symbol = " "
+style = "bold dimmed blue"
+
+[time]
+disabled = true
+format = '🕙[\[ $time \]]($style) '
+time_format = "%T"
+
+[username]
+style_user = "bold bg:blue fg:black"
+style_root = "red bold"
+format = "[🭃](bold fg:blue)[$user ]($style)"
+disabled = false
+show_always = true
+
+[directory]
+home_symbol = " "
+read_only = "  "
+style = "bg:blue fg:black"
+truncation_length = 2
+truncation_symbol = "./"
+format = '[$path]($style)[🭞](fg:blue)'
+
+
+[directory.substitutions]
+"Documents" = " "
+"/" = "  "
+"Downloads" = " "
+"Music" = " "
+"Pictures" = " "
+
+[cmd_duration]
+min_time = 0
+format = '[🬈🬖🬥🬅 ](bold bg:yellow fg:black)[time:$duration](bold bg:yellow fg:black)[ 🬖🬥🬔🬗](bold bg:yellow fg:black)'
diff --git a/.config/swaylock/config b/.config/swaylock/config
new file mode 100644
index 000000000..450e7f0b0
--- /dev/null
+++ b/.config/swaylock/config
@@ -0,0 +1 @@
+color=090B10AA
\ No newline at end of file
diff --git a/.config/wlogout/layout b/.config/wlogout/layout
new file mode 100755
index 000000000..2d79da961
--- /dev/null
+++ b/.config/wlogout/layout
@@ -0,0 +1,36 @@
+{
+    "label" : "lock",
+    "action" : "gtklock",
+    "text" : "lock",
+    "keybind" : "l"
+}
+{
+    "label" : "hibernate",
+    "action" : "systemctl hibernate",
+    "text" : "save",
+    "keybind" : "h"
+}
+{
+    "label" : "logout",
+    "action" : "loginctl terminate-user $USER",
+    "text" : "logout",
+    "keybind" : "e"
+}
+{
+    "label" : "shutdown",
+    "action" : "systemctl poweroff",
+    "text" : "power_settings_new",
+    "keybind" : "s"
+}
+{
+    "label" : "suspend",
+    "action" : "systemctl suspend",
+    "text" : "bedtime",
+    "keybind" : "u"
+}
+{
+    "label" : "reboot",
+    "action" : "systemctl reboot",
+    "text" : "restart_alt",
+    "keybind" : "r"
+}
diff --git a/.config/wlogout/noise.png b/.config/wlogout/noise.png
new file mode 100755
index 000000000..028b188b5
Binary files /dev/null and b/.config/wlogout/noise.png differ
diff --git a/.config/wlogout/style.css b/.config/wlogout/style.css
new file mode 100755
index 000000000..8b72ccd0e
--- /dev/null
+++ b/.config/wlogout/style.css
@@ -0,0 +1,27 @@
+* {
+	all: unset;
+	background-image: none;
+	transition: 400ms cubic-bezier(0.05, 0.7, 0.1, 1);
+}
+
+window {
+	background: rgba(0, 0, 0, 0.5);
+	background-image: url('./noise.png');
+}
+
+button {
+	font-family: 'Material Symbols Outlined';
+	font-size: 10rem;
+	background-color: rgba(11, 11, 11, 0.4);
+	color: #FFFFFF;
+	margin: 2rem;
+	border-radius: 2rem;
+	padding: 3rem;
+}
+
+button:focus,
+button:active,
+button:hover {
+	background-color: rgba(51, 51, 51, 0.5);
+	border-radius: 4rem;
+}
\ No newline at end of file
diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 000000000..dfe077042
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1,2 @@
+# Auto detect text files and perform LF normalization
+* text=auto
diff --git a/.github/ISSUE_TEMPLATE/issue.md b/.github/ISSUE_TEMPLATE/issue.md
new file mode 100644
index 000000000..7bde6bc80
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/issue.md
@@ -0,0 +1,14 @@
+---
+name: Issue
+about: for reporting any issue
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+- **I have read the instructions** and I have a problem with branch: 
+---
+## The issue
+- (describe your problem here)
+- (if it throws errors, **PLEASE**, attach logs and describe in detail if possible)
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 000000000..8b1378917
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+
diff --git a/.local/bin/Hyprland-wrapped b/.local/bin/Hyprland-wrapped
new file mode 100755
index 000000000..56238b120
--- /dev/null
+++ b/.local/bin/Hyprland-wrapped
@@ -0,0 +1,18 @@
+#!/bin/sh
+
+cd ~
+
+#export XDG_CURRENT_DESKTOP=GNOME
+#export XDG_SESSION_TYPE=wayland
+#export XDG_SESSION_DESKTOP=GNOME
+#export EDITOR = /usr/bin/gnome-text-editor
+
+export XMODIFIERS=@im=ibus
+export GTK_IM_MODULE=ibus
+export QT_IM_MODULE=ibus
+
+#export QT_QPA_PLATFORMTHEME=qt5ct #QT Theme (for KDE apps)
+export QT_QPA_PLATFORMTHEME=qt5ct
+
+exec Hyprland
+
diff --git a/.local/bin/record-script-fullscreen.sh b/.local/bin/record-script-fullscreen.sh
new file mode 100755
index 000000000..51f723a0f
--- /dev/null
+++ b/.local/bin/record-script-fullscreen.sh
@@ -0,0 +1,10 @@
+#/usr/bin/bash
+
+cd /home/end/Videos
+if ["$(pidof wf-recorder)" -ne ""]; then
+    notify-send "wf-recorder" "Starting recording" -a 'wf-recorder'
+    wf-recorder -t -f './recording_'"$(date '+%Y_%m_%_d..%H.%M')"'.mp4' --audio=alsa_output.pci-0000_08_00.6.analog-stereo.monitor
+else
+    /usr/bin/kill --signal SIGINT wf-recorder
+    notify-send "wf-recorder" "Recording Stopped" -a 'wf-recorder'
+fi
diff --git a/.local/bin/record-script.sh b/.local/bin/record-script.sh
new file mode 100755
index 000000000..1e38b9ddf
--- /dev/null
+++ b/.local/bin/record-script.sh
@@ -0,0 +1,10 @@
+#/usr/bin/bash
+
+cd /home/end/Videos
+if [[ "$(pidof wf-recorder)" == "" ]]; then
+    notify-send "wf-recorder" "Starting recording" -a 'wf-recorder'
+    wf-recorder -f './recording_'"$(date '+%Y_%m_%_d..%H.%M')"'.mp4' -t --geometry "$(slurp)" 
+else
+    /usr/bin/kill --signal SIGINT wf-recorder
+    notify-send "wf-recorder" "Recording Stopped" -a 'wf-recorder'
+fi
\ No newline at end of file
diff --git a/.local/bin/rubyshot b/.local/bin/rubyshot
new file mode 100755
index 000000000..8431bd693
--- /dev/null
+++ b/.local/bin/rubyshot
@@ -0,0 +1,6 @@
+#!/usr/bin/bash
+
+WORKSPACES="$(hyprctl monitors -j | jq -r 'map(.activeWorkspace.id)')"
+WINDOWS="$(hyprctl clients -j | jq -r --argjson workspaces "$WORKSPACES" 'map(select([.workspace.id] | inside($workspaces)))' )"
+GEOM=$(echo "$WINDOWS" | jq -r '.[] | "\(.at[0]),\(.at[1]) \(.size[0])x\(.size[1])"' | slurp -f '%x %y %w %h')
+wayshot -s "$GEOM" --stdout ${#:+"$@"}
\ No newline at end of file
diff --git a/.local/bin/switchrice.sh b/.local/bin/switchrice.sh
new file mode 100755
index 000000000..5a5581632
--- /dev/null
+++ b/.local/bin/switchrice.sh
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+if [[ "$2" == "" ]]; then # basic rice switching
+    notify-send 'Usage: >swr [save name] [load name]'
+    exit
+fi
+mkdir -p ~/.config/__enderice/
+mv ~/.config/eww ~/.config/__enderice/eww_"$1"
+mv ~/.config/hypr ~/.config/__enderice/hypr_"$1"
+
+mv ~/.config/__enderice/eww_"$2" ~/.config/eww
+mv ~/.config/__enderice/hypr_"$2" ~/.config/hypr
+
+pkill eww && eww open bar && eww open bgdecor
\ No newline at end of file
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
new file mode 100644
index 000000000..f6010d4c4
--- /dev/null
+++ b/CONTRIBUTING.md
@@ -0,0 +1,4 @@
+# Contributing
+- Please understand that dotfiles are personal
+- Fixes are fine
+- If you make new stuff, I'll probably nitpick as I want quality
diff --git a/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/Cached Theme.pak b/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/Cached Theme.pak
new file mode 100755
index 000000000..036a8e860
Binary files /dev/null and b/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/Cached Theme.pak differ
diff --git a/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon128.png b/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon128.png
new file mode 100755
index 000000000..fbe2ed7e2
Binary files /dev/null and b/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon128.png differ
diff --git a/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon16.png b/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon16.png
new file mode 100755
index 000000000..75e6ced3b
Binary files /dev/null and b/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon16.png differ
diff --git a/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon48.png b/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon48.png
new file mode 100755
index 000000000..c93cfc794
Binary files /dev/null and b/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon48.png differ
diff --git a/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/manifest.json b/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/manifest.json
new file mode 100755
index 000000000..0e4fd0f9e
--- /dev/null
+++ b/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/manifest.json	
@@ -0,0 +1,35 @@
+{
+  "manifest_version": 3,
+  "name": "Catppuccin Chrome Theme - Mocha - Colorful",
+  "description": "Soothing pastel theme for Google Chrome - Catppuccin Mocha",
+  "version": "3.0",
+  "icons": {
+    "16": "images/icon16.png",
+    "48": "images/icon48.png",
+    "128": "images/icon128.png"
+  },
+  "theme": {
+    "colors": {
+      "frame": [30, 30, 46],
+      "frame_inactive": [30, 30, 46],
+      "frame_incognito": [30, 30, 46],
+      "frame_incognito_inactive": [30, 30, 46],
+      "bookmark_text": [137, 180, 250],
+      "tab_background_text": [186, 194, 222],
+      "tab_background_text_inactive": [186, 194, 222],
+      "tab_background_text_incognito": [203, 166, 247],
+      "tab_background_text_incognito_inactive": [137, 180, 250],
+      "tab_text": [203, 166, 247],
+      "toolbar": [65, 72, 104],
+      "toolbar_button_icon": [203, 166, 247],
+      "omnibox_text": [203, 166, 247],
+      "omnibox_background": [49, 50, 68],
+      "ntp_background": [30, 30, 46],
+      "ntp_link": [203, 166, 247],
+      "ntp_text": [203, 166, 247],
+      "ntp_link_underline": [30, 30, 46],
+      "ntp_section_link_underline": [30, 30, 46],
+      "button_background": [65, 72, 104]
+    }
+  }
+}
diff --git a/Import Manually/chromethemes/EverForest-Dark-B/Cached Theme.pak b/Import Manually/chromethemes/EverForest-Dark-B/Cached Theme.pak
new file mode 100755
index 000000000..6cb19536f
Binary files /dev/null and b/Import Manually/chromethemes/EverForest-Dark-B/Cached Theme.pak differ
diff --git a/Import Manually/chromethemes/EverForest-Dark-B/images/icon128.png b/Import Manually/chromethemes/EverForest-Dark-B/images/icon128.png
new file mode 100755
index 000000000..fbe2ed7e2
Binary files /dev/null and b/Import Manually/chromethemes/EverForest-Dark-B/images/icon128.png differ
diff --git a/Import Manually/chromethemes/EverForest-Dark-B/images/icon16.png b/Import Manually/chromethemes/EverForest-Dark-B/images/icon16.png
new file mode 100755
index 000000000..75e6ced3b
Binary files /dev/null and b/Import Manually/chromethemes/EverForest-Dark-B/images/icon16.png differ
diff --git a/Import Manually/chromethemes/EverForest-Dark-B/images/icon48.png b/Import Manually/chromethemes/EverForest-Dark-B/images/icon48.png
new file mode 100755
index 000000000..c93cfc794
Binary files /dev/null and b/Import Manually/chromethemes/EverForest-Dark-B/images/icon48.png differ
diff --git a/Import Manually/chromethemes/EverForest-Dark-B/manifest.json b/Import Manually/chromethemes/EverForest-Dark-B/manifest.json
new file mode 100755
index 000000000..6f2f5bd69
--- /dev/null
+++ b/Import Manually/chromethemes/EverForest-Dark-B/manifest.json	
@@ -0,0 +1,35 @@
+{
+  "manifest_version": 3,
+  "name": "Everforest Dark B",
+  "description": "Forest.",
+  "version": "3.0",
+  "icons": {
+    "16": "images/icon16.png",
+    "48": "images/icon48.png",
+    "128": "images/icon128.png"
+  },
+  "theme": {
+    "colors": {
+      "frame": [28, 32, 33],
+      "frame_inactive": [30, 32, 31],
+      "frame_incognito": [28, 32, 33],
+      "frame_incognito_inactive": [30, 32, 31],
+      "bookmark_text": [211, 198, 170],
+      "tab_background_text": [161, 152, 131], 
+      "tab_background_text_inactive": [211, 198, 170],
+      "tab_background_text_incognito": [161, 152, 131],
+      "tab_background_text_incognito_inactive": [211, 198, 170],
+      "tab_text": [168, 179, 112],
+      "toolbar": [48, 49, 52],
+      "toolbar_button_icon": [168, 179, 112],
+      "omnibox_text": [168, 179, 112],
+      "omnibox_background": [28, 32, 33],
+      "ntp_background": [28, 32, 33],
+      "ntp_link": [168, 179, 112],
+      "ntp_text": [168, 179, 112],
+      "ntp_link_underline": [28, 32, 33],
+      "ntp_section_link_underline": [28, 32, 33],
+      "button_background": [48, 49, 52]
+    }
+  }
+}
diff --git a/Import Manually/chromethemes/README.md b/Import Manually/chromethemes/README.md
new file mode 100644
index 000000000..8c35b6a95
--- /dev/null
+++ b/Import Manually/chromethemes/README.md	
@@ -0,0 +1,4 @@
+## Chrome themes
+- Go to chrome:extensions (might be different depending on your chromium browser)
+- Click "Load Unpacked"
+- Go to one of the folders in this directory and choose it
\ No newline at end of file
diff --git a/Import Manually/chromethemes/TokyoNight/Cached Theme.pak b/Import Manually/chromethemes/TokyoNight/Cached Theme.pak
new file mode 100755
index 000000000..72a3c406a
Binary files /dev/null and b/Import Manually/chromethemes/TokyoNight/Cached Theme.pak differ
diff --git a/Import Manually/chromethemes/TokyoNight/images/icon128.png b/Import Manually/chromethemes/TokyoNight/images/icon128.png
new file mode 100755
index 000000000..fbe2ed7e2
Binary files /dev/null and b/Import Manually/chromethemes/TokyoNight/images/icon128.png differ
diff --git a/Import Manually/chromethemes/TokyoNight/images/icon16.png b/Import Manually/chromethemes/TokyoNight/images/icon16.png
new file mode 100755
index 000000000..75e6ced3b
Binary files /dev/null and b/Import Manually/chromethemes/TokyoNight/images/icon16.png differ
diff --git a/Import Manually/chromethemes/TokyoNight/images/icon48.png b/Import Manually/chromethemes/TokyoNight/images/icon48.png
new file mode 100755
index 000000000..c93cfc794
Binary files /dev/null and b/Import Manually/chromethemes/TokyoNight/images/icon48.png differ
diff --git a/Import Manually/chromethemes/TokyoNight/manifest.json b/Import Manually/chromethemes/TokyoNight/manifest.json
new file mode 100755
index 000000000..9f9e5ed0a
--- /dev/null
+++ b/Import Manually/chromethemes/TokyoNight/manifest.json	
@@ -0,0 +1,35 @@
+{
+  "manifest_version": 3,
+  "name": "TokyoNight-Dark",
+  "description": "Dark",
+  "version": "3.0",
+  "icons": {
+    "16": "images/icon16.png",
+    "48": "images/icon48.png",
+    "128": "images/icon128.png"
+  },
+  "theme": {
+    "colors": {
+      "frame": [26, 27, 38],
+      "frame_inactive": [26, 27, 38],
+      "frame_incognito": [26, 27, 38],
+      "frame_incognito_inactive": [26, 27, 38],
+      "bookmark_text": [192, 202, 245],
+      "tab_background_text": [192, 202, 245],
+      "tab_background_text_inactive": [192, 202, 245],
+      "tab_background_text_incognito": [192, 202, 245],
+      "tab_background_text_incognito_inactive": [192, 202, 245],
+      "tab_text": [13, 183, 212],
+      "toolbar": [46, 47, 66],
+      "toolbar_button_icon": [192, 202, 245],
+      "omnibox_text": [13, 183, 212],
+      "omnibox_background": [26, 27, 38],
+      "ntp_background": [46, 47, 66],
+      "ntp_link": [13, 183, 212],
+      "ntp_text": [13, 183, 212],
+      "ntp_link_underline": [13, 183, 212],
+      "ntp_section_link_underline": [13, 183, 212],
+      "button_background": [30, 30, 46]
+    }
+  }
+}
diff --git a/Import Manually/scripts (add to path)/fuzzel-emoji b/Import Manually/scripts (add to path)/fuzzel-emoji
new file mode 100755
index 000000000..fd8ec95b4
--- /dev/null
+++ b/Import Manually/scripts (add to path)/fuzzel-emoji	
@@ -0,0 +1,1869 @@
+#!/bin/bash
+if [ $? -eq 0 ]
+then
+    sed '1,/^### DATA ###$/d' $0 | fuzzel --no-fuzzy --dmenu | cut -d ' ' -f 1 | tr -d '\n' | wl-copy
+else
+    sed '1,/^### DATA ###$/d' $0 | fuzzel --no-fuzzy --dmenu | cut -d ' ' -f 1 | tr -d '\n' | wl-copy
+fi
+exit
+### DATA ###
+¿? question upside down reversed spanish
+← left arrow
+↑ up arrow
+→ right arrow
+↓ down arrow
+←↑→↓ all directions up down left right arrows
+AH↗️HA↘️HA↗️HA↘️HA↗️HA↘️HA↗️HA↘️ pekora arrows hahaha rabbit
+• dot circle separator
+「」 japanese quote square bracket
+¯\_(ツ)_/¯ shrug idk i dont know
+↵ enter key return
+😀 grinning face face smile happy joy :D grin
+😃 grinning face with big eyes face happy joy haha :D :) smile funny
+😄 grinning face with smiling eyes face happy joy funny haha laugh like :D :) smile
+😁 beaming face with smiling eyes face happy smile joy kawaii
+😆 grinning squinting face happy joy lol satisfied haha face glad XD laugh
+😅 grinning face with sweat face hot happy laugh sweat smile relief
+🤣 rolling on the floor laughing face rolling floor laughing lol haha rofl
+😂 face with tears of joy face cry tears weep happy happytears haha
+🙂 slightly smiling face face smile
+🙃 upside down face face flipped silly smile
+😉 winking face face happy mischievous secret ;) smile eye
+😊 smiling face with smiling eyes face smile happy flushed crush embarrassed shy joy
+😇 smiling face with halo face angel heaven halo
+🥰 smiling face with hearts face love like affection valentines infatuation crush hearts adore
+😍 smiling face with heart eyes face love like affection valentines infatuation crush heart
+🤩 star struck face smile starry eyes grinning
+😘 face blowing a kiss face love like affection valentines infatuation kiss
+😗 kissing face love like face 3 valentines infatuation kiss
+☺️ smiling face face blush massage happiness
+😚 kissing face with closed eyes face love like affection valentines infatuation kiss
+😙 kissing face with smiling eyes face affection valentines infatuation kiss
+😋 face savoring food happy joy tongue smile face silly yummy nom delicious savouring
+😛 face with tongue face prank childish playful mischievous smile tongue
+😜 winking face with tongue face prank childish playful mischievous smile wink tongue
+🤪 zany face face goofy crazy
+😝 squinting face with tongue face prank playful mischievous smile tongue
+🤑 money mouth face face rich dollar money
+🤗 hugging face face smile hug
+🤭 face with hand over mouth face whoops shock surprise
+🤫 shushing face face quiet shhh
+🤔 thinking face face hmmm think consider
+🤐 zipper mouth face face sealed zipper secret
+🤨 face with raised eyebrow face distrust scepticism disapproval disbelief surprise
+😐 neutral face indifference meh :| neutral
+😑 expressionless face face indifferent - - meh deadpan
+😶 face without mouth face hellokitty
+😏 smirking face face smile mean prank smug sarcasm
+😒 unamused face indifference bored straight face serious sarcasm unimpressed skeptical dubious side eye
+🙄 face with rolling eyes face eyeroll frustrated
+😬 grimacing face face grimace teeth
+🤥 lying face face lie pinocchio
+😌 relieved face face relaxed phew massage happiness
+😔 pensive face face sad depressed upset
+😪 sleepy face face tired rest nap
+🤤 drooling face face
+😴 sleeping face face tired sleepy night zzz
+😷 face with medical mask face sick ill disease
+🤒 face with thermometer sick temperature thermometer cold fever
+🤕 face with head bandage injured clumsy bandage hurt
+🤢 nauseated face face vomit gross green sick throw up ill
+🤮 face vomiting face sick
+🤧 sneezing face face gesundheit sneeze sick allergy
+🥵 hot face face feverish heat red sweating
+🥶 cold face face blue freezing frozen frostbite icicles
+🥴 woozy face face dizzy intoxicated tipsy wavy
+😵 dizzy face spent unconscious xox dizzy
+🤯 exploding head face shocked mind blown
+🤠 cowboy hat face face cowgirl hat
+🥳 partying face face celebration woohoo
+😎 smiling face with sunglasses face cool smile summer beach sunglass
+🤓 nerd face face nerdy geek dork
+🧐 face with monocle face stuffy wealthy
+😕 confused face face indifference huh weird hmmm :/
+😟 worried face face concern nervous :(
+🙁 slightly frowning face face frowning disappointed sad upset
+☹️ frowning face face sad upset frown
+😮 face with open mouth face surprise impressed wow whoa :O
+😯 hushed face face woo shh
+😲 astonished face face xox surprised poisoned
+😳 flushed face face blush shy flattered sex
+🥺 pleading face face begging mercy
+😦 frowning face with open mouth face aw what
+😧 anguished face face stunned nervous
+😨 fearful face face scared terrified nervous oops huh
+😰 anxious face with sweat face nervous sweat
+😥 sad but relieved face face phew sweat nervous
+😢 crying face face tears sad depressed upset :'(
+😭 loudly crying face face cry tears sad upset depressed sob
+😱 face screaming in fear face munch scared omg
+😖 confounded face face confused sick unwell oops :S
+😣 persevering face face sick no upset oops
+😞 disappointed face face sad upset depressed :(
+😓 downcast face with sweat face hot sad tired exercise
+😩 weary face face tired sleepy sad frustrated upset
+😫 tired face sick whine upset frustrated
+🥱 yawning face tired sleepy
+😤 face with steam from nose face gas phew proud pride
+😡 pouting face angry mad hate despise
+😠 angry face mad face annoyed frustrated
+🤬 face with symbols on mouth face swearing cursing cussing profanity expletive
+😈 smiling face with horns devil horns
+👿 angry face with horns devil angry horns
+💀 skull dead skeleton creepy death
+☠️ skull and crossbones poison danger deadly scary death pirate evil
+💩 pile of poo hankey shitface fail turd shit
+🤡 clown face face
+👹 ogre monster red mask halloween scary creepy devil demon japanese ogre
+👺 goblin red evil mask monster scary creepy japanese goblin
+👻 ghost halloween spooky scary
+👽 alien UFO paul weird outer space
+👾 alien monster game arcade play
+🤖 robot computer machine bot
+😺 grinning cat animal cats happy smile
+😸 grinning cat with smiling eyes animal cats smile
+😹 cat with tears of joy animal cats haha happy tears
+😻 smiling cat with heart eyes animal love like affection cats valentines heart
+😼 cat with wry smile animal cats smirk
+😽 kissing cat animal cats kiss
+🙀 weary cat animal cats munch scared scream
+😿 crying cat animal tears weep sad cats upset cry
+😾 pouting cat animal cats
+🙈 see no evil monkey monkey animal nature haha
+🙉 hear no evil monkey animal monkey nature
+🙊 speak no evil monkey monkey animal nature omg
+💋 kiss mark face lips love like affection valentines
+💌 love letter email like affection envelope valentines
+💘 heart with arrow love like heart affection valentines
+💝 heart with ribbon love valentines
+💖 sparkling heart love like affection valentines
+💗 growing heart like love affection valentines pink
+💓 beating heart love like affection valentines pink heart
+💞 revolving hearts love like affection valentines
+💕 two hearts love like affection valentines heart
+💟 heart decoration purple-square love like
+❣️ heart exclamation decoration love
+💔 broken heart sad sorry break heart heartbreak
+❤️ red heart love like valentines
+🧡 orange heart love like affection valentines
+💛 yellow heart love like affection valentines
+💚 green heart love like affection valentines
+💙 blue heart love like affection valentines
+💜 purple heart love like affection valentines
+🤎 brown heart coffee
+🖤 black heart evil
+🤍 white heart pure
+💯 hundred points score perfect numbers century exam quiz test pass hundred
+💢 anger symbol angry mad
+💥 collision bomb explode explosion collision blown
+💫 dizzy star sparkle shoot magic
+💦 sweat droplets water drip oops
+💨 dashing away wind air fast shoo fart smoke puff
+🕳️ hole embarrassing
+💣 bomb boom explode explosion terrorism
+💬 speech balloon bubble words message talk chatting
+👁️‍🗨️ eye in speech bubble info
+🗨️ left speech bubble words message talk chatting
+🗯️ right anger bubble caption speech thinking mad
+💭 thought balloon bubble cloud speech thinking dream
+💤 zzz sleepy tired dream
+👋 waving hand hands gesture goodbye solong farewell hello hi palm
+🤚 raised back of hand fingers raised backhand
+🖐️ hand with fingers splayed hand fingers palm
+✋ raised hand fingers stop highfive palm ban
+🖖 vulcan salute hand fingers spock star trek
+👌 ok hand fingers limbs perfect ok okay
+🤏 pinching hand tiny small size
+✌️ victory hand fingers ohyeah hand peace victory two
+🤞 crossed fingers good lucky
+🤟 love you gesture hand fingers gesture
+🤘 sign of the horns hand fingers evil eye sign of horns rock on
+🤙 call me hand hands gesture shaka
+👈 backhand index pointing left direction fingers hand left
+👉 backhand index pointing right fingers hand direction right
+👆 backhand index pointing up fingers hand direction up
+🖕 middle finger hand fingers rude middle flipping
+👇 backhand index pointing down fingers hand direction down
+☝️ index pointing up hand fingers direction up
+👍 thumbs up thumbsup yes awesome good agree accept cool hand like +1
+👎 thumbs down thumbsdown no dislike hand -1
+✊ raised fist fingers hand grasp
+👊 oncoming fist angry violence fist hit attack hand
+🤛 left facing fist hand fistbump
+🤜 right facing fist hand fistbump
+👏 clapping hands hands praise applause congrats yay
+🙌 raising hands gesture hooray yea celebration hands
+👐 open hands fingers butterfly hands open
+🤲 palms up together hands gesture cupped prayer
+🤝 handshake agreement shake
+🙏 folded hands please hope wish namaste highfive pray
+✍️ writing hand lower left ballpoint pen stationery write compose
+💅 nail polish beauty manicure finger fashion nail
+🤳 selfie camera phone
+💪 flexed biceps arm flex hand summer strong biceps
+🦾 mechanical arm accessibility
+🦿 mechanical leg accessibility
+🦵 leg kick limb
+🦶 foot kick stomp
+👂 ear face hear sound listen
+🦻 ear with hearing aid accessibility
+👃 nose smell sniff
+🧠 brain smart intelligent
+🦷 tooth teeth dentist
+🦴 bone skeleton
+👀 eyes look watch stalk peek see
+👁️ eye face look see watch stare
+👅 tongue mouth playful
+👄 mouth mouth kiss
+👶 baby child boy girl toddler
+🧒 child gender-neutral young
+👦 boy man male guy teenager
+👧 girl female woman teenager
+🧑 person gender-neutral person
+👱 person blond hair hairstyle
+👨 man mustache father dad guy classy sir moustache
+🧔 man beard person bewhiskered
+👨‍🦰 man red hair hairstyle
+👨‍🦱 man curly hair hairstyle
+👨‍🦳 man white hair old elder
+👨‍🦲 man bald hairless
+👩 woman female girls lady
+👩‍🦰 woman red hair hairstyle
+🧑‍🦰 person red hair hairstyle
+👩‍🦱 woman curly hair hairstyle
+🧑‍🦱 person curly hair hairstyle
+👩‍🦳 woman white hair old elder
+🧑‍🦳 person white hair elder old
+👩‍🦲 woman bald hairless
+🧑‍🦲 person bald hairless
+👱‍♀️ woman blond hair woman female girl blonde person
+👱‍♂️ man blond hair man male boy blonde guy person
+🧓 older person human elder senior gender-neutral
+👴 old man human male men old elder senior
+👵 old woman human female women lady old elder senior
+🙍 person frowning worried
+🙍‍♂️ man frowning male boy man sad depressed discouraged unhappy
+🙍‍♀️ woman frowning female girl woman sad depressed discouraged unhappy
+🙎 person pouting upset
+🙎‍♂️ man pouting male boy man
+🙎‍♀️ woman pouting female girl woman
+🙅 person gesturing no decline
+🙅‍♂️ man gesturing no male boy man nope
+🙅‍♀️ woman gesturing no female girl woman nope
+🙆 person gesturing ok agree
+🙆‍♂️ man gesturing ok men boy male blue human man
+🙆‍♀️ woman gesturing ok women girl female pink human woman
+💁 person tipping hand information
+💁‍♂️ man tipping hand male boy man human information
+💁‍♀️ woman tipping hand female girl woman human information
+🙋 person raising hand question
+🙋‍♂️ man raising hand male boy man
+🙋‍♀️ woman raising hand female girl woman
+🧏 deaf person accessibility
+🧏‍♂️ deaf man accessibility
+🧏‍♀️ deaf woman accessibility
+🙇 person bowing respectiful
+🙇‍♂️ man bowing man male boy
+🙇‍♀️ woman bowing woman female girl
+🤦 person facepalming disappointed
+🤦‍♂️ man facepalming man male boy disbelief
+🤦‍♀️ woman facepalming woman female girl disbelief
+🤷 person shrugging regardless
+🤷‍♂️ man shrugging man male boy confused indifferent doubt
+🤷‍♀️ woman shrugging woman female girl confused indifferent doubt
+🧑‍⚕️ health worker hospital
+👨‍⚕️ man health worker doctor nurse therapist healthcare man human
+👩‍⚕️ woman health worker doctor nurse therapist healthcare woman human
+🧑‍🎓 student learn
+👨‍🎓 man student graduate man human
+👩‍🎓 woman student graduate woman human
+🧑‍🏫 teacher professor
+👨‍🏫 man teacher instructor professor man human
+👩‍🏫 woman teacher instructor professor woman human
+🧑‍⚖️ judge law
+👨‍⚖️ man judge justice court man human
+👩‍⚖️ woman judge justice court woman human
+🧑‍🌾 farmer crops
+👨‍🌾 man farmer rancher gardener man human
+👩‍🌾 woman farmer rancher gardener woman human
+🧑‍🍳 cook food kitchen culinary
+👨‍🍳 man cook chef man human
+👩‍🍳 woman cook chef woman human
+🧑‍🔧 mechanic worker technician
+👨‍🔧 man mechanic plumber man human wrench
+👩‍🔧 woman mechanic plumber woman human wrench
+🧑‍🏭 factory worker labor
+👨‍🏭 man factory worker assembly industrial man human
+👩‍🏭 woman factory worker assembly industrial woman human
+🧑‍💼 office worker business
+👨‍💼 man office worker business manager man human
+👩‍💼 woman office worker business manager woman human
+🧑‍🔬 scientist chemistry
+👨‍🔬 man scientist biologist chemist engineer physicist man human
+👩‍🔬 woman scientist biologist chemist engineer physicist woman human
+🧑‍💻 technologist computer
+👨‍💻 man technologist coder developer engineer programmer software man human laptop computer
+👩‍💻 woman technologist coder developer engineer programmer software woman human laptop computer
+🧑‍🎤 singer song artist performer
+👨‍🎤 man singer rockstar entertainer man human
+👩‍🎤 woman singer rockstar entertainer woman human
+🧑‍🎨 artist painting draw creativity
+👨‍🎨 man artist painter man human
+👩‍🎨 woman artist painter woman human
+🧑‍✈️ pilot fly plane airplane
+👨‍✈️ man pilot aviator plane man human
+👩‍✈️ woman pilot aviator plane woman human
+🧑‍🚀 astronaut outerspace
+👨‍🚀 man astronaut space rocket man human
+👩‍🚀 woman astronaut space rocket woman human
+🧑‍🚒 firefighter fire
+👨‍🚒 man firefighter fireman man human
+👩‍🚒 woman firefighter fireman woman human
+👮 police officer cop
+👮‍♂️ man police officer man police law legal enforcement arrest 911
+👮‍♀️ woman police officer woman police law legal enforcement arrest 911 female
+🕵️ detective human spy detective
+🕵️‍♂️ man detective crime
+🕵️‍♀️ woman detective human spy detective female woman
+💂 guard protect
+💂‍♂️ man guard uk gb british male guy royal
+💂‍♀️ woman guard uk gb british female royal woman
+👷 construction worker labor build
+👷‍♂️ man construction worker male human wip guy build construction worker labor
+👷‍♀️ woman construction worker female human wip build construction worker labor woman
+🤴 prince boy man male crown royal king
+👸 princess girl woman female blond crown royal queen
+👳 person wearing turban headdress
+👳‍♂️ man wearing turban male indian hinduism arabs
+👳‍♀️ woman wearing turban female indian hinduism arabs woman
+👲 man with skullcap male boy chinese
+🧕 woman with headscarf female hijab mantilla tichel
+🤵 man in tuxedo couple marriage wedding groom
+👰 bride with veil couple marriage wedding woman bride
+🤰 pregnant woman baby
+🤱 breast feeding nursing baby
+👼 baby angel heaven wings halo
+🎅 santa claus festival man male xmas father christmas
+🤶 mrs claus woman female xmas mother christmas
+🦸 superhero marvel
+🦸‍♂️ man superhero man male good hero superpowers
+🦸‍♀️ woman superhero woman female good heroine superpowers
+🦹 supervillain marvel
+🦹‍♂️ man supervillain man male evil bad criminal hero superpowers
+🦹‍♀️ woman supervillain woman female evil bad criminal heroine superpowers
+🧙 mage magic
+🧙‍♂️ man mage man male mage sorcerer
+🧙‍♀️ woman mage woman female mage witch
+🧚 fairy wings magical
+🧚‍♂️ man fairy man male
+🧚‍♀️ woman fairy woman female
+🧛 vampire blood twilight
+🧛‍♂️ man vampire man male dracula
+🧛‍♀️ woman vampire woman female
+🧜 merperson sea
+🧜‍♂️ merman man male triton
+🧜‍♀️ mermaid woman female merwoman ariel
+🧝 elf magical
+🧝‍♂️ man elf man male
+🧝‍♀️ woman elf woman female
+🧞 genie magical wishes
+🧞‍♂️ man genie man male
+🧞‍♀️ woman genie woman female
+🧟 zombie dead
+🧟‍♂️ man zombie man male dracula undead walking dead
+🧟‍♀️ woman zombie woman female undead walking dead
+💆 person getting massage relax
+💆‍♂️ man getting massage male boy man head
+💆‍♀️ woman getting massage female girl woman head
+💇 person getting haircut hairstyle
+💇‍♂️ man getting haircut male boy man
+💇‍♀️ woman getting haircut female girl woman
+🚶 person walking move
+🚶‍♂️ man walking human feet steps
+🚶‍♀️ woman walking human feet steps woman female
+🧍 person standing still
+🧍‍♂️ man standing still
+🧍‍♀️ woman standing still
+🧎 person kneeling pray respectful
+🧎‍♂️ man kneeling pray respectful
+🧎‍♀️ woman kneeling respectful pray
+🧑‍🦯 person with probing cane blind
+👨‍🦯 man with probing cane blind
+👩‍🦯 woman with probing cane blind
+🧑‍🦼 person in motorized wheelchair disability accessibility
+👨‍🦼 man in motorized wheelchair disability accessibility
+👩‍🦼 woman in motorized wheelchair disability accessibility
+🧑‍🦽 person in manual wheelchair disability accessibility
+👨‍🦽 man in manual wheelchair disability accessibility
+👩‍🦽 woman in manual wheelchair disability accessibility
+🏃 person running move
+🏃‍♂️ man running man walking exercise race running
+🏃‍♀️ woman running woman walking exercise race running female
+💃 woman dancing female girl woman fun
+🕺 man dancing male boy fun dancer
+🕴️ man in suit levitating suit business levitate hover jump
+👯 people with bunny ears perform costume
+👯‍♂️ men with bunny ears male bunny men boys
+👯‍♀️ women with bunny ears female bunny women girls
+🧖 person in steamy room relax spa
+🧖‍♂️ man in steamy room male man spa steamroom sauna
+🧖‍♀️ woman in steamy room female woman spa steamroom sauna
+🧗 person climbing sport
+🧗‍♂️ man climbing sports hobby man male rock
+🧗‍♀️ woman climbing sports hobby woman female rock
+🤺 person fencing sports fencing sword
+🏇 horse racing animal betting competition gambling luck
+⛷️ skier sports winter snow
+🏂 snowboarder sports winter
+🏌️ person golfing sports business
+🏌️‍♂️ man golfing sport
+🏌️‍♀️ woman golfing sports business woman female
+🏄 person surfing sport sea
+🏄‍♂️ man surfing sports ocean sea summer beach
+🏄‍♀️ woman surfing sports ocean sea summer beach woman female
+🚣 person rowing boat sport move
+🚣‍♂️ man rowing boat sports hobby water ship
+🚣‍♀️ woman rowing boat sports hobby water ship woman female
+🏊 person swimming sport pool
+🏊‍♂️ man swimming sports exercise human athlete water summer
+🏊‍♀️ woman swimming sports exercise human athlete water summer woman female
+⛹️ person bouncing ball sports human
+⛹️‍♂️ man bouncing ball sport
+⛹️‍♀️ woman bouncing ball sports human woman female
+🏋️ person lifting weights sports training exercise
+🏋️‍♂️ man lifting weights sport
+🏋️‍♀️ woman lifting weights sports training exercise woman female
+🚴 person biking sport move
+🚴‍♂️ man biking sports bike exercise hipster
+🚴‍♀️ woman biking sports bike exercise hipster woman female
+🚵 person mountain biking sport move
+🚵‍♂️ man mountain biking transportation sports human race bike
+🚵‍♀️ woman mountain biking transportation sports human race bike woman female
+🤸 person cartwheeling sport gymnastic
+🤸‍♂️ man cartwheeling gymnastics
+🤸‍♀️ woman cartwheeling gymnastics
+🤼 people wrestling sport
+🤼‍♂️ men wrestling sports wrestlers
+🤼‍♀️ women wrestling sports wrestlers
+🤽 person playing water polo sport
+🤽‍♂️ man playing water polo sports pool
+🤽‍♀️ woman playing water polo sports pool
+🤾 person playing handball sport
+🤾‍♂️ man playing handball sports
+🤾‍♀️ woman playing handball sports
+🤹 person juggling performance balance
+🤹‍♂️ man juggling juggle balance skill multitask
+🤹‍♀️ woman juggling juggle balance skill multitask
+🧘 person in lotus position meditate
+🧘‍♂️ man in lotus position man male meditation yoga serenity zen mindfulness
+🧘‍♀️ woman in lotus position woman female meditation yoga serenity zen mindfulness
+🛀 person taking bath clean shower bathroom
+🛌 person in bed bed rest
+🧑‍🤝‍🧑 people holding hands friendship
+👭 women holding hands pair friendship couple love like female people human
+👫 woman and man holding hands pair people human love date dating like affection valentines marriage
+👬 men holding hands pair couple love like bromance friendship people human
+💏 kiss pair valentines love like dating marriage
+👩‍❤️‍💋‍👨 kiss woman man love
+👨‍❤️‍💋‍👨 kiss man man pair valentines love like dating marriage
+👩‍❤️‍💋‍👩 kiss woman woman pair valentines love like dating marriage
+💑 couple with heart pair love like affection human dating valentines marriage
+👩‍❤️‍👨 couple with heart woman man love
+👨‍❤️‍👨 couple with heart man man pair love like affection human dating valentines marriage
+👩‍❤️‍👩 couple with heart woman woman pair love like affection human dating valentines marriage
+👪 family home parents child mom dad father mother people human
+👨‍👩‍👦 family man woman boy love
+👨‍👩‍👧 family man woman girl home parents people human child
+👨‍👩‍👧‍👦 family man woman girl boy home parents people human children
+👨‍👩‍👦‍👦 family man woman boy boy home parents people human children
+👨‍👩‍👧‍👧 family man woman girl girl home parents people human children
+👨‍👨‍👦 family man man boy home parents people human children
+👨‍👨‍👧 family man man girl home parents people human children
+👨‍👨‍👧‍👦 family man man girl boy home parents people human children
+👨‍👨‍👦‍👦 family man man boy boy home parents people human children
+👨‍👨‍👧‍👧 family man man girl girl home parents people human children
+👩‍👩‍👦 family woman woman boy home parents people human children
+👩‍👩‍👧 family woman woman girl home parents people human children
+👩‍👩‍👧‍👦 family woman woman girl boy home parents people human children
+👩‍👩‍👦‍👦 family woman woman boy boy home parents people human children
+👩‍👩‍👧‍👧 family woman woman girl girl home parents people human children
+👨‍👦 family man boy home parent people human child
+👨‍👦‍👦 family man boy boy home parent people human children
+👨‍👧 family man girl home parent people human child
+👨‍👧‍👦 family man girl boy home parent people human children
+👨‍👧‍👧 family man girl girl home parent people human children
+👩‍👦 family woman boy home parent people human child
+👩‍👦‍👦 family woman boy boy home parent people human children
+👩‍👧 family woman girl home parent people human child
+👩‍👧‍👦 family woman girl boy home parent people human children
+👩‍👧‍👧 family woman girl girl home parent people human children
+🗣️ speaking head user person human sing say talk
+👤 bust in silhouette user person human
+👥 busts in silhouette user person human group team
+👣 footprints feet tracking walking beach
+🐵 monkey face animal nature circus
+🐒 monkey animal nature banana circus
+🦍 gorilla animal nature circus
+🦧 orangutan animal
+🐶 dog face animal friend nature woof puppy pet faithful
+🐕 dog animal nature friend doge pet faithful
+🦮 guide dog animal blind
+🐕‍🦺 service dog blind animal
+🐩 poodle dog animal 101 nature pet
+🐺 wolf animal nature wild
+🦊 fox animal nature face
+🦝 raccoon animal nature
+🐱 cat face animal meow nature pet kitten
+🐈 cat animal meow pet cats
+🦁 lion animal nature
+🐯 tiger face animal cat danger wild nature roar
+🐅 tiger animal nature roar
+🐆 leopard animal nature
+🐴 horse face animal brown nature
+🐎 horse animal gamble luck
+🦄 unicorn animal nature mystical
+🦓 zebra animal nature stripes safari
+🦌 deer animal nature horns venison
+🐮 cow face beef ox animal nature moo milk
+🐂 ox animal cow beef
+🐃 water buffalo animal nature ox cow
+🐄 cow beef ox animal nature moo milk
+🐷 pig face animal oink nature
+🐖 pig animal nature
+🐗 boar animal nature
+🐽 pig nose animal oink
+🐏 ram animal sheep nature
+🐑 ewe animal nature wool shipit
+🐐 goat animal nature
+🐪 camel animal hot desert hump
+🐫 two hump camel animal nature hot desert hump
+🦙 llama animal nature alpaca
+🦒 giraffe animal nature spots safari
+🐘 elephant animal nature nose th circus
+🦏 rhinoceros animal nature horn
+🦛 hippopotamus animal nature
+🐭 mouse face animal nature cheese wedge rodent
+🐁 mouse animal nature rodent
+🐀 rat animal mouse rodent
+🐹 hamster animal nature
+🐰 rabbit face animal nature pet spring magic bunny
+🐇 rabbit animal nature pet magic spring
+🐿️ chipmunk animal nature rodent squirrel
+🦔 hedgehog animal nature spiny
+🦇 bat animal nature blind vampire
+🐻 bear animal nature wild
+🐨 koala animal nature
+🐼 panda animal nature panda
+🦥 sloth animal
+🦦 otter animal
+🦨 skunk animal
+🦘 kangaroo animal nature australia joey hop marsupial
+🦡 badger animal nature honey
+🐾 paw prints animal tracking footprints dog cat pet feet
+🦃 turkey animal bird
+🐔 chicken animal cluck nature bird
+🐓 rooster animal nature chicken
+🐣 hatching chick animal chicken egg born baby bird
+🐤 baby chick animal chicken bird
+🐥 front facing baby chick animal chicken baby bird
+🐦 bird animal nature fly tweet spring
+🐧 penguin animal nature
+🕊️ dove animal bird
+🦅 eagle animal nature bird
+🦆 duck animal nature bird mallard
+🦢 swan animal nature bird
+🦉 owl animal nature bird hoot
+🦩 flamingo animal
+🦚 peacock animal nature peahen bird
+🦜 parrot animal nature bird pirate talk
+🐸 frog animal nature croak toad
+🐊 crocodile animal nature reptile lizard alligator
+🐢 turtle animal slow nature tortoise
+🦎 lizard animal nature reptile
+🐍 snake animal evil nature hiss python
+🐲 dragon face animal myth nature chinese green
+🐉 dragon animal myth nature chinese green
+🦕 sauropod animal nature dinosaur brachiosaurus brontosaurus diplodocus extinct
+🦖 t rex animal nature dinosaur tyrannosaurus extinct
+🐳 spouting whale animal nature sea ocean
+🐋 whale animal nature sea ocean
+🐬 dolphin animal nature fish sea ocean flipper fins beach
+🐟 fish animal food nature
+🐠 tropical fish animal swim ocean beach nemo
+🐡 blowfish animal nature food sea ocean
+🦈 shark animal nature fish sea ocean jaws fins beach
+🐙 octopus animal creature ocean sea nature beach
+🐚 spiral shell nature sea beach
+🐌 snail slow animal shell
+🦋 butterfly animal insect nature caterpillar
+🐛 bug animal insect nature worm
+🐜 ant animal insect nature bug
+🐝 honeybee animal insect nature bug spring honey
+🐞 lady beetle animal insect nature ladybug
+🦗 cricket animal cricket chirp
+🕷️ spider animal arachnid
+🕸️ spider web animal insect arachnid silk
+🦂 scorpion animal arachnid
+🦟 mosquito animal nature insect malaria
+🦠 microbe amoeba bacteria germs virus
+💐 bouquet flowers nature spring
+🌸 cherry blossom nature plant spring flower
+💮 white flower japanese spring
+🏵️ rosette flower decoration military
+🌹 rose flowers valentines love spring
+🥀 wilted flower plant nature flower
+🌺 hibiscus plant vegetable flowers beach
+🌻 sunflower nature plant fall
+🌼 blossom nature flowers yellow
+🌷 tulip flowers plant nature summer spring
+🌱 seedling plant nature grass lawn spring
+🌲 evergreen tree plant nature
+🌳 deciduous tree plant nature
+🌴 palm tree plant vegetable nature summer beach mojito tropical
+🌵 cactus vegetable plant nature
+🌾 sheaf of rice nature plant
+🌿 herb vegetable plant medicine weed grass lawn
+☘️ shamrock vegetable plant nature irish clover
+🍀 four leaf clover vegetable plant nature lucky irish
+🍁 maple leaf nature plant vegetable ca fall
+🍂 fallen leaf nature plant vegetable leaves
+🍃 leaf fluttering in wind nature plant tree vegetable grass lawn spring
+🍇 grapes fruit food wine
+🍈 melon fruit nature food
+🍉 watermelon fruit food picnic summer
+🍊 tangerine food fruit nature orange
+🍋 lemon fruit nature
+🍌 banana fruit food monkey
+🍍 pineapple fruit nature food
+🥭 mango fruit food tropical
+🍎 red apple fruit mac school
+🍏 green apple fruit nature
+🍐 pear fruit nature food
+🍑 peach fruit nature food
+🍒 cherries food fruit
+🍓 strawberry fruit food nature
+🥝 kiwi fruit fruit food
+🍅 tomato fruit vegetable nature food
+🥥 coconut fruit nature food palm
+🥑 avocado fruit food
+🍆 eggplant vegetable nature food aubergine
+🥔 potato food tuber vegatable starch
+🥕 carrot vegetable food orange
+🌽 ear of corn food vegetable plant
+🌶️ hot pepper food spicy chilli chili
+🥒 cucumber fruit food pickle
+🥬 leafy green food vegetable plant bok choy cabbage kale lettuce
+🥦 broccoli fruit food vegetable
+🧄 garlic food spice cook
+🧅 onion cook food spice
+🍄 mushroom plant vegetable
+🥜 peanuts food nut
+🌰 chestnut food squirrel
+🍞 bread food wheat breakfast toast
+🥐 croissant food bread french
+🥖 baguette bread food bread french
+🥨 pretzel food bread twisted
+🥯 bagel food bread bakery schmear
+🥞 pancakes food breakfast flapjacks hotcakes
+🧇 waffle food breakfast
+🧀 cheese wedge food chadder
+🍖 meat on bone good food drumstick
+🍗 poultry leg food meat drumstick bird chicken turkey
+🥩 cut of meat food cow meat cut chop lambchop porkchop
+🥓 bacon food breakfast pork pig meat
+🍔 hamburger meat fast food beef cheeseburger mcdonalds burger king
+🍟 french fries chips snack fast food
+🍕 pizza food party
+🌭 hot dog food frankfurter
+🥪 sandwich food lunch bread
+🌮 taco food mexican
+🌯 burrito food mexican
+🥙 stuffed flatbread food flatbread stuffed gyro
+🧆 falafel food
+🥚 egg food chicken breakfast
+🍳 cooking food breakfast kitchen egg
+🥘 shallow pan of food food cooking casserole paella
+🍲 pot of food food meat soup
+🥣 bowl with spoon food breakfast cereal oatmeal porridge
+🥗 green salad food healthy lettuce
+🍿 popcorn food movie theater films snack
+🧈 butter food cook
+🧂 salt condiment shaker
+🥫 canned food food soup
+🍱 bento box food japanese box
+🍘 rice cracker food japanese
+🍙 rice ball food japanese
+🍚 cooked rice food china asian
+🍛 curry rice food spicy hot indian
+🍜 steaming bowl food japanese noodle chopsticks
+🍝 spaghetti food italian noodle
+🍠 roasted sweet potato food nature
+🍢 oden food japanese
+🍣 sushi food fish japanese rice
+🍤 fried shrimp food animal appetizer summer
+🍥 fish cake with swirl food japan sea beach narutomaki pink swirl kamaboko surimi ramen
+🥮 moon cake food autumn
+🍡 dango food dessert sweet japanese barbecue meat
+🥟 dumpling food empanada pierogi potsticker
+🥠 fortune cookie food prophecy
+🥡 takeout box food leftovers
+🦀 crab animal crustacean
+🦞 lobster animal nature bisque claws seafood
+🦐 shrimp animal ocean nature seafood
+🦑 squid animal nature ocean sea
+🦪 oyster food
+🍦 soft ice cream food hot dessert summer
+🍧 shaved ice hot dessert summer
+🍨 ice cream food hot dessert
+🍩 doughnut food dessert snack sweet donut
+🍪 cookie food snack oreo chocolate sweet dessert
+🎂 birthday cake food dessert cake
+🍰 shortcake food dessert
+🧁 cupcake food dessert bakery sweet
+🥧 pie food dessert pastry
+🍫 chocolate bar food snack dessert sweet
+🍬 candy snack dessert sweet lolly
+🍭 lollipop food snack candy sweet
+🍮 custard dessert food
+🍯 honey pot bees sweet kitchen
+🍼 baby bottle food container milk
+🥛 glass of milk beverage drink cow
+☕ hot beverage beverage caffeine latte espresso coffee
+🍵 teacup without handle drink bowl breakfast green british
+🍶 sake wine drink drunk beverage japanese alcohol booze
+🍾 bottle with popping cork drink wine bottle celebration
+🍷 wine glass drink beverage drunk alcohol booze
+🍸 cocktail glass drink drunk alcohol beverage booze mojito
+🍹 tropical drink beverage cocktail summer beach alcohol booze mojito
+🍺 beer mug relax beverage drink drunk party pub summer alcohol booze
+🍻 clinking beer mugs relax beverage drink drunk party pub summer alcohol booze
+🥂 clinking glasses beverage drink party alcohol celebrate cheers wine champagne toast
+🥃 tumbler glass drink beverage drunk alcohol liquor booze bourbon scotch whisky glass shot
+🥤 cup with straw drink soda
+🧃 beverage box drink
+🧉 mate drink tea beverage
+🧊 ice water cold
+🥢 chopsticks food
+🍽️ fork and knife with plate food eat meal lunch dinner restaurant
+🍴 fork and knife cutlery kitchen
+🥄 spoon cutlery kitchen tableware
+🔪 kitchen knife knife blade cutlery kitchen weapon
+🏺 amphora vase jar
+🌍 globe showing europe africa globe world international
+🌎 globe showing americas globe world USA international
+🌏 globe showing asia australia globe world east international
+🌐 globe with meridians earth international world internet interweb i18n
+🗺️ world map location direction
+🗾 map of japan nation country japanese asia
+🧭 compass magnetic navigation orienteering
+🏔️ snow capped mountain photo nature environment winter cold
+⛰️ mountain photo nature environment
+🌋 volcano photo nature disaster
+🗻 mount fuji photo mountain nature japanese
+🏕️ camping photo outdoors tent
+🏖️ beach with umbrella weather summer sunny sand mojito
+🏜️ desert photo warm saharah
+🏝️ desert island photo tropical mojito
+🏞️ national park photo environment nature
+🏟️ stadium photo place sports concert venue
+🏛️ classical building art culture history
+🏗️ building construction wip working progress
+🧱 brick bricks
+🏘️ houses buildings photo
+🏚️ derelict house abandon evict broken building
+🏠 house building home
+🏡 house with garden home plant nature
+🏢 office building building bureau work
+🏣 japanese post office building envelope communication
+🏤 post office building email
+🏥 hospital building health surgery doctor
+🏦 bank building money sales cash business enterprise
+🏨 hotel building accomodation checkin
+🏩 love hotel like affection dating
+🏪 convenience store building shopping groceries
+🏫 school building student education learn teach
+🏬 department store building shopping mall
+🏭 factory building industry pollution smoke
+🏯 japanese castle photo building
+🏰 castle building royalty history
+💒 wedding love like affection couple marriage bride groom
+🗼 tokyo tower photo japanese
+🗽 statue of liberty american newyork
+⛪ church building religion christ
+🕌 mosque islam worship minaret
+🛕 hindu temple religion
+🕍 synagogue judaism worship temple jewish
+⛩️ shinto shrine temple japan kyoto
+🕋 kaaba mecca mosque islam
+⛲ fountain photo summer water fresh
+⛺ tent photo camping outdoors
+🌁 foggy photo mountain
+🌃 night with stars evening city downtown
+🏙️ cityscape photo night life urban
+🌄 sunrise over mountains view vacation photo
+🌅 sunrise morning view vacation photo
+🌆 cityscape at dusk photo evening sky buildings
+🌇 sunset photo good morning dawn
+🌉 bridge at night photo sanfrancisco
+♨️ hot springs bath warm relax
+🎠 carousel horse photo carnival
+🎡 ferris wheel photo carnival londoneye
+🎢 roller coaster carnival playground photo fun
+💈 barber pole hair salon style
+🎪 circus tent festival carnival party
+🚂 locomotive transportation vehicle train
+🚃 railway car transportation vehicle
+🚄 high speed train transportation vehicle
+🚅 bullet train transportation vehicle speed fast public travel
+🚆 train transportation vehicle
+🚇 metro transportation blue-square mrt underground tube
+🚈 light rail transportation vehicle
+🚉 station transportation vehicle public
+🚊 tram transportation vehicle
+🚝 monorail transportation vehicle
+🚞 mountain railway transportation vehicle
+🚋 tram car transportation vehicle carriage public travel
+🚌 bus car vehicle transportation
+🚍 oncoming bus vehicle transportation
+🚎 trolleybus bart transportation vehicle
+🚐 minibus vehicle car transportation
+🚑 ambulance health 911 hospital
+🚒 fire engine transportation cars vehicle
+🚓 police car vehicle cars transportation law legal enforcement
+🚔 oncoming police car vehicle law legal enforcement 911
+🚕 taxi uber vehicle cars transportation
+🚖 oncoming taxi vehicle cars uber
+🚗 automobile red transportation vehicle
+🚘 oncoming automobile car vehicle transportation
+🚙 sport utility vehicle transportation vehicle
+🚚 delivery truck cars transportation
+🚛 articulated lorry vehicle cars transportation express
+🚜 tractor vehicle car farming agriculture
+🏎️ racing car sports race fast formula f1
+🏍️ motorcycle race sports fast
+🛵 motor scooter vehicle vespa sasha
+🦽 manual wheelchair accessibility
+🦼 motorized wheelchair accessibility
+🛺 auto rickshaw move transportation
+🚲 bicycle sports bicycle exercise hipster
+🛴 kick scooter vehicle kick razor
+🛹 skateboard board
+🚏 bus stop transportation wait
+🛣️ motorway road cupertino interstate highway
+🛤️ railway track train transportation
+🛢️ oil drum barrell
+⛽ fuel pump gas station petroleum
+🚨 police car light police ambulance 911 emergency alert error pinged law legal
+🚥 horizontal traffic light transportation signal
+🚦 vertical traffic light transportation driving
+🛑 stop sign stop
+🚧 construction wip progress caution warning
+⚓ anchor ship ferry sea boat
+⛵ sailboat ship summer transportation water sailing
+🛶 canoe boat paddle water ship
+🚤 speedboat ship transportation vehicle summer
+🛳️ passenger ship yacht cruise ferry
+⛴️ ferry boat ship yacht
+🛥️ motor boat ship
+🚢 ship transportation titanic deploy
+✈️ airplane vehicle transportation flight fly
+🛩️ small airplane flight transportation fly vehicle
+🛫 airplane departure airport flight landing
+🛬 airplane arrival airport flight boarding
+🪂 parachute fly glide
+💺 seat sit airplane transport bus flight fly
+🚁 helicopter transportation vehicle fly
+🚟 suspension railway vehicle transportation
+🚠 mountain cableway transportation vehicle ski
+🚡 aerial tramway transportation vehicle ski
+🛰️ satellite communication gps orbit spaceflight NASA ISS
+🚀 rocket launch ship staffmode NASA outer space outer space fly
+🛸 flying saucer transportation vehicle ufo
+🛎️ bellhop bell service
+🧳 luggage packing travel
+⌛ hourglass done time clock oldschool limit exam quiz test
+⏳ hourglass not done oldschool time countdown
+⌚ watch time accessories
+⏰ alarm clock time wake
+⏱️ stopwatch time deadline
+⏲️ timer clock alarm
+🕰️ mantelpiece clock time
+🕛 twelve o clock time noon midnight midday late early schedule
+🕧 twelve thirty time late early schedule
+🕐 one o clock time late early schedule
+🕜 one thirty time late early schedule
+🕑 two o clock time late early schedule
+🕝 two thirty time late early schedule
+🕒 three o clock time late early schedule
+🕞 three thirty time late early schedule
+🕓 four o clock time late early schedule
+🕟 four thirty time late early schedule
+🕔 five o clock time late early schedule
+🕠 five thirty time late early schedule
+🕕 six o clock time late early schedule dawn dusk
+🕡 six thirty time late early schedule
+🕖 seven o clock time late early schedule
+🕢 seven thirty time late early schedule
+🕗 eight o clock time late early schedule
+🕣 eight thirty time late early schedule
+🕘 nine o clock time late early schedule
+🕤 nine thirty time late early schedule
+🕙 ten o clock time late early schedule
+🕥 ten thirty time late early schedule
+🕚 eleven o clock time late early schedule
+🕦 eleven thirty time late early schedule
+🌑 new moon nature twilight planet space night evening sleep
+🌒 waxing crescent moon nature twilight planet space night evening sleep
+🌓 first quarter moon nature twilight planet space night evening sleep
+🌔 waxing gibbous moon nature night sky gray twilight planet space evening sleep
+🌕 full moon nature yellow twilight planet space night evening sleep
+🌖 waning gibbous moon nature twilight planet space night evening sleep waxing gibbous moon
+🌗 last quarter moon nature twilight planet space night evening sleep
+🌘 waning crescent moon nature twilight planet space night evening sleep
+🌙 crescent moon night sleep sky evening magic
+🌚 new moon face nature twilight planet space night evening sleep
+🌛 first quarter moon face nature twilight planet space night evening sleep
+🌜 last quarter moon face nature twilight planet space night evening sleep
+🌡️ thermometer weather temperature hot cold
+☀️ sun weather nature brightness summer beach spring
+🌝 full moon face nature twilight planet space night evening sleep
+🌞 sun with face nature morning sky
+🪐 ringed planet outerspace
+⭐ star night yellow
+🌟 glowing star night sparkle awesome good magic
+🌠 shooting star night photo
+🌌 milky way photo space stars
+☁️ cloud weather sky
+⛅ sun behind cloud weather nature cloudy morning fall spring
+⛈️ cloud with lightning and rain weather lightning
+🌤️ sun behind small cloud weather
+🌥️ sun behind large cloud weather
+🌦️ sun behind rain cloud weather
+🌧️ cloud with rain weather
+🌨️ cloud with snow weather
+🌩️ cloud with lightning weather thunder
+🌪️ tornado weather cyclone twister
+🌫️ fog weather
+🌬️ wind face gust air
+🌀 cyclone weather swirl blue cloud vortex spiral whirlpool spin tornado hurricane typhoon
+🌈 rainbow nature happy unicorn face photo sky spring
+🌂 closed umbrella weather rain drizzle
+☂️ umbrella weather spring
+☔ umbrella with rain drops rainy weather spring
+⛱️ umbrella on ground weather summer
+⚡ high voltage thunder weather lightning bolt fast
+❄️ snowflake winter season cold weather christmas xmas
+☃️ snowman winter season cold weather christmas xmas frozen
+⛄ snowman without snow winter season cold weather christmas xmas frozen without snow
+☄️ comet space
+🔥 fire hot cook flame
+💧 droplet water drip faucet spring
+🌊 water wave sea water wave nature tsunami disaster
+🎃 jack o lantern halloween light pumpkin creepy fall
+🎄 christmas tree festival vacation december xmas celebration
+🎆 fireworks photo festival carnival congratulations
+🎇 sparkler stars night shine
+🧨 firecracker dynamite boom explode explosion explosive
+✨ sparkles stars shine shiny cool awesome good magic
+🎈 balloon party celebration birthday circus
+🎉 party popper party congratulations birthday magic circus celebration tada
+🎊 confetti ball festival party birthday circus
+🎋 tanabata tree plant nature branch summer
+🎍 pine decoration plant nature vegetable panda pine decoration
+🎎 japanese dolls japanese toy kimono
+🎏 carp streamer fish japanese koinobori carp banner
+🎐 wind chime nature ding spring bell
+🎑 moon viewing ceremony photo japan asia tsukimi
+🧧 red envelope gift
+🎀 ribbon decoration pink girl bowtie
+🎁 wrapped gift present birthday christmas xmas
+🎗️ reminder ribbon sports cause support awareness
+🎟️ admission tickets sports concert entrance
+🎫 ticket event concert pass
+🎖️ military medal award winning army
+🏆 trophy win award contest place ftw ceremony
+🏅 sports medal award winning
+🥇 1st place medal award winning first
+🥈 2nd place medal award second
+🥉 3rd place medal award third
+⚽ soccer ball sports football
+⚾ baseball sports balls
+🥎 softball sports balls
+🏀 basketball sports balls NBA
+🏐 volleyball sports balls
+🏈 american football sports balls NFL
+🏉 rugby football sports team
+🎾 tennis sports balls green
+🥏 flying disc sports frisbee ultimate
+🎳 bowling sports fun play
+🏏 cricket game sports
+🏑 field hockey sports
+🏒 ice hockey sports
+🥍 lacrosse sports ball stick
+🏓 ping pong sports pingpong
+🏸 badminton sports
+🥊 boxing glove sports fighting
+🥋 martial arts uniform judo karate taekwondo
+🥅 goal net sports
+⛳ flag in hole sports business flag hole summer
+⛸️ ice skate sports
+🎣 fishing pole food hobby summer
+🤿 diving mask sport ocean
+🎽 running shirt play pageant
+🎿 skis sports winter cold snow
+🛷 sled sleigh luge toboggan
+🥌 curling stone sports
+🎯 direct hit game play bar target bullseye
+🪀 yo yo toy
+🪁 kite wind fly
+🎱 pool 8 ball pool hobby game luck magic
+🔮 crystal ball disco party magic circus fortune teller
+🧿 nazar amulet bead charm
+🎮 video game play console PS4 Wii GameCube controller
+🕹️ joystick game play
+🎰 slot machine bet gamble vegas fruit machine luck casino
+🎲 game die dice random tabletop play luck
+🧩 puzzle piece interlocking puzzle piece
+🧸 teddy bear plush stuffed
+♠️ spade suit poker cards suits magic
+♥️ heart suit poker cards magic suits
+♦️ diamond suit poker cards magic suits
+♣️ club suit poker cards magic suits
+♟️ chess pawn expendable
+🃏 joker poker cards game play magic
+🀄 mahjong red dragon game play chinese kanji
+🎴 flower playing cards game sunset red
+🎭 performing arts acting theater drama
+🖼️ framed picture photography
+🎨 artist palette design paint draw colors
+🧵 thread needle sewing spool string
+🧶 yarn ball crochet knit
+👓 glasses fashion accessories eyesight nerdy dork geek
+🕶️ sunglasses face cool accessories
+🥽 goggles eyes protection safety
+🥼 lab coat doctor experiment scientist chemist
+🦺 safety vest protection
+👔 necktie shirt suitup formal fashion cloth business
+👕 t shirt fashion cloth casual shirt tee
+👖 jeans fashion shopping
+🧣 scarf neck winter clothes
+🧤 gloves hands winter clothes
+🧥 coat jacket
+🧦 socks stockings clothes
+👗 dress clothes fashion shopping
+👘 kimono dress fashion women female japanese
+🥻 sari dress
+🩱 one piece swimsuit fashion
+🩲 briefs clothing
+🩳 shorts clothing
+👙 bikini swimming female woman girl fashion beach summer
+👚 woman s clothes fashion shopping bags female
+👛 purse fashion accessories money sales shopping
+👜 handbag fashion accessory accessories shopping
+👝 clutch bag bag accessories shopping
+🛍️ shopping bags mall buy purchase
+🎒 backpack student education bag backpack
+👞 man s shoe fashion male
+👟 running shoe shoes sports sneakers
+🥾 hiking boot backpacking camping hiking
+🥿 flat shoe ballet slip-on slipper
+👠 high heeled shoe fashion shoes female pumps stiletto
+👡 woman s sandal shoes fashion flip flops
+🩰 ballet shoes dance
+👢 woman s boot shoes fashion
+👑 crown king kod leader royalty lord
+👒 woman s hat fashion accessories female lady spring
+🎩 top hat magic gentleman classy circus
+🎓 graduation cap school college degree university graduation cap hat legal learn education
+🧢 billed cap cap baseball
+⛑️ rescue worker s helmet construction build
+📿 prayer beads dhikr religious
+💄 lipstick female girl fashion woman
+💍 ring wedding propose marriage valentines diamond fashion jewelry gem engagement
+💎 gem stone blue ruby diamond jewelry
+🔇 muted speaker sound volume silence quiet
+🔈 speaker low volume sound volume silence broadcast
+🔉 speaker medium volume volume speaker broadcast
+🔊 speaker high volume volume noise noisy speaker broadcast
+📢 loudspeaker volume sound
+📣 megaphone sound speaker volume
+📯 postal horn instrument music
+🔔 bell sound notification christmas xmas chime
+🔕 bell with slash sound volume mute quiet silent
+🎼 musical score treble clef compose
+🎵 musical note score tone sound
+🎶 musical notes music score
+🎙️ studio microphone sing recording artist talkshow
+🎚️ level slider scale
+🎛️ control knobs dial
+🎤 microphone sound music PA sing talkshow
+🎧 headphone music score gadgets
+📻 radio communication music podcast program
+🎷 saxophone music instrument jazz blues
+🎸 guitar music instrument
+🎹 musical keyboard piano instrument compose
+🎺 trumpet music brass
+🎻 violin music instrument orchestra symphony
+🪕 banjo music instructment
+🥁 drum music instrument drumsticks snare
+📱 mobile phone technology apple gadgets dial
+📲 mobile phone with arrow iphone incoming
+☎️ telephone technology communication dial telephone
+📞 telephone receiver technology communication dial
+📟 pager bbcall oldschool 90s
+📠 fax machine communication technology
+🔋 battery power energy sustain
+🔌 electric plug charger power
+💻 laptop technology laptop screen display monitor
+🖥️ desktop computer technology computing screen
+🖨️ printer paper ink
+⌨️ keyboard technology computer type input text
+🖱️ computer mouse click
+🖲️ trackball technology trackpad
+💽 computer disk technology record data disk 90s
+💾 floppy disk oldschool technology save 90s 80s
+💿 optical disk technology dvd disk disc 90s
+📀 dvd cd disk disc
+🧮 abacus calculation
+🎥 movie camera film record
+🎞️ film frames movie
+📽️ film projector video tape record movie
+🎬 clapper board movie film record
+📺 television technology program oldschool show television
+📷 camera gadgets photography
+📸 camera with flash photography gadgets
+📹 video camera film record
+📼 videocassette record video oldschool 90s 80s
+🔍 magnifying glass tilted left search zoom find detective
+🔎 magnifying glass tilted right search zoom find detective
+🕯️ candle fire wax
+💡 light bulb light electricity idea
+🔦 flashlight dark camping sight night
+🏮 red paper lantern light paper halloween spooky
+🪔 diya lamp lighting
+📔 notebook with decorative cover classroom notes record paper study
+📕 closed book read library knowledge textbook learn
+📖 open book book read library knowledge literature learn study
+📗 green book read library knowledge study
+📘 blue book read library knowledge learn study
+📙 orange book read library knowledge textbook study
+📚 books literature library study
+📓 notebook stationery record notes paper study
+📒 ledger notes paper
+📃 page with curl documents office paper
+📜 scroll documents ancient history paper
+📄 page facing up documents office paper information
+📰 newspaper press headline
+🗞️ rolled up newspaper press headline
+📑 bookmark tabs favorite save order tidy
+🔖 bookmark favorite label save
+🏷️ label sale tag
+💰 money bag dollar payment coins sale
+💴 yen banknote money sales japanese dollar currency
+💵 dollar banknote money sales bill currency
+💶 euro banknote money sales dollar currency
+💷 pound banknote british sterling money sales bills uk england currency
+💸 money with wings dollar bills payment sale
+💳 credit card money sales dollar bill payment shopping
+🧾 receipt accounting expenses
+💹 chart increasing with yen green-square graph presentation stats
+💱 currency exchange money sales dollar travel
+💲 heavy dollar sign money sales payment currency buck
+✉️ envelope letter postal inbox communication
+📧 e mail communication inbox
+📨 incoming envelope email inbox
+📩 envelope with arrow email communication
+📤 outbox tray inbox email
+📥 inbox tray email documents
+📦 package mail gift cardboard box moving
+📫 closed mailbox with raised flag email inbox communication
+📪 closed mailbox with lowered flag email communication inbox
+📬 open mailbox with raised flag email inbox communication
+📭 open mailbox with lowered flag email inbox
+📮 postbox email letter envelope
+🗳️ ballot box with ballot election vote
+✏️ pencil stationery write paper writing school study
+✒️ black nib pen stationery writing write
+🖋️ fountain pen stationery writing write
+🖊️ pen stationery writing write
+🖌️ paintbrush drawing creativity art
+🖍️ crayon drawing creativity
+📝 memo write documents stationery pencil paper writing legal exam quiz test study compose
+💼 briefcase business documents work law legal job career
+📁 file folder documents business office
+📂 open file folder documents load
+🗂️ card index dividers organizing business stationery
+📅 calendar calendar schedule
+📆 tear off calendar schedule date planning
+🗒️ spiral notepad memo stationery
+🗓️ spiral calendar date schedule planning
+📇 card index business stationery
+📈 chart increasing graph presentation stats recovery business economics money sales good success
+📉 chart decreasing graph presentation stats recession business economics money sales bad failure
+📊 bar chart graph presentation stats
+📋 clipboard stationery documents
+📌 pushpin stationery mark here
+📍 round pushpin stationery location map here
+📎 paperclip documents stationery
+🖇️ linked paperclips documents stationery
+📏 straight ruler stationery calculate length math school drawing architect sketch
+📐 triangular ruler stationery math architect sketch
+✂️ scissors stationery cut
+🗃️ card file box business stationery
+🗄️ file cabinet filing organizing
+🗑️ wastebasket bin trash rubbish garbage toss
+🔒 locked security password padlock
+🔓 unlocked privacy security
+🔏 locked with pen security secret
+🔐 locked with key security privacy
+🔑 key lock door password
+🗝️ old key lock door password
+🔨 hammer tools build create
+🪓 axe tool chop cut
+⛏️ pick tools dig
+⚒️ hammer and pick tools build create
+🛠️ hammer and wrench tools build create
+🗡️ dagger weapon
+⚔️ crossed swords weapon
+🔫 pistol violence weapon pistol revolver
+🏹 bow and arrow sports
+🛡️ shield protection security
+🔧 wrench tools diy ikea fix maintainer
+🔩 nut and bolt handy tools fix
+⚙️ gear cog
+🗜️ clamp tool
+⚖️ balance scale law fairness weight
+🦯 probing cane accessibility
+🔗 link rings url
+⛓️ chains lock arrest
+🧰 toolbox tools diy fix maintainer mechanic
+🧲 magnet attraction magnetic
+⚗️ alembic distilling science experiment chemistry
+🧪 test tube chemistry experiment lab science
+🧫 petri dish bacteria biology culture lab
+🧬 dna biologist genetics life
+🔬 microscope laboratory experiment zoomin science study
+🔭 telescope stars space zoom science astronomy
+📡 satellite antenna communication future radio space
+💉 syringe health hospital drugs blood medicine needle doctor nurse
+🩸 drop of blood period hurt harm wound
+💊 pill health medicine doctor pharmacy drug
+🩹 adhesive bandage heal
+🩺 stethoscope health
+🚪 door house entry exit
+🛏️ bed sleep rest
+🛋️ couch and lamp read chill
+🪑 chair sit furniture
+🚽 toilet restroom wc washroom bathroom potty
+🚿 shower clean water bathroom
+🛁 bathtub clean shower bathroom
+🪒 razor cut
+🧴 lotion bottle moisturizer sunscreen
+🧷 safety pin diaper
+🧹 broom cleaning sweeping witch
+🧺 basket laundry
+🧻 roll of paper roll
+🧼 soap bar bathing cleaning lather
+🧽 sponge absorbing cleaning porous
+🧯 fire extinguisher quench
+🛒 shopping cart trolley
+🚬 cigarette kills tobacco cigarette joint smoke
+⚰️ coffin vampire dead die death rip graveyard cemetery casket funeral box
+⚱️ funeral urn dead die death rip ashes
+🗿 moai rock easter island moai
+🏧 atm sign money sales cash blue-square payment bank
+🚮 litter in bin sign blue-square sign human info
+🚰 potable water blue-square liquid restroom cleaning faucet
+♿ wheelchair symbol blue-square disabled accessibility
+🚹 men s room toilet restroom wc blue-square gender male
+🚺 women s room purple-square woman female toilet loo restroom gender
+🚻 restroom blue-square toilet refresh wc gender
+🚼 baby symbol orange-square child
+🚾 water closet toilet restroom blue-square
+🛂 passport control custom blue-square
+🛃 customs passport border blue-square
+🛄 baggage claim blue-square airport transport
+🛅 left luggage blue-square travel
+⚠️ warning exclamation wip alert error problem issue
+🚸 children crossing school warning danger sign driving yellow-diamond
+⛔ no entry limit security privacy bad denied stop circle
+🚫 prohibited forbid stop limit denied disallow circle
+🚳 no bicycles cyclist prohibited circle
+🚭 no smoking cigarette blue-square smell smoke
+🚯 no littering trash bin garbage circle
+🚱 non potable water drink faucet tap circle
+🚷 no pedestrians rules crossing walking circle
+📵 no mobile phones iphone mute circle
+🔞 no one under eighteen 18 drink pub night minor circle
+☢️ radioactive nuclear danger
+☣️ biohazard danger
+⬆️ up arrow blue-square continue top direction
+↗️ up right arrow blue-square point direction diagonal northeast
+➡️ right arrow blue-square next
+↘️ down right arrow blue-square direction diagonal southeast
+⬇️ down arrow blue-square direction bottom
+↙️ down left arrow blue-square direction diagonal southwest
+⬅️ left arrow blue-square previous back
+↖️ up left arrow blue-square point direction diagonal northwest
+↕️ up down arrow blue-square direction way vertical
+↔️ left right arrow shape direction horizontal sideways
+↩️ right arrow curving left back return blue-square undo enter
+↪️ left arrow curving right blue-square return rotate direction
+⤴️ right arrow curving up blue-square direction top
+⤵️ right arrow curving down blue-square direction bottom
+🔃 clockwise vertical arrows sync cycle round repeat
+🔄 counterclockwise arrows button blue-square sync cycle
+🔙 back arrow arrow words return
+🔚 end arrow words arrow
+🔛 on arrow arrow words
+🔜 soon arrow arrow words
+🔝 top arrow words blue-square
+🛐 place of worship religion church temple prayer
+⚛️ atom symbol science physics chemistry
+🕉️ om hinduism buddhism sikhism jainism
+✡️ star of david judaism
+☸️ wheel of dharma hinduism buddhism sikhism jainism
+☯️ yin yang balance
+✝️ latin cross christianity
+☦️ orthodox cross suppedaneum religion
+☪️ star and crescent islam
+☮️ peace symbol hippie
+🕎 menorah hanukkah candles jewish
+🔯 dotted six pointed star purple-square religion jewish hexagram
+♈ aries sign purple-square zodiac astrology
+♉ taurus purple-square sign zodiac astrology
+♊ gemini sign zodiac purple-square astrology
+♋ cancer sign zodiac purple-square astrology
+♌ leo sign purple-square zodiac astrology
+♍ virgo sign zodiac purple-square astrology
+♎ libra sign purple-square zodiac astrology
+♏ scorpio sign zodiac purple-square astrology scorpio
+♐ sagittarius sign zodiac purple-square astrology
+♑ capricorn sign zodiac purple-square astrology
+♒ aquarius sign purple-square zodiac astrology
+♓ pisces purple-square sign zodiac astrology
+⛎ ophiuchus sign purple-square constellation astrology
+🔀 shuffle tracks button blue-square shuffle music random
+🔁 repeat button loop record
+🔂 repeat single button blue-square loop
+▶️ play button blue-square right direction play
+⏩ fast forward button blue-square play speed continue
+⏭️ next track button forward next blue-square
+⏯️ play or pause button blue-square play pause
+◀️ reverse button blue-square left direction
+⏪ fast reverse button play blue-square
+⏮️ last track button backward
+🔼 upwards button blue-square triangle direction point forward top
+⏫ fast up button blue-square direction top
+🔽 downwards button blue-square direction bottom
+⏬ fast down button blue-square direction bottom
+⏸️ pause button pause blue-square
+⏹️ stop button blue-square
+⏺️ record button blue-square
+⏏️ eject button blue-square
+🎦 cinema blue-square record film movie curtain stage theater
+🔅 dim button sun afternoon warm summer
+🔆 bright button sun light
+📶 antenna bars blue-square reception phone internet connection wifi bluetooth bars
+📳 vibration mode orange-square phone
+📴 mobile phone off mute orange-square silence quiet
+♀️ female sign woman women lady girl
+♂️ male sign man boy men
+⚕️ medical symbol health hospital
+♾️ infinity forever
+♻️ recycling symbol arrow environment garbage trash
+⚜️ fleur de lis decorative scout
+🔱 trident emblem weapon spear
+📛 name badge fire forbid
+🔰 japanese symbol for beginner badge shield
+⭕ hollow red circle circle round
+✅ check mark button green-square ok agree vote election answer tick
+☑️ check box with check ok agree confirm black-square vote election yes tick
+✔️ check mark ok nike answer yes tick
+✖️ multiplication sign math calculation
+❌ cross mark no delete remove cancel red
+❎ cross mark button x green-square no deny
+➕ plus sign math calculation addition more increase
+➖ minus sign math calculation subtract less
+➗ division sign divide math calculation
+➰ curly loop scribble draw shape squiggle
+➿ double curly loop tape cassette
+〽️ part alternation mark graph presentation stats business economics bad
+✳️ eight spoked asterisk star sparkle green-square
+✴️ eight pointed star orange-square shape polygon
+❇️ sparkle stars green-square awesome good fireworks
+‼️ double exclamation mark exclamation surprise
+⁉️ exclamation question mark wat punctuation surprise
+❓ question mark doubt confused
+❔ white question mark doubts gray huh confused
+❕ white exclamation mark surprise punctuation gray wow warning
+❗ exclamation mark heavy exclamation mark danger surprise punctuation wow warning
+〰️ wavy dash draw line moustache mustache squiggle scribble
+©️ copyright ip license circle law legal
+®️ registered alphabet circle
+™️ trade mark trademark brand law legal
+#️⃣ keycap  symbol blue-square twitter
+*️⃣ keycap  star keycap
+0️⃣ keycap 0 0 numbers blue-square null
+1️⃣ keycap 1 blue-square numbers 1
+2️⃣ keycap 2 numbers 2 prime blue-square
+3️⃣ keycap 3 3 numbers prime blue-square
+4️⃣ keycap 4 4 numbers blue-square
+5️⃣ keycap 5 5 numbers blue-square prime
+6️⃣ keycap 6 6 numbers blue-square
+7️⃣ keycap 7 7 numbers blue-square prime
+8️⃣ keycap 8 8 blue-square numbers
+9️⃣ keycap 9 blue-square numbers 9
+🔟 keycap 10 numbers 10 blue-square
+🔠 input latin uppercase alphabet words blue-square
+🔡 input latin lowercase blue-square alphabet
+🔢 input numbers numbers blue-square
+🔣 input symbols blue-square music note ampersand percent glyphs characters
+🔤 input latin letters blue-square alphabet
+🅰️ a button red-square alphabet letter
+🆎 ab button red-square alphabet
+🅱️ b button red-square alphabet letter
+🆑 cl button alphabet words red-square
+🆒 cool button words blue-square
+🆓 free button blue-square words
+ℹ️ information blue-square alphabet letter
+🆔 id button purple-square words
+Ⓜ️ circled m alphabet blue-circle letter
+🆕 new button blue-square words start
+🆖 ng button blue-square words shape icon
+🅾️ o button alphabet red-square letter
+🆗 ok button good agree yes blue-square
+🅿️ p button cars blue-square alphabet letter
+🆘 sos button help red-square words emergency 911
+🆙 up button blue-square above high
+🆚 vs button words orange-square
+🈁 japanese here button blue-square here katakana japanese destination
+🈂️ japanese service charge button japanese blue-square katakana
+🈷️ japanese monthly amount button chinese month moon japanese orange-square kanji
+🈶 japanese not free of charge button orange-square chinese have kanji
+🈯 japanese reserved button chinese point green-square kanji
+🉐 japanese bargain button chinese kanji obtain get circle
+🈹 japanese discount button cut divide chinese kanji pink-square
+🈚 japanese free of charge button nothing chinese kanji japanese orange-square
+🈲 japanese prohibited button kanji japanese chinese forbidden limit restricted red-square
+🉑 japanese acceptable button ok good chinese kanji agree yes orange-circle
+🈸 japanese application button chinese japanese kanji orange-square
+🈴 japanese passing grade button japanese chinese join kanji red-square
+🈳 japanese vacancy button kanji japanese chinese empty sky blue-square
+㊗️ japanese congratulations button chinese kanji japanese red-circle
+㊙️ japanese secret button privacy chinese sshh kanji red-circle
+🈺 japanese open for business button japanese opening hours orange-square
+🈵 japanese no vacancy button full chinese japanese red-square kanji
+🔴 red circle shape error danger
+🟠 orange circle round
+🟡 yellow circle round
+🟢 green circle round
+🔵 blue circle shape icon button
+🟣 purple circle round
+🟤 brown circle round
+⚫ black circle shape button round
+⚪ white circle shape round
+🟥 red square
+🟧 orange square
+🟨 yellow square
+🟩 green square
+🟦 blue square
+🟪 purple square
+🟫 brown square
+⬛ black large square shape icon button
+⬜ white large square shape icon stone button
+◼️ black medium square shape button icon
+◻️ white medium square shape stone icon
+◾ black medium small square icon shape button
+◽ white medium small square shape stone icon button
+▪️ black small square shape icon
+▫️ white small square shape icon
+🔶 large orange diamond shape jewel gem
+🔷 large blue diamond shape jewel gem
+🔸 small orange diamond shape jewel gem
+🔹 small blue diamond shape jewel gem
+🔺 red triangle pointed up shape direction up top
+🔻 red triangle pointed down shape direction bottom
+💠 diamond with a dot jewel blue gem crystal fancy
+🔘 radio button input old music circle
+🔳 white square button shape input
+🔲 black square button shape input frame
+🏁 chequered flag contest finishline race gokart
+🚩 triangular flag mark milestone place
+🎌 crossed flags japanese nation country border
+🏴 black flag pirate
+🏳️ white flag losing loser lost surrender give up fail
+🏳️‍🌈 rainbow flag flag rainbow pride gay lgbt glbt queer homosexual lesbian bisexual transgender
+🏴‍☠️ pirate flag skull crossbones flag banner
+🇦🇨 flag ascension island
+🇦🇩 flag andorra ad flag nation country banner andorra
+🇦🇪 flag united arab emirates united arab emirates flag nation country banner united arab emirates
+🇦🇫 flag afghanistan af flag nation country banner afghanistan
+🇦🇬 flag antigua barbuda antigua barbuda flag nation country banner antigua barbuda
+🇦🇮 flag anguilla ai flag nation country banner anguilla
+🇦🇱 flag albania al flag nation country banner albania
+🇦🇲 flag armenia am flag nation country banner armenia
+🇦🇴 flag angola ao flag nation country banner angola
+🇦🇶 flag antarctica aq flag nation country banner antarctica
+🇦🇷 flag argentina ar flag nation country banner argentina
+🇦🇸 flag american samoa american ws flag nation country banner american samoa
+🇦🇹 flag austria at flag nation country banner austria
+🇦🇺 flag australia au flag nation country banner australia
+🇦🇼 flag aruba aw flag nation country banner aruba
+🇦🇽 flag aland islands Åland islands flag nation country banner aland islands
+🇦🇿 flag azerbaijan az flag nation country banner azerbaijan
+🇧🇦 flag bosnia herzegovina bosnia herzegovina flag nation country banner bosnia herzegovina
+🇧🇧 flag barbados bb flag nation country banner barbados
+🇧🇩 flag bangladesh bd flag nation country banner bangladesh
+🇧🇪 flag belgium be flag nation country banner belgium
+🇧🇫 flag burkina faso burkina faso flag nation country banner burkina faso
+🇧🇬 flag bulgaria bg flag nation country banner bulgaria
+🇧🇭 flag bahrain bh flag nation country banner bahrain
+🇧🇮 flag burundi bi flag nation country banner burundi
+🇧🇯 flag benin bj flag nation country banner benin
+🇧🇱 flag st barthelemy saint barthélemy flag nation country banner st barthelemy
+🇧🇲 flag bermuda bm flag nation country banner bermuda
+🇧🇳 flag brunei bn darussalam flag nation country banner brunei
+🇧🇴 flag bolivia bo flag nation country banner bolivia
+🇧🇶 flag caribbean netherlands bonaire flag nation country banner caribbean netherlands
+🇧🇷 flag brazil br flag nation country banner brazil
+🇧🇸 flag bahamas bs flag nation country banner bahamas
+🇧🇹 flag bhutan bt flag nation country banner bhutan
+🇧🇻 flag bouvet island norway
+🇧🇼 flag botswana bw flag nation country banner botswana
+🇧🇾 flag belarus by flag nation country banner belarus
+🇧🇿 flag belize bz flag nation country banner belize
+🇨🇦 flag canada ca flag nation country banner canada
+🇨🇨 flag cocos islands cocos keeling islands flag nation country banner cocos islands
+🇨🇩 flag congo kinshasa congo democratic republic flag nation country banner congo kinshasa
+🇨🇫 flag central african republic central african republic flag nation country banner central african republic
+🇨🇬 flag congo brazzaville congo flag nation country banner congo brazzaville
+🇨🇭 flag switzerland ch flag nation country banner switzerland
+🇨🇮 flag cote d ivoire ivory coast flag nation country banner cote d ivoire
+🇨🇰 flag cook islands cook islands flag nation country banner cook islands
+🇨🇱 flag chile flag nation country banner chile
+🇨🇲 flag cameroon cm flag nation country banner cameroon
+🇨🇳 flag china china chinese prc flag country nation banner china
+🇨🇴 flag colombia co flag nation country banner colombia
+🇨🇵 flag clipperton island
+🇨🇷 flag costa rica costa rica flag nation country banner costa rica
+🇨🇺 flag cuba cu flag nation country banner cuba
+🇨🇻 flag cape verde cabo verde flag nation country banner cape verde
+🇨🇼 flag curacao curaçao flag nation country banner curacao
+🇨🇽 flag christmas island christmas island flag nation country banner christmas island
+🇨🇾 flag cyprus cy flag nation country banner cyprus
+🇨🇿 flag czechia cz flag nation country banner czechia
+🇩🇪 flag germany german nation flag country banner germany
+🇩🇬 flag diego garcia
+🇩🇯 flag djibouti dj flag nation country banner djibouti
+🇩🇰 flag denmark dk flag nation country banner denmark
+🇩🇲 flag dominica dm flag nation country banner dominica
+🇩🇴 flag dominican republic dominican republic flag nation country banner dominican republic
+🇩🇿 flag algeria dz flag nation country banner algeria
+🇪🇦 flag ceuta melilla
+🇪🇨 flag ecuador ec flag nation country banner ecuador
+🇪🇪 flag estonia ee flag nation country banner estonia
+🇪🇬 flag egypt eg flag nation country banner egypt
+🇪🇭 flag western sahara western sahara flag nation country banner western sahara
+🇪🇷 flag eritrea er flag nation country banner eritrea
+🇪🇸 flag spain spain flag nation country banner spain
+🇪🇹 flag ethiopia et flag nation country banner ethiopia
+🇪🇺 flag european union european union flag banner
+🇫🇮 flag finland fi flag nation country banner finland
+🇫🇯 flag fiji fj flag nation country banner fiji
+🇫🇰 flag falkland islands falkland islands malvinas flag nation country banner falkland islands
+🇫🇲 flag micronesia micronesia federated states flag nation country banner micronesia
+🇫🇴 flag faroe islands faroe islands flag nation country banner faroe islands
+🇫🇷 flag france banner flag nation france french country france
+🇬🇦 flag gabon ga flag nation country banner gabon
+🇬🇧 flag united kingdom united kingdom great britain northern ireland flag nation country banner british UK english england union jack united kingdom
+🇬🇩 flag grenada gd flag nation country banner grenada
+🇬🇪 flag georgia ge flag nation country banner georgia
+🇬🇫 flag french guiana french guiana flag nation country banner french guiana
+🇬🇬 flag guernsey gg flag nation country banner guernsey
+🇬🇭 flag ghana gh flag nation country banner ghana
+🇬🇮 flag gibraltar gi flag nation country banner gibraltar
+🇬🇱 flag greenland gl flag nation country banner greenland
+🇬🇲 flag gambia gm flag nation country banner gambia
+🇬🇳 flag guinea gn flag nation country banner guinea
+🇬🇵 flag guadeloupe gp flag nation country banner guadeloupe
+🇬🇶 flag equatorial guinea equatorial gn flag nation country banner equatorial guinea
+🇬🇷 flag greece gr flag nation country banner greece
+🇬🇸 flag south georgia south sandwich islands south georgia sandwich islands flag nation country banner south georgia south sandwich islands
+🇬🇹 flag guatemala gt flag nation country banner guatemala
+🇬🇺 flag guam gu flag nation country banner guam
+🇬🇼 flag guinea bissau gw bissau flag nation country banner guinea bissau
+🇬🇾 flag guyana gy flag nation country banner guyana
+🇭🇰 flag hong kong sar china hong kong flag nation country banner hong kong sar china
+🇭🇲 flag heard mcdonald islands
+🇭🇳 flag honduras hn flag nation country banner honduras
+🇭🇷 flag croatia hr flag nation country banner croatia
+🇭🇹 flag haiti ht flag nation country banner haiti
+🇭🇺 flag hungary hu flag nation country banner hungary
+🇮🇨 flag canary islands canary islands flag nation country banner canary islands
+🇮🇩 flag indonesia flag nation country banner indonesia
+🇮🇪 flag ireland ie flag nation country banner ireland
+🇮🇱 flag israel il flag nation country banner israel
+🇮🇲 flag isle of man isle man flag nation country banner isle of man
+🇮🇳 flag india in flag nation country banner india
+🇮🇴 flag british indian ocean territory british indian ocean territory flag nation country banner british indian ocean territory
+🇮🇶 flag iraq iq flag nation country banner iraq
+🇮🇷 flag iran iran islamic republic flag nation country banner iran
+🇮🇸 flag iceland is flag nation country banner iceland
+🇮🇹 flag italy italy flag nation country banner italy
+🇯🇪 flag jersey je flag nation country banner jersey
+🇯🇲 flag jamaica jm flag nation country banner jamaica
+🇯🇴 flag jordan jo flag nation country banner jordan
+🇯🇵 flag japan japanese nation flag country banner japan
+🇰🇪 flag kenya ke flag nation country banner kenya
+🇰🇬 flag kyrgyzstan kg flag nation country banner kyrgyzstan
+🇰🇭 flag cambodia kh flag nation country banner cambodia
+🇰🇮 flag kiribati ki flag nation country banner kiribati
+🇰🇲 flag comoros km flag nation country banner comoros
+🇰🇳 flag st kitts nevis saint kitts nevis flag nation country banner st kitts nevis
+🇰🇵 flag north korea north korea nation flag country banner north korea
+🇰🇷 flag south korea south korea nation flag country banner south korea
+🇰🇼 flag kuwait kw flag nation country banner kuwait
+🇰🇾 flag cayman islands cayman islands flag nation country banner cayman islands
+🇰🇿 flag kazakhstan kz flag nation country banner kazakhstan
+🇱🇦 flag laos lao democratic republic flag nation country banner laos
+🇱🇧 flag lebanon lb flag nation country banner lebanon
+🇱🇨 flag st lucia saint lucia flag nation country banner st lucia
+🇱🇮 flag liechtenstein li flag nation country banner liechtenstein
+🇱🇰 flag sri lanka sri lanka flag nation country banner sri lanka
+🇱🇷 flag liberia lr flag nation country banner liberia
+🇱🇸 flag lesotho ls flag nation country banner lesotho
+🇱🇹 flag lithuania lt flag nation country banner lithuania
+🇱🇺 flag luxembourg lu flag nation country banner luxembourg
+🇱🇻 flag latvia lv flag nation country banner latvia
+🇱🇾 flag libya ly flag nation country banner libya
+🇲🇦 flag morocco ma flag nation country banner morocco
+🇲🇨 flag monaco mc flag nation country banner monaco
+🇲🇩 flag moldova moldova republic flag nation country banner moldova
+🇲🇪 flag montenegro me flag nation country banner montenegro
+🇲🇫 flag st martin
+🇲🇬 flag madagascar mg flag nation country banner madagascar
+🇲🇭 flag marshall islands marshall islands flag nation country banner marshall islands
+🇲🇰 flag north macedonia macedonia flag nation country banner north macedonia
+🇲🇱 flag mali ml flag nation country banner mali
+🇲🇲 flag myanmar mm flag nation country banner myanmar
+🇲🇳 flag mongolia mn flag nation country banner mongolia
+🇲🇴 flag macao sar china macao flag nation country banner macao sar china
+🇲🇵 flag northern mariana islands northern mariana islands flag nation country banner northern mariana islands
+🇲🇶 flag martinique mq flag nation country banner martinique
+🇲🇷 flag mauritania mr flag nation country banner mauritania
+🇲🇸 flag montserrat ms flag nation country banner montserrat
+🇲🇹 flag malta mt flag nation country banner malta
+🇲🇺 flag mauritius mu flag nation country banner mauritius
+🇲🇻 flag maldives mv flag nation country banner maldives
+🇲🇼 flag malawi mw flag nation country banner malawi
+🇲🇽 flag mexico mx flag nation country banner mexico
+🇲🇾 flag malaysia my flag nation country banner malaysia
+🇲🇿 flag mozambique mz flag nation country banner mozambique
+🇳🇦 flag namibia na flag nation country banner namibia
+🇳🇨 flag new caledonia new caledonia flag nation country banner new caledonia
+🇳🇪 flag niger ne flag nation country banner niger
+🇳🇫 flag norfolk island norfolk island flag nation country banner norfolk island
+🇳🇬 flag nigeria flag nation country banner nigeria
+🇳🇮 flag nicaragua ni flag nation country banner nicaragua
+🇳🇱 flag netherlands nl flag nation country banner netherlands
+🇳🇴 flag norway no flag nation country banner norway
+🇳🇵 flag nepal np flag nation country banner nepal
+🇳🇷 flag nauru nr flag nation country banner nauru
+🇳🇺 flag niue nu flag nation country banner niue
+🇳🇿 flag new zealand new zealand flag nation country banner new zealand
+🇴🇲 flag oman om symbol flag nation country banner oman
+🇵🇦 flag panama pa flag nation country banner panama
+🇵🇪 flag peru pe flag nation country banner peru
+🇵🇫 flag french polynesia french polynesia flag nation country banner french polynesia
+🇵🇬 flag papua new guinea papua new guinea flag nation country banner papua new guinea
+🇵🇭 flag philippines ph flag nation country banner philippines
+🇵🇰 flag pakistan pk flag nation country banner pakistan
+🇵🇱 flag poland pl flag nation country banner poland
+🇵🇲 flag st pierre miquelon saint pierre miquelon flag nation country banner st pierre miquelon
+🇵🇳 flag pitcairn islands pitcairn flag nation country banner pitcairn islands
+🇵🇷 flag puerto rico puerto rico flag nation country banner puerto rico
+🇵🇸 flag palestinian territories palestine palestinian territories flag nation country banner palestinian territories
+🇵🇹 flag portugal pt flag nation country banner portugal
+🇵🇼 flag palau pw flag nation country banner palau
+🇵🇾 flag paraguay py flag nation country banner paraguay
+🇶🇦 flag qatar qa flag nation country banner qatar
+🇷🇪 flag reunion réunion flag nation country banner reunion
+🇷🇴 flag romania ro flag nation country banner romania
+🇷🇸 flag serbia rs flag nation country banner serbia
+🇷🇺 flag russia russian federation flag nation country banner russia
+🇷🇼 flag rwanda rw flag nation country banner rwanda
+🇸🇦 flag saudi arabia flag nation country banner saudi arabia
+🇸🇧 flag solomon islands solomon islands flag nation country banner solomon islands
+🇸🇨 flag seychelles sc flag nation country banner seychelles
+🇸🇩 flag sudan sd flag nation country banner sudan
+🇸🇪 flag sweden se flag nation country banner sweden
+🇸🇬 flag singapore sg flag nation country banner singapore
+🇸🇭 flag st helena saint helena ascension tristan cunha flag nation country banner st helena
+🇸🇮 flag slovenia si flag nation country banner slovenia
+🇸🇯 flag svalbard jan mayen
+🇸🇰 flag slovakia sk flag nation country banner slovakia
+🇸🇱 flag sierra leone sierra leone flag nation country banner sierra leone
+🇸🇲 flag san marino san marino flag nation country banner san marino
+🇸🇳 flag senegal sn flag nation country banner senegal
+🇸🇴 flag somalia so flag nation country banner somalia
+🇸🇷 flag suriname sr flag nation country banner suriname
+🇸🇸 flag south sudan south sd flag nation country banner south sudan
+🇸🇹 flag sao tome principe sao tome principe flag nation country banner sao tome principe
+🇸🇻 flag el salvador el salvador flag nation country banner el salvador
+🇸🇽 flag sint maarten sint maarten dutch flag nation country banner sint maarten
+🇸🇾 flag syria syrian arab republic flag nation country banner syria
+🇸🇿 flag eswatini sz flag nation country banner eswatini
+🇹🇦 flag tristan da cunha
+🇹🇨 flag turks caicos islands turks caicos islands flag nation country banner turks caicos islands
+🇹🇩 flag chad td flag nation country banner chad
+🇹🇫 flag french southern territories french southern territories flag nation country banner french southern territories
+🇹🇬 flag togo tg flag nation country banner togo
+🇹🇭 flag thailand th flag nation country banner thailand
+🇹🇯 flag tajikistan tj flag nation country banner tajikistan
+🇹🇰 flag tokelau tk flag nation country banner tokelau
+🇹🇱 flag timor leste timor leste flag nation country banner timor leste
+🇹🇲 flag turkmenistan flag nation country banner turkmenistan
+🇹🇳 flag tunisia tn flag nation country banner tunisia
+🇹🇴 flag tonga to flag nation country banner tonga
+🇹🇷 flag turkey turkey flag nation country banner turkey
+🇹🇹 flag trinidad tobago trinidad tobago flag nation country banner trinidad tobago
+🇹🇻 flag tuvalu flag nation country banner tuvalu
+🇹🇼 flag taiwan tw flag nation country banner taiwan
+🇹🇿 flag tanzania tanzania united republic flag nation country banner tanzania
+🇺🇦 flag ukraine ua flag nation country banner ukraine
+🇺🇬 flag uganda ug flag nation country banner uganda
+🇺🇲 flag u s outlying islands
+🇺🇳 flag united nations un flag banner
+🇺🇸 flag united states united states america flag nation country banner united states
+🇺🇾 flag uruguay uy flag nation country banner uruguay
+🇺🇿 flag uzbekistan uz flag nation country banner uzbekistan
+🇻🇦 flag vatican city vatican city flag nation country banner vatican city
+🇻🇨 flag st vincent grenadines saint vincent grenadines flag nation country banner st vincent grenadines
+🇻🇪 flag venezuela ve bolivarian republic flag nation country banner venezuela
+🇻🇬 flag british virgin islands british virgin islands bvi flag nation country banner british virgin islands
+🇻🇮 flag u s virgin islands virgin islands us flag nation country banner u s virgin islands
+🇻🇳 flag vietnam viet nam flag nation country banner vietnam
+🇻🇺 flag vanuatu vu flag nation country banner vanuatu
+🇼🇫 flag wallis futuna wallis futuna flag nation country banner wallis futuna
+🇼🇸 flag samoa ws flag nation country banner samoa
+🇽🇰 flag kosovo xk flag nation country banner kosovo
+🇾🇪 flag yemen ye flag nation country banner yemen
+🇾🇹 flag mayotte yt flag nation country banner mayotte
+🇿🇦 flag south africa south africa flag nation country banner south africa
+🇿🇲 flag zambia zm flag nation country banner zambia
+🇿🇼 flag zimbabwe zw flag nation country banner zimbabwe
+🏴󠁧󠁢󠁥󠁮󠁧󠁿 flag england flag english
+🏴󠁧󠁢󠁳󠁣󠁴󠁿 flag scotland flag scottish
+🏴󠁧󠁢󠁷󠁬󠁳󠁿 flag wales flag welsh
+🥲 smiling face with tear sad cry pretend
+🥸 disguised face pretent brows glasses moustache
+🤌 pinched fingers size tiny small
+🫀 anatomical heart health heartbeat
+🫁 lungs breathe
+🥷 ninja ninjutsu skills japanese
+🤵‍♂️ man in tuxedo formal fashion
+🤵‍♀️ woman in tuxedo formal fashion
+👰‍♂️ man with veil wedding marriage
+👰‍♀️ woman with veil wedding marriage
+👩‍🍼 woman feeding baby birth food
+👨‍🍼 man feeding baby birth food
+🧑‍🍼 person feeding baby birth food
+🧑‍🎄 mx claus christmas
+🫂 people hugging care
+🐈‍⬛ black cat superstition luck
+🦬 bison ox
+🦣 mammoth elephant tusks
+🦫 beaver animal rodent
+🐻‍❄️ polar bear animal arctic
+🦤 dodo animal bird
+🪶 feather bird fly
+🦭 seal animal creature sea
+🪲 beetle insect
+🪳 cockroach insect pests
+🪰 fly insect
+🪱 worm animal
+🪴 potted plant greenery house
+🫐 blueberries fruit
+🫒 olive fruit
+🫑 bell pepper fruit plant
+🫓 flatbread flour food
+🫔 tamale food masa
+🫕 fondue cheese pot food
+🫖 teapot drink hot
+🧋 bubble tea taiwan boba milk tea straw
+🪨 rock stone
+🪵 wood nature timber trunk
+🛖 hut house structure
+🛻 pickup truck car transportation
+🛼 roller skate footwear sports
+🪄 magic wand supernature power
+🪅 pinata mexico candy celebration
+🪆 nesting dolls matryoshka toy
+🪡 sewing needle stitches
+🪢 knot rope scout
+🩴 thong sandal footwear summer
+🪖 military helmet army protection
+🪗 accordion music
+🪘 long drum music
+🪙 coin money currency
+🪃 boomerang weapon
+🪚 carpentry saw cut chop
+🪛 screwdriver tools
+🪝 hook tools
+🪜 ladder tools
+🛗 elevator lift
+🪞 mirror reflection
+🪟 window scenery
+🪠 plunger toilet
+🪤 mouse trap cheese
+🪣 bucket water container
+🪥 toothbrush hygiene dental
+🪦 headstone death rip grave
+🪧 placard announcement
+⚧️ transgender symbol lgbtq
+🏳️‍⚧️ transgender flag lgbtq
+😶‍🌫️ face in clouds shower steam dream
+😮‍💨 face exhaling relieve relief tired sigh
+😵‍💫 face with spiral eyes sick ill confused nauseous nausea
+❤️‍🔥 heart on fire passionate enthusiastic
+❤️‍🩹 mending heart broken heart bandage wounded
+🧔‍♂️ man beard facial hair
+🧔‍♀️ woman beard facial hair
+🫠 melting face hot heat
+🫢 face with open eyes and hand over mouth silence secret shock surprise
+🫣 face with peeking eye scared frightening embarrassing
+🫡 saluting face respect salute
+🫥 dotted line face invisible lonely isolation depression
+🫤 face with diagonal mouth skeptic confuse frustrated indifferent
+🥹 face holding back tears touched gratitude
+🫱 rightwards hand palm offer
+🫲 leftwards hand palm offer
+🫳 palm down hand palm drop
+🫴 palm up hand lift offer demand
+🫰 hand with index finger and thumb crossed heart love money expensive
+🫵 index pointing at the viewer you recruit
+🫶 heart hands love appreciation support
+🫦 biting lip flirt sexy pain worry
+🫅 person with crown royalty power
+🫃 pregnant man baby belly
+🫄 pregnant person baby belly
+🧌 troll mystical monster
+🪸 coral ocean sea reef
+🪷 lotus flower calm meditation
+🪹 empty nest bird
+🪺 nest with eggs bird
+🫘 beans food
+🫗 pouring liquid cup water
+🫙 jar container sauce
+🛝 playground slide fun park
+🛞 wheel car transport
+🛟 ring buoy life saver life preserver
+🪬 hamsa religion protection
+🪩 mirror ball disco dance party
+🪫 low battery drained dead
+🩼 crutch accessibility assist
+🩻 x-ray skeleton medicine
+🫧 bubbles soap fun carbonation sparkling
+🪪 identification card document
+🟰 heavy equals sign math
diff --git a/Import Manually/scripts (add to path)/rubyshot b/Import Manually/scripts (add to path)/rubyshot
new file mode 100755
index 000000000..8431bd693
--- /dev/null
+++ b/Import Manually/scripts (add to path)/rubyshot	
@@ -0,0 +1,6 @@
+#!/usr/bin/bash
+
+WORKSPACES="$(hyprctl monitors -j | jq -r 'map(.activeWorkspace.id)')"
+WINDOWS="$(hyprctl clients -j | jq -r --argjson workspaces "$WORKSPACES" 'map(select([.workspace.id] | inside($workspaces)))' )"
+GEOM=$(echo "$WINDOWS" | jq -r '.[] | "\(.at[0]),\(.at[1]) \(.size[0])x\(.size[1])"' | slurp -f '%x %y %w %h')
+wayshot -s "$GEOM" --stdout ${#:+"$@"}
\ No newline at end of file
diff --git a/LICENSE b/LICENSE
new file mode 100755
index 000000000..f288702d2
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,674 @@
+                    GNU GENERAL PUBLIC LICENSE
+                       Version 3, 29 June 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The GNU General Public License is a free, copyleft license for
+software and other kinds of works.
+
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+the GNU General Public License is intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.  We, the Free Software Foundation, use the
+GNU General Public License for most of our software; it applies also to
+any other work released this way by its authors.  You can apply it to
+your programs, too.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+  To protect your rights, we need to prevent others from denying you
+these rights or asking you to surrender the rights.  Therefore, you have
+certain responsibilities if you distribute copies of the software, or if
+you modify it: responsibilities to respect the freedom of others.
+
+  For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must pass on to the recipients the same
+freedoms that you received.  You must make sure that they, too, receive
+or can get the source code.  And you must show them these terms so they
+know their rights.
+
+  Developers that use the GNU GPL protect your rights with two steps:
+(1) assert copyright on the software, and (2) offer you this License
+giving you legal permission to copy, distribute and/or modify it.
+
+  For the developers' and authors' protection, the GPL clearly explains
+that there is no warranty for this free software.  For both users' and
+authors' sake, the GPL requires that modified versions be marked as
+changed, so that their problems will not be attributed erroneously to
+authors of previous versions.
+
+  Some devices are designed to deny users access to install or run
+modified versions of the software inside them, although the manufacturer
+can do so.  This is fundamentally incompatible with the aim of
+protecting users' freedom to change the software.  The systematic
+pattern of such abuse occurs in the area of products for individuals to
+use, which is precisely where it is most unacceptable.  Therefore, we
+have designed this version of the GPL to prohibit the practice for those
+products.  If such problems arise substantially in other domains, we
+stand ready to extend this provision to those domains in future versions
+of the GPL, as needed to protect the freedom of users.
+
+  Finally, every program is threatened constantly by software patents.
+States should not allow patents to restrict development and use of
+software on general-purpose computers, but in those that do, we wish to
+avoid the special danger that patents applied to a free program could
+make it effectively proprietary.  To prevent this, the GPL assures that
+patents cannot be used to render the program non-free.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+  0. Definitions.
+
+  "This License" refers to version 3 of the GNU General Public License.
+
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+  1. Source Code.
+
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Use with the GNU Affero General Public License.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU Affero General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the special requirements of the GNU Affero General Public License,
+section 13, concerning interaction through a network will apply to the
+combination as such.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU General Public License from time to time.  Such new versions will
+be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+  Each version is given a distinguishing version number.  If the
+Program specifies that a certain numbered version of the GNU General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If the program does terminal interaction, make it output a short
+notice like this when it starts in an interactive mode:
+
+    <program>  Copyright (C) <year>  <name of author>
+    This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
+    This is free software, and you are welcome to redistribute it
+    under certain conditions; type `show c' for details.
+
+The hypothetical commands `show w' and `show c' should show the appropriate
+parts of the General Public License.  Of course, your program's commands
+might be different; for a GUI interface, you would use an "about box".
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU GPL, see
+<https://www.gnu.org/licenses/>.
+
+  The GNU General Public License does not permit incorporating your program
+into proprietary programs.  If your program is a subroutine library, you
+may consider it more useful to permit linking proprietary applications with
+the library.  If this is what you want to do, use the GNU Lesser General
+Public License instead of this License.  But first, please read
+<https://www.gnu.org/licenses/why-not-lgpl.html>.
diff --git a/README.md b/README.md
new file mode 100755
index 000000000..94b4c9408
--- /dev/null
+++ b/README.md
@@ -0,0 +1,89 @@
+<div align="center">
+    <h1>【 end_4's Hyprland dotfiles 】</h1>
+    <h3></h3>
+</div>
+
+<div align="center"> 
+
+![](https://img.shields.io/github/last-commit/end-4/dots-hyprland?&style=for-the-badge&color=FFB1C8&logoColor=D9E0EE&labelColor=292324)
+![](https://img.shields.io/github/stars/end-4/dots-hyprland?style=for-the-badge&logo=andela&color=FFB686&logoColor=D9E0EE&labelColor=292324)
+[![](https://img.shields.io/github/repo-size/end-4/dots-hyprland?color=CAC992&label=SIZE&logo=googledrive&style=for-the-badge&logoColor=D9E0EE&labelColor=292324)](https://github.com/end-4/hyprland)
+![](https://img.shields.io/badge/issues-skill-green?style=for-the-badge&color=CCE8E9&logoColor=D9E0EE&labelColor=292324) 
+</a>
+
+</div>
+
+# ✨ Cool stuff
+ <details open> 
+  <summary>Notable features</summary>
+     
+  - **Overview widget** that shows open apps. Conveniently packed with app search/calculator/command runner
+  - **ChatGPT widget** (illogical-impulse branch)
+  - **Autogenerated colors** based on your wallpaper using [Material colors](https://m3.material.io/styles/color/the-color-system/key-colors-tones)
+  - **Animations**, a lot
+</details>
+ <details> 
+  <summary>Bragging</summary>
+     
+   - summer-themed `hybrid` branch (note: now actually in `archive` branch): winner of Hyprland ricing competition Summer 2023, now shown in the [Hyprland repo](https://github.com/hyprwm/hyprland#gallery) and [Hyprland Wiki](https://wiki.hyprland.org/Configuring/Example-configurations/)
+   - `windoes` branch (note: also in `archive` branch now): is a "Tasty rice" [on r/unixporn](https://www.reddit.com/r/unixporn/comments/13zdhqd/hyprland_windows_rice_with_too_much_eww_with_blur/)
+</details>
+
+# 👀 Styles & installation
+
+- For **installation instructions**, check the branch readme and the [wiki](https://github.com/end-4/dots-hyprland/wiki).
+
+### [illogical_impulse](https://github.com/end-4/dots-hyprland/tree/illogical-impulse)
+![image](https://github.com/end-4/dots-hyprland/assets/97237370/66510836-9130-42f4-b4f9-929057b0a3ff)
+![image](https://github.com/end-4/dots-hyprland/assets/97237370/d4c37041-9f3a-4a5f-a8c6-b1ac6edb808b)
+![image](https://github.com/end-4/dots-hyprland/assets/97237370/85915d09-52ac-4c24-8712-cd7311bd9934)
+![image](https://github.com/end-4/dots-hyprland/assets/97237370/24643c02-660a-4bed-8772-c98b08e62ac1)
+
+
+> [!WARNING]
+> - Only the above is maintained
+> - Stuff below:
+>   - Currently, they do NOT work (see [#99](https://github.com/end-4/dots-hyprland/issues/99))
+>   - The pics are here mainly for your viewing pleasure
+>   - The files are still available, feel free to grab them from [`archive`](https://github.com/end-4/dots-hyprland/tree/archive) branch if you're willing to see some spaghetti and troubleshoot
+
+- stuff below have showcase videos. click image to view.
+
+### [m3ww](https://github.com/end-4/dots-hyprland/tree/archive)
+   <a href="https://streamable.com/85ch8x">
+    <img src="https://github.com/end-4/dots-hyprland/assets/97237370/09533e64-b6d7-47eb-a840-ee90c6776adf" alt="Material Eww!">
+   </a>
+
+### [NovelKnock](https://github.com/end-4/dots-hyprland/tree/archive)
+   <a href="https://streamable.com/7vo61k">
+    <img src="https://github.com/end-4/dots-hyprland/assets/97237370/42903d03-bf6f-49d4-be7f-dd77e6cb389d" alt="Desktop Preview">
+   </a>
+
+### [Hybrid](https://github.com/end-4/dots-hyprland/tree/archive)
+   <a href="https://streamable.com/4oogot">
+    <img src="https://github.com/end-4/dots-hyprland/assets/97237370/190deb1e-f6f5-46ce-8cf0-9b39944c079d" alt="click the circles!">
+   </a>
+
+### [Windoes](https://github.com/end-4/dots-hyprland/tree/archive)
+   <a href="https://streamable.com/5qx614">
+    <img src="https://github.com/end-4/dots-hyprland/assets/97237370/b15317b1-f295-49f5-b90c-fb6328b8d886" alt="Desktop Preview">
+   </a>
+
+- For even older stuff I never wanna touch again, check the releases
+
+---
+
+# 🙏 Attribution
+ - AGS: [Aylur's config](https://github.com/Aylur/dotfiles)
+ - EWW: [fufexan's config](https://github.com/fufexan/dotfiles) (he thanks more people there btw)
+ - AI bots for providing useful examples
+ - Open source contributors for their software and ricers for their insipration (would be a too long list to put here!)
+
+# 🌟 stonks
+- _thank you_
+
+[![Stars](https://starchart.cc/end-4/dots-hyprland.svg)](https://starchart.cc/end-4/dots-hyprland)
+
+# 💡 Some inspirations
+ - osu!lazer, Windows 11, Material Design 3, AvdanOS (concept)
+
diff --git a/YOU_SHOULD_NOT_USE_THIS_BRANCH.sh b/YOU_SHOULD_NOT_USE_THIS_BRANCH.sh
new file mode 100755
index 000000000..c7863b527
--- /dev/null
+++ b/YOU_SHOULD_NOT_USE_THIS_BRANCH.sh
@@ -0,0 +1,2 @@
+#!/usr/bin/env bash
+echo 'Use another branch, as said in the readme'