Merge Theme Editor and Wallpaper Selector

public/index.html

@@ -63,10 +63,10 @@
 
         <script type="text/javascript" src="lib/coreapps/XAppStub.js"></script>
         <script type="text/javascript" src="lib/coreapps/XFrogApp.js"></script>
-        <script
+        <!-- <script
             type="text/javascript"
             src="lib/coreapps/ThemeEditor.js"
-        ></script>
+        ></script> -->
         <script
             type="text/javascript"
             src="lib/coreapps/ExploreApp.js"

src/Boot.tsx

@@ -483,8 +483,8 @@ document.addEventListener("anura-login-completed", async () => {
     const wallpaper = new WallpaperSelector();
     anura.registerApp(wallpaper);
 
-    const themeEditor = new ThemeEditor();
-    anura.registerApp(themeEditor);
+    // const themeEditor = new ThemeEditor();
+    // anura.registerApp(themeEditor);
 
     const explore = new ExploreApp();
     anura.registerApp(explore);
@@ -636,12 +636,12 @@ document.addEventListener("anura-login-completed", async () => {
     const desktopCtx = new ContextMenu(true); // we are init'ing before anura so this is needed
 
     desktopCtx.addItem(
-        "Set wallpaper",
+        "Set wallpaper & style",
         () => {
             // this however will execute after anura is init'ed
             anura.apps["anura.wallpaper"].open();
         },
-        "wallpaper",
+        "brush",
     );
 
     document.addEventListener("contextmenu", function (e) {

src/anura.css

@@ -116,7 +116,8 @@ nav li {
     position: absolute;
     background-color: var(--theme-secondary-bg);
     padding: 5px 0;
-    width: 150px;
+    min-width: 150px;
+    max-width: 250px;
     box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
 
     z-index: 10000;
@@ -128,7 +129,8 @@ nav li {
 
 .custom-menu.large {
     padding: 5px 0;
-    width: 170px;
+    min-width: 170px;
+    max-width: 300px;
     background-color: color-mix(in srgb, var(--theme-dark-bg) 85%, transparent);
     backdrop-filter: blur(20px);
     -webkit-backdrop-filter: blur(20px);