diff --git a/Apps/QsDebugger/shell.qml b/Apps/QsDebugger/shell.qml
new file mode 100644
index 0000000..f656bd9
--- /dev/null
+++ b/Apps/QsDebugger/shell.qml
@@ -0,0 +1,74 @@
+import QtQuick
+import Quickshell
+import Quickshell.Widgets
+import Quickshell.Services.Mpris
+
+FloatingWindow {
+    title: "Quickshell debugger"
+    color: "#000000"
+    visible: true
+    minimumSize: Qt.size(824, 497)
+    maximumSize: Qt.size(824, 497)
+
+    Text {
+        text: "Yall lets hype up DELTARUNE TOMMOROW!!!! Btw this window is pure quickshell + qml"
+        color: "#ffffff"
+        font.family: "8bitoperator JVE"
+        font.pixelSize: 16
+        anchors.horizontalCenter: parent.horizontalCenter
+        y: 470
+    }
+
+    Text {
+        text: "Quickshell debugger"
+        color: "#ffffff"
+        font.family: "8bitoperator JVE"
+        font.pixelSize: 32
+        anchors.horizontalCenter: parent.horizontalCenter
+        y: 15
+    }
+
+    Image {
+        source: "/home/ralsei/Projects/Krisifier/icons/com.atproto.sync.jpg"
+        x: 10
+        y: 10
+        width: 128
+        height: 128
+    }
+
+    Text {
+        text: "Heaven knows\nthe story what we're born\nfrom our hearts\n\nOf the shadows cutting deep\nand the heroes that save us\n\nHeaven knows\nThe beauty of the soul \nand we weep\n\nTo the majesty and\npray we not forget\nthe tale of DELTARUNE"
+        color: "#ffffff"
+        font.family: "Determination Mono"
+        font.pixelSize: 32
+    }
+
+    Repeater {
+        model: Mpris.players
+        Item {
+            IconImage {
+                source: modelData.trackArtUrl
+                x: 64 + 128
+                y: 16 + 128
+                implicitSize: 128
+                asynchronous: true
+            }
+            Text {
+                text: "mpris" + index + JSON.stringify(modelData.metadata, undefined, "\t")
+                color: "#04047C"
+                font.family: "Determination Mono"
+                font.pixelSize: 16
+                y: 64 + 128 + 1
+                x: 64 + 1
+            }
+            Text {
+                text: "mpris" + index + JSON.stringify(modelData.metadata, undefined, "\t")
+                color: "#ff0000"
+                font.family: "Determination Mono"
+                font.pixelSize: 16
+                y: 64 + 128
+                x: 64
+            }
+        }
+    }
+}
diff --git a/CONSTANTS.txt b/CONSTANTS.txt
index 4bf7828..abf3088 100644
--- a/CONSTANTS.txt
+++ b/CONSTANTS.txt
@@ -1,5 +1,15 @@
 1:1 dimensions + colors from deltarune in 1920x1080 fullscreen
 
+Deltarune font:
+
+font.family: "8bitoperator JVE"
+font.pixelSize: 71
+font.letterSpacing: 1
+renderType: Text.NativeRendering
+font.hintingPreference: Font.PreferNoHinting
+smooth: false
+antialiasing: false
+
 top bar:
     width: 1312px
     height: 182px
diff --git a/Shell/DialogBox.qml b/Shell/DialogBox.qml
index fc37225..289d62d 100644
--- a/Shell/DialogBox.qml
+++ b/Shell/DialogBox.qml
@@ -24,7 +24,7 @@ PanelWindow {
     mask: Region {}
 
     implicitHeight: 378
-    implicitWidth: 1334 - 147
+    implicitWidth: 1332
     color: '#000000ff'
 
     DialogBox {
diff --git a/Shell/DialogBox/frame.png b/Shell/DialogBox/frame.png
index 533fe21..8234645 100644
Binary files a/Shell/DialogBox/frame.png and b/Shell/DialogBox/frame.png differ
diff --git a/Shell/Windows/QuickSettings/QuickSettings.qml b/Shell/Windows/QuickSettings/QuickSettings.qml
index a85854d..90969f5 100644
--- a/Shell/Windows/QuickSettings/QuickSettings.qml
+++ b/Shell/Windows/QuickSettings/QuickSettings.qml
@@ -6,14 +6,35 @@ ShellWindow.Window {
     id: quickSettingsWindow
     property var manager: ShellStateManager
 
+    property var quickSettingsApp: null
+
     width: 1217 + 52
     height: 767 + 52
     visible: manager ? manager.quickSettingsOpen : false
     anchors.centerIn: parent
 
+    Loader {
+        id: quickSettingsLoader
+        anchors.fill: parent
+        asynchronous: true
+        source: "./QuickSettingsApp.qml"
+        onLoaded: {
+            quickSettingsApp = item;
+            if (quickSettingsApp)
+                quickSettingsApp.manager = manager;
+        }
+    }
+
+    onManagerChanged: {
+        if (quickSettingsApp)
+            quickSettingsApp.manager = manager;
+    }
+
     QtObject {
         id: quickSettingsKeyHandler
         function handle(event) {
+            if (quickSettingsApp && quickSettingsApp.handleKey)
+                return quickSettingsApp.handleKey(event.key);
             return false;
         }
 
diff --git a/Shell/Windows/QuickSettings/QuickSettingsApp.qml b/Shell/Windows/QuickSettings/QuickSettingsApp.qml
new file mode 100644
index 0000000..326886d
--- /dev/null
+++ b/Shell/Windows/QuickSettings/QuickSettingsApp.qml
@@ -0,0 +1,206 @@
+import QtQuick
+import Quickshell.Services.Pipewire
+import "../.."
+
+Item {
+    id: root
+    width: parent ? parent.width : 1280
+    height: parent ? parent.height : 820
+    focus: true
+
+    /* ------------------------------
+       PIXEL CONSTANTS (DO NOT TOUCH)
+       ------------------------------ */
+
+    property int menuLeft: 64
+    property int menuTop: 140
+    property int lineHeight: 38 + 40 + 1
+
+    property int nameFontSize: 32
+    property int stateFontSize: 28
+
+    property int stateColumnX: 824
+
+    property int soulOffsetX: -36 - 32
+    property int soulOffsetY: -26
+
+    /* ------------------------------ */
+
+    property ShellStateManager manager: null
+    property int activeSelection: 0
+
+    property bool isSelected: false
+
+    function clamp(v, lo, hi) {
+        return Math.max(lo, Math.min(hi, v));
+    }
+
+    function wrapIndex(i) {
+        if (actions.length === 0)
+            return 0;
+        return (i + actions.length) % actions.length;
+    }
+
+    function currentAction() {
+        return actions.length > 0 ? actions[activeSelection] : null;
+    }
+
+    PwObjectTracker {
+        objects: [Pipewire.defaultAudioSink]
+    }
+
+    property var actions: [
+        {
+            name: "Master Volume",
+            arr: function (dir) {
+                const sink = Pipewire.defaultAudioSink;
+                if (!sink || !sink.audio)
+                    return;
+                const step = 0.05;
+                sink.audio.muted = false;
+                sink.audio.volume = clamp(sink.audio.volume + dir * step, 0, 1);
+            },
+            getState: function () {
+                const sink = Pipewire.defaultAudioSink;
+                if (!sink || !sink.audio)
+                    return "—";
+                return Math.round(sink.audio.volume * 100) + "%";
+            }
+        },
+        {
+            name: "Controls",
+            ent: function () {},
+            getState: function () {
+                console.log("deltarune tommorow");
+                return "";
+            }
+        }
+    ]
+
+    Text {
+        text: "CONFIG"
+        font.family: "8bitoperator JVE"
+        font.pixelSize: 71
+        renderType: Text.NativeRendering
+        font.hintingPreference: Font.PreferNoHinting
+        smooth: false
+        antialiasing: false
+        anchors.horizontalCenter: parent.horizontalCenter
+        color: "#ffffff"
+        y: 32
+    }
+
+    Repeater {
+        model: root.actions
+
+        delegate: Item {
+            width: root.width
+            height: lineHeight
+            x: 0
+            y: menuTop + index * lineHeight
+
+            Image {
+                source: "./soul.png"
+                width: 36
+                height: 36
+                x: 182
+                y: 8 + 14
+                visible: root.activeSelection == index
+            }
+
+            Text {
+                x: 239
+                y: 0
+                text: modelData.name
+                font.family: "8bitoperator JVE"
+                font.pixelSize: 71
+                font.letterSpacing: 1
+                renderType: Text.NativeRendering
+                font.hintingPreference: Font.PreferNoHinting
+                smooth: false
+                antialiasing: false
+                color: (root.activeSelection == index && root.isSelected == true) ? "#fefe00" : "#ffffff"
+            }
+
+            // Option state
+            Text {
+                x: menuLeft + stateColumnX
+                y: 4
+                text: modelData.getState ? modelData.getState() : ""
+                font.family: "8bitoperator JVE"
+                font.pixelSize: 71
+                font.letterSpacing: 1
+                renderType: Text.NativeRendering
+                font.hintingPreference: Font.PreferNoHinting
+                smooth: false
+                antialiasing: false
+                color: (root.activeSelection == index && root.isSelected == true) ? "#fefe00" : "#ffffff"
+            }
+        }
+    }
+
+    /* ------------------------------
+       INPUT HANDLING
+       ------------------------------ */
+
+    function handleKey(key) {
+        switch (key) {
+        case Qt.Key_Up:
+            if (root.isSelected === false)
+                activeSelection = wrapIndex(activeSelection - 1);
+            return true;
+        case Qt.Key_Down:
+            if (root.isSelected === false)
+                activeSelection = wrapIndex(activeSelection + 1);
+            return true;
+        case Qt.Key_Left:
+            {
+                const a = currentAction();
+                if (a && a.arr && root.isSelected === true)
+                    a.arr(-1);
+                return true;
+            }
+        case Qt.Key_Right:
+            {
+                const a = currentAction();
+                if (a && a.arr && root.isSelected === true)
+                    a.arr(1);
+                return true;
+            }
+        case Qt.Key_Z:
+        case Qt.Key_Return:
+        case Qt.Key_Enter:
+            {
+                const a = currentAction();
+                if (a && a.ent) {
+                    a.ent();
+                } else {
+                    root.isSelected = !root.isSelected;
+                }
+                return true;
+            }
+        case Qt.Key_X:
+        case Qt.Key_Shift:
+        case Qt.Key_Escape:
+            if (root.isSelected === true) {
+                root.isSelected = false;
+            } else {
+                if (manager && manager.closeQuickSettings) {
+                    manager.closeQuickSettings();
+                }
+            }
+            return true;
+        }
+        return false;
+    }
+
+    Component.onCompleted: {
+        root.activeSelection = 0;
+        root.isSelected = false;
+        ShellInputManager.registerHandler("quickSettings", handleKey);
+    }
+
+    Component.onDestruction: {
+        ShellInputManager.unregisterHandler("quickSettings");
+    }
+}
diff --git a/Shell/Windows/QuickSettings/soul.png b/Shell/Windows/QuickSettings/soul.png
new file mode 100644
index 0000000..136d6af
Binary files /dev/null and b/Shell/Windows/QuickSettings/soul.png differ