MineXLauncher 1.4

public/resources/data/mods.json

@@ -6,7 +6,7 @@
 			"author": "Murturtle",
 			"author-link": "https://github.com/Murturtle",
 			"description": "client for eaglerforge (v0.2)",
-			"icon": "/resources/images/mods/burmod.png",
+			"icon": "/resources/images/icons/mods/all.webp",
 			"repo-link": "https://github.com/Murturtle/Burmod",
 			"download-link": "/resources/mods/burmod.js"
 		},
@@ -16,7 +16,7 @@
 			"author": "Neverflagastralis",
 			"author-link": "https://github.com/AstralisLLC",
 			"description": "An all-new StatsHud, soon to be updated with customization functionality!",
-			"icon": "/resources/images/mods/statshud.png",
+			"icon": "/resources/images/icons/mods/statshud.webp",
 			"repo-link": "https://github.com/AstralisLLC/EaglerForge-Mods/blob/main/StatsHudV3.js",
 			"download-link": "/resources/mods/statshud.js"
 		},
@@ -26,7 +26,7 @@
 			"author": "Murturtle",
 			"author-link": "https://github.com/Murturtle",
 			"description": "Makes the UIs slide in and re works the main screen!",
-			"icon": "/resources/images/mods/freshui.png",
+			"icon": "/resources/images/icons/mods/all.webp",
 			"repo-link": "https://github.com/Murturtle/MursMods/blob/main/FreshEaglerUI.js",
 			"download-link": "/resources/mods/freshui.js"
 		},
@@ -36,7 +36,7 @@
 			"author": "Neverflagastralis",
 			"author-link": "https://github.com/AstralisLLC",
 			"description": "An open source mod with a built in customizable bug reports system!",
-			"icon": "/resources/images/mods/chatcmd.png",
+			"icon": "/resources/images/icons/mods/all.webp",
 			"repo-link": "https://github.com/AstralisLLC/EaglerForge-Mods/blob/main/chat%20utils.js",
 			"download-link": "/resources/mods/chatcmd.js"
 		},
@@ -46,7 +46,7 @@
 			"author": "Murturtle",
 			"author-link": "https://github.com/Murturtle",
 			"description": "Press L to login without typing!",
-			"icon": "/resources/images/mods/autologin.png",
+			"icon": "/resources/images/icons/mods/all.webp",
 			"repo-link": "https://github.com/Murturtle/MursMods/blob/main/SemiAutoLogin.js",
 			"download-link": "/resources/mods/autologin.js"
 		},
@@ -56,7 +56,7 @@
 			"author": "Murturtle",
 			"author-link": "https://github.com/Murturtle",
 			"description": "Makes your fps 5 when unfocused!",
-			"icon": "/resources/images/mods/blur.png",
+			"icon": "/resources/images/icons/mods/blur.webp",
 			"repo-link": "https://github.com/Murturtle/MursMods/blob/main/Blur.js",
 			"download-link": "/resources/mods/blur.js"
 		},
@@ -66,7 +66,7 @@
 			"author": "radmanplays",
 			"author-link": "https://github.com/radmanplays",
 			"description": "allows you to fly as if you had a jetpack. keybind(hold): h",
-			"icon": "/resources/images/mods/jetpack.png",
+			"icon": "/resources/images/icons/mods/jetpack.webp",
 			"repo-link": "https://github.com/radmanplays/eaglerreborn-plugins/blob/main/jetpack-ef.js",
 			"download-link": "/resources/mods/jetpack.js"
 		},
@@ -76,7 +76,7 @@
 			"author": "BarneyTheGod",
 			"author-link": "https://github.com/BarneyCompiler",
 			"description": "Plays a users music through a direct mp3 link. Saves music through Local Browser storage.",
-			"icon": "/resources/images/mods/barneysmusicmod.png",
+			"icon": "/resources/images/icons/mods/barneysmusicmod.webp",
 			"repo-link": "https://github.com/BarneyCompiler/barneysmods/blob/main/Barneys%20Music%20Player",
 			"download-link": "/resources/mods/barneysmusicmod.js"
 		},
@@ -86,7 +86,7 @@
 			"author": "radmanplays",
 			"author-link": "https://github.com/radmanplays",
 			"description": "use by typing the .blinkon and .blinkoff commands and sending it",
-			"icon": "/resources/images/mods/blinkmod.png",
+			"icon": "/resources/images/icons/mods/all.webp",
 			"repo-link": "https://github.com/radmanplays/eaglerreborn-plugins",
 			"download-link": "/resources/mods/blinkmod.js"
 		},
@@ -96,7 +96,7 @@
 			"author": "radmanplays",
 			"author-link": "https://github.com/radmanplays",
 			"description": "grappling hook mod. how to use: 1.grab a fishing rod 2.use the fishing rod 3.grappling hook! ",
-			"icon": "/resources/images/mods/graplehookmod.png",
+			"icon": "/resources/images/icons/mods/graplehookmod.webp",
 			"repo-link": "https://github.com/radmanplays/eaglerreborn-plugins",
 			"download-link": "/resources/mods/graplehookmod.js"
 		},
@@ -106,7 +106,7 @@
 			"author": "radmanplays",
 			"author-link": "https://github.com/radmanplays",
 			"description": "simple xray mod. its recommended to use this with Fullbright. keybind: x",
-			"icon": "/resources/images/mods/xraymod.png",
+			"icon": "/resources/images/icons/mods/xraymod.webp",
 			"repo-link": "https://github.com/EaglerRinth/eaglerrinth.github.io/blob/main/CommunityMods/Xray.js",
 			"download-link": "/resources/mods/xraymod.js"
 		},
@@ -116,7 +116,7 @@
 			"author": "radmanplays",
 			"author-link": "https://github.com/radmanplays",
 			"description": "full bright mod for eaglerforge. keybind(enabled by default): f",
-			"icon": "/resources/images/mods/fullbright.png",
+			"icon": "/resources/images/icons/mods/fullbright.webp",
 			"repo-link": "https://github.com/EaglerRinth/eaglerrinth.github.io/blob/main/CommunityMods/fullbright.js",
 			"download-link": "/resources/mods/fullbright.js"
 		},
@@ -126,7 +126,7 @@
 			"author": "radmanplays",
 			"author-link": "https://github.com/radmanplays",
 			"description": "this mod clicks for you",
-			"icon": "/resources/images/mods/autoclicker.png",
+			"icon": "/resources/images/icons/mods/autoclicker.webp",
 			"repo-link": "https://github.com/EaglerRinth/eaglerrinth.github.io/blob/main/CommunityMods/autoclicker.js",
 			"download-link": "/resources/mods/autoclicker.js"
 		},
@@ -136,7 +136,7 @@
 			"author": "radmanplays",
 			"author-link": "https://github.com/radmanplays",
 			"description": "makes you faster",
-			"icon": "/resources/images/mods/speedmod.png",
+			"icon": "/resources/images/icons/mods/speedmod.webp",
 			"repo-link": "https://github.com/EaglerRinth/eaglerrinth.github.io/blob/main/CommunityMods/Speed.js",
 			"download-link": "/resources/mods/speedmod.js"
 		},
@@ -146,7 +146,7 @@
 			"author": "radmanplays",
 			"author-link": "https://github.com/radmanplays",
 			"description": "shortcuts: {health}, {pos}, {name}, {me}, {x}, {y}, {z}, {level}, {walked}, {chunk}",
-			"icon": "/resources/images/mods/chatshortcutsmod.png",
+			"icon": "/resources/images/icons/mods/all.webp",
 			"repo-link": "https://github.com/EaglerRinth/eaglerrinth.github.io/blob/main/CommunityMods/ChatShortcuts.js",
 			"download-link": "/resources/mods/chatshortcutsmod.js"
 		},
@@ -156,7 +156,7 @@
 			"author": "radmanplays",
 			"author-link": "https://github.com/radmanplays",
 			"description": "makes you not take fall damage",
-			"icon": "/resources/images/mods/nofallmod.png",
+			"icon": "/resources/images/icons/mods/all.webp",
 			"repo-link": "https://github.com/EaglerRinth/eaglerrinth.github.io/blob/main/CommunityMods/NoFall.js",
 			"download-link": "/resources/mods/nofallmod.js"
 		},
@@ -166,7 +166,7 @@
 			"author": "radmanplays",
 			"author-link": "https://github.com/radmanplays",
 			"description": "fishes for you. just throw a fishing rod in water to use this mod",
-			"icon": "/resources/images/mods/autofishmod.png",
+			"icon": "/resources/images/icons/mods/all.webp",
 			"repo-link": "https://github.com/EaglerRinth/eaglerrinth.github.io/blob/main/CommunityMods/AutoFish.js",
 			"download-link": "/resources/mods/autofishmod.js"
 		}
@@ -178,7 +178,7 @@
 			"author": "vexcenot",
 			"author-link": "https://modrinth.com/user/vexcenot",
 			"description": "simplistic per-mob icons and colors to decorate boss bars with",
-			"icon": "/resources/images/resourcepacks/barebones-bossbars.png",
+			"icon": "/resources/images/icons/resourcepacks/barebones-bossbars.webp",
 			"repo-link": "https://modrinth.com/resourcepack/barebones-bossbars",
 			"download-link": "/resources/resourcepacks/barebones-bossbars.zip"
 		},
@@ -188,7 +188,7 @@
 			"author": "devin",
 			"author-link": "https://modrinth.com/user/devin",
 			"description": "Shorter swords for better visibility.",
-			"icon": "/resources/images/resourcepacks/daggers.png",
+			"icon": "/resources/images/icons/resourcepacks/daggers.webp",
 			"repo-link": "https://modrinth.com/resourcepack/daggers",
 			"download-link": "/resources/resourcepacks/daggers.zip"
 		},
@@ -198,7 +198,7 @@
 			"author": "Faithful-Resource-Pack",
 			"author-link": "https://modrinth.com/user/Faithful-Resource-Pack",
 			"description": "The original Minecraft texture feel, with double the resolution and double the fun!",
-			"icon": "/resources/images/resourcepacks/faithful-32x.png",
+			"icon": "/resources/images/icons/resourcepacks/faithful-32x.webp",
 			"repo-link": "https://modrinth.com/resourcepack/faithful-32x",
 			"download-link": "/resources/resourcepacks/faithful-32x.zip"
 		},
@@ -208,7 +208,7 @@
 			"author": "Haikis",
 			"author-link": "https://modrinth.com/user/Haikis",
 			"description": "Low fire on your screen! Vanilla Friendly",
-			"icon": "/resources/images/resourcepacks/low-on-fire.png",
+			"icon": "/resources/images/icons/resourcepacks/low-on-fire.webp",
 			"repo-link": "https://modrinth.com/resourcepack/low-on-fire",
 			"download-link": "/resources/resourcepacks/low-on-fire.zip"
 		},
@@ -218,7 +218,7 @@
 			"author": "bebebea_loste",
 			"author-link": "https://modrinth.com/user/bebebea_loste",
 			"description": "My take on a fancier Minecraft typeface",
-			"icon": "/resources/images/resourcepacks/serified-font.png",
+			"icon": "/resources/images/icons/resourcepacks/serified-font.webp",
 			"repo-link": "https://modrinth.com/resourcepack/serified-font",
 			"download-link": "/resources/resourcepacks/serified-font.zip"
 		}

public/resources/styles/eagler.css

@@ -0,0 +1,6 @@
+body {
+	margin: 0px;
+	width: 100vw;
+	height: 100vh;
+	overflow: hidden;
+}

public/resources/styles/index.css

@@ -0,0 +1,18 @@
+body {
+	overflow: hidden;
+	background-color: #1e1e1e;
+	background-image: url('/resources/images/icons/loading.webp');
+	background-repeat: no-repeat;
+	background-attachment: fixed;
+	background-position: center;
+	background-size: 15vh;
+}
+
+iframe {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	border: none;
+}

public/resources/styles/mobile.css

@@ -5,6 +5,5 @@
 }
 
 .play-button {
-	text-decoration: none;
 	padding: 10px 10px;
 }

public/resources/styles/themes/campfire.css

@@ -0,0 +1,112 @@
+body {
+	background-image: url('/resources/images/backgrounds/themes/campfire.webp');
+	background-color: #2b1b0f;
+	color: #f5e0c3;
+}
+
+.launcher {
+	background-color: #3e2a1a;
+	box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
+}
+
+.title-bar,
+.top-bar,
+.top-menu {
+	background-color: #4a2f1b;
+	color: #f5e0c3;
+	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+}
+
+.sidebar {
+	background-color: #3a2416;
+	border-right: 1px solid #4a2f1b;
+}
+
+.profile {
+	border-bottom: 1px solid #4a2f1b;
+}
+
+.nav-item:hover,
+.nav-item.selected {
+	background-color: #5a3a2a;
+}
+
+.main-panel,
+.main-content {
+	background-color: #2b1b0f;
+}
+
+.tabs .tab:hover,
+.tabs .tab.selected {
+	color: #ffcc00;
+}
+
+.installations {
+	background-color: #3e2a1a;
+	border-top: 1px solid #4a2f1b;
+}
+
+.custom-select {
+	background-color: #5a3a2a;
+	border: 2px solid #4a2f1b;
+	color: #f5e0c3;
+	box-shadow: 4px 4px #2b1b0f;
+}
+
+.custom-select:hover {
+	box-shadow: 6px 6px #2b1b0f;
+}
+
+.custom-options {
+	background-color: #4a2f1b;
+	box-shadow: 4px 4px #2b1b0f;
+}
+
+.custom-option:hover {
+	background-color: #6a4a3a;
+}
+
+.play-button {
+	background-color: #ff6600;
+	border: 2px solid #cc5200;
+}
+
+.play-button:hover {
+	background-color: #ff8533;
+	border-color: #b34700;
+}
+
+.bottom-bar {
+	background-color: #4a2f1b;
+	border-top: 1px solid #5a3a2a;
+	box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.3);
+}
+
+.minecraft-button {
+	background-color: #cc5200;
+	border: 1px solid #4a2f1b;
+}
+
+.minecraft-button:hover {
+	background-color: #e65c00;
+}
+
+.minecraft-button:active {
+	background-color: #b34700;
+}
+
+.download-link {
+	background-color: #ff6600;
+}
+
+.download-link:hover {
+	background-color: #ff8533;
+}
+
+.top-menu ul li {
+	color: #f5e0c3;
+}
+
+.top-menu ul li.selected {
+	color: #ffcc00;
+}

public/resources/styles/themes/cherry-blossom.css

@@ -0,0 +1,146 @@
+body {
+	background-image: url('/resources/images/backgrounds/themes/cherry-blossom.webp');
+	background-color: #fef0f5;
+	color: #333;
+}
+
+.launcher {
+	background-color: #fdf0f5;
+}
+
+.title-bar {
+	background-color: #f6e7f3;
+	color: #333;
+}
+
+.sidebar {
+	background-color: #f9f0f4;
+	border-right: 1px solid #e0d1e3;
+}
+
+.profile {
+	border-bottom: 1px solid #e0d1e3;
+}
+
+.nav-item:hover,
+.nav-item.selected {
+	background-color: #f4c6d0;
+}
+
+.main-panel {
+	background-color: #fef0f5;
+}
+
+.top-bar {
+	background-color: #f6e7f3;
+	color: #333;
+}
+
+.top-menu {
+	background-color: #f6e7f3;
+	color: #333;
+}
+
+.top-menu ul li {
+	color: #333;
+}
+
+.top-menu ul li.selected {
+	color: #e5a1b8;
+}
+
+.tab:hover,
+.tab.selected {
+	color: #e5a1b8;
+}
+
+.main-content {
+	background-color: #fef0f5;
+	scrollbar-color: #f2c8d5 #fef0f5;
+}
+
+.installations {
+	background-color: #f9e6f1;
+	border-top: 1px solid #e0d1e3;
+}
+
+.custom-select {
+	border: 2px solid #f2c8d5;
+	background-color: #f9e6f1;
+	color: #333;
+}
+
+.custom-options {
+	border: 2px solid #f2c8d5;
+	background-color: #fceef2;
+	color: #333;
+	scrollbar-color: #f2c8d5 #fceef2;
+}
+
+.custom-option {
+	border-bottom: 1px solid #f2c8d5;
+}
+
+.custom-option:hover {
+	background-color: #f8d4e4;
+}
+
+.play-button {
+	background-color: #e5a1b8;
+	border: 2px solid #d0808e;
+}
+
+.play-button:hover {
+	background-color: #f7b7bc;
+	border-color: #d0808e;
+}
+
+.bottom-bar {
+	background-color: #f6e7f3;
+	border-top: 1px solid #e0d1e3;
+}
+
+.bottom-bar .bottom-bar-left,
+.bottom-bar .bottom-bar-right {
+	color: #333;
+}
+
+.bottom-bar .bottom-bar-left:hover {
+	color: #e5a1b8;
+}
+
+.minecraft-button {
+	background-color: #f2c8d5;
+	border: 1px solid #e0d1e3;
+}
+
+.minecraft-button:hover {
+	background-color: #e5a1b8;
+}
+
+.minecraft-button:active {
+	background-color: #d0808e;
+}
+
+.download-link {
+	background-color: #d0808e;
+}
+
+.download-link:hover {
+	background-color: #e5a1b8;
+}
+
+input[type='text'],
+select {
+	border: 1px solid #e0d1e3;
+	background-color: #f9e6f1;
+	color: #333;
+}
+
+button {
+	background-color: #f2c8d5;
+}
+
+button:hover {
+	background-color: #e5a1b8;
+}

public/resources/styles/themes/default.css

@@ -1,9 +1,16 @@
+@font-face {
+	font-family: Minecraftia-Regular;
+	src: url(/resources/fonts/Minecraftia-Regular.ttf);
+}
+
 body {
 	margin: 0;
-	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+	font-family: sans-serif;
 	background-color: #1e1e1e;
 	color: #fff;
 	overflow: hidden;
+	background-image: none;
+	background-size: cover;
 }
 
 .launcher {
@@ -55,13 +62,6 @@ body {
 	font-size: 16px;
 }
 
-.profile-status {
-	font-size: 12px;
-	color: #00cc00;
-	display: block;
-	margin-top: 5px;
-}
-
 nav {
 	list-style-type: none;
 	padding: 0;
@@ -110,6 +110,17 @@ nav {
 	flex-shrink: 0;
 }
 
+.top-menu {
+	background-color: #2c2c2c;
+	padding: 10px 20px;
+	display: flex;
+	justify-content: space-around;
+	align-items: center;
+	color: #ddd;
+	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+	flex-shrink: 0;
+}
+
 .game-title {
 	font-size: 18px;
 	font-weight: bold;
@@ -145,16 +156,6 @@ nav {
 	scrollbar-color: #555 #333;
 }
 
-.error-page {
-	display: flex;
-	flex: 1;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	padding: 20px;
-	padding-bottom: 10%;
-}
-
 .cover-image {
 	display: flex;
 	flex: 1;
@@ -188,7 +189,7 @@ nav {
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	font-family: 'MinecraftRegular', sans-serif;
+	font-family: sans-serif;
 	font-size: 1em;
 	padding: 7px;
 	border: 2px solid #000;
@@ -303,10 +304,10 @@ nav {
 }
 
 .play-button:hover span {
-	animation: fluid 1.5s infinite alternate;
+	animation: play-button 1.5s infinite alternate;
 }
 
-@keyframes fluid {
+@keyframes play-button {
 	0% {
 		transform: scale(1);
 	}
@@ -437,33 +438,6 @@ nav {
 	color: #fff;
 }
 
-select {
-	width: 100%;
-	padding: 10px;
-	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-	font-weight: bold;
-	color: #e0e0e0;
-	background-color: #08a74a;
-	box-shadow: 4px 4px 0px #2a2a2a, -4px -4px 0px #2a2a2a;
-	border-radius: 3px;
-	appearance: none;
-	background-image: url('/resources/images/icons/dropdown-selector.png'), linear-gradient(45deg, #0a8338, #086126);
-	background-repeat: no-repeat, repeat;
-	background-position: right 10px center, 0 0;
-	background-size: 15px auto, 100%;
-	cursor: pointer;
-	transition: box-shadow 0.2s, background-color 0.2s;
-}
-
-select:hover {
-	background-color: #0a8338;
-}
-
-select:focus {
-	outline: none;
-	box-shadow: 0 0 5px 2px #00cc00;
-}
-
 .mod-list {
 	display: grid;
 	grid-template-columns: repeat(3, 1fr);
@@ -537,46 +511,6 @@ select:focus {
 	background-color: #777;
 }
 
-.top-menu {
-	background-color: #2c2c2c;
-	padding: 10px 20px;
-	display: flex;
-	justify-content: space-around;
-	align-items: center;
-	color: #ddd;
-	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-	flex-shrink: 0;
-}
-
-#username-form {
-	margin-top: 20px;
-}
-
-#username-input {
-	width: calc(100% - 22px);
-	padding: 10px;
-	margin-bottom: 10px;
-	border: none;
-	border-radius: 3px;
-	background-color: #333;
-	color: #fff;
-}
-
-.username-button {
-	width: 100%;
-	padding: 10px;
-	border: none;
-	border-radius: 3px;
-	background-color: #00cc00;
-	color: #fff;
-	cursor: pointer;
-	transition: background-color 0.2s;
-}
-
-.username-button:hover {
-	background-color: #00ff00;
-}
-
 .server-list {
 	display: flex;
 	flex: 1;
@@ -589,13 +523,6 @@ select:focus {
 	border: none;
 }
 
-.settings {
-	display: flex;
-	flex: 1;
-	align-items: center;
-	justify-content: center;
-}
-
 .version-select {
 	width: 100%;
 	padding: 0.5rem;
@@ -643,6 +570,7 @@ select:focus {
 
 .archive-button {
 	padding: 0.5rem 1rem;
+	margin-top: 0.5rem;
 	border: none;
 	border-radius: 5px;
 	background-color: #4a90e2;
@@ -652,15 +580,80 @@ select:focus {
 	transition: background-color 0.3s;
 }
 
-.archive-button:hover {
+.archive-link {
+	padding: 0.5rem 1rem;
+	margin: 0.5rem 1rem;
+	border: none;
+	border-radius: 5px;
+	background-color: #4a90e2;
+	color: #ffffff;
+	font-size: 1rem;
+	cursor: pointer;
+	transition: background-color 0.3s;
+}
+
+.archive-button:hover,
+.archive-link:hover {
 	background-color: #357abd;
 }
 
-.archive-button:focus {
+.archive-button:focus,
+.archive-link:focus {
 	outline: none;
 	box-shadow: 0 0 0 2px #357abd;
 }
 
-.archive-button:active {
+.archive-button:active,
+.archive-link:active {
 	transform: scale(0.95);
 }
+
+.settings {
+	display: flex;
+	flex: 1;
+	align-items: center;
+	justify-content: center;
+}
+
+#username-input,
+#theme-select {
+	width: calc(100% - 22px);
+	padding: 10px;
+	margin-bottom: 10px;
+	border: none;
+	border-radius: 3px;
+	background-color: #333;
+	color: #fff;
+	appearance: none;
+}
+
+#username-input:focus,
+#theme-select:focus {
+	outline: none;
+}
+
+.setup-submit {
+	width: 100%;
+	padding: 10px;
+	border: none;
+	border-radius: 3px;
+	background-color: #00cc00;
+	color: #fff;
+	cursor: pointer;
+	transition: background-color 0.2s;
+}
+
+.setup-submit:hover {
+	background-color: #00ff00;
+}
+
+.setup-page,
+.error-page {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	padding: 20px;
+	padding-bottom: 7%;
+}

public/resources/styles/themes/hyperdark.css

@@ -0,0 +1,147 @@
+body {
+	background-color: #121212;
+	color: #e0e0e0;
+}
+
+.launcher {
+	background-color: #1e1e1e;
+	box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
+}
+
+.title-bar {
+	background-color: #1a1a1a;
+	color: #e0e0e0;
+	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
+}
+
+.sidebar {
+	background-color: #262626;
+}
+
+.nav-item:hover,
+.nav-item.selected {
+	background-color: #333;
+}
+
+.main-panel {
+	background-color: #1e1e1e;
+}
+
+.top-bar {
+	background-color: #1a1a1a;
+	color: #e0e0e0;
+	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
+}
+
+.top-menu {
+	background-color: #1a1a1a;
+	color: #e0e0e0;
+	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
+}
+
+.main-content {
+	background-color: #121212;
+	scrollbar-color: #333 #121212;
+}
+
+.installations {
+	background-color: #1c1c1c;
+}
+
+.custom-select {
+	border: 2px solid #444;
+	background-color: #333;
+	color: #e0e0e0;
+	box-shadow: 4px 4px #111;
+}
+
+.custom-select:hover {
+	box-shadow: 6px 6px #111;
+}
+
+.custom-options {
+	border: 2px solid #444;
+	background-color: #222;
+	box-shadow: 4px 4px #111;
+	color: #e0e0e0;
+	scrollbar-color: #333 #222;
+}
+
+.custom-option {
+	border-bottom: 1px solid #444;
+}
+
+.custom-option:hover {
+	background-color: #333;
+}
+
+.play-button {
+	background-color: #444;
+	border: 2px solid #333;
+	color: #e0e0e0;
+}
+
+.play-button:hover {
+	background-color: #555;
+	border-color: #444;
+}
+
+.bottom-bar {
+	background-color: #1a1a1a;
+	box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.5);
+}
+
+.bottom-bar .bottom-bar-left {
+	color: #e0e0e0;
+}
+
+.bottom-bar .bottom-bar-left:hover {
+	color: #aaa;
+}
+
+.bottom-bar .bottom-bar-right {
+	color: #e0e0e0;
+}
+
+.minecraft-button {
+	background-color: #333;
+	border: 1px solid #444;
+}
+
+.minecraft-button:hover {
+	background-color: #444;
+}
+
+.minecraft-button:active {
+	background-color: #555;
+}
+
+.download-link {
+	background-color: #333;
+	color: #e0e0e0;
+}
+
+.download-link:hover {
+	background-color: #444;
+}
+
+input[type='text'],
+select {
+	border: 1px solid #444;
+	background-color: #1e1e1e;
+	color: #e0e0e0;
+}
+
+input[type='text']::placeholder,
+select option {
+	color: #e0e0e0;
+}
+
+button {
+	background-color: #333;
+	color: #e0e0e0;
+}
+
+button:hover {
+	background-color: #444;
+}

public/resources/styles/themes/light.css

@@ -0,0 +1,111 @@
+body {
+    background-color: #f5f5f5;
+    color: #333;
+}
+
+.launcher {
+    background-color: #fff;
+    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
+}
+
+.title-bar, .top-bar, .top-menu, .bottom-bar {
+    background-color: #e0e0e0;
+    color: #333;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.sidebar {
+    background-color: #f0f0f0;
+    border-right: 1px solid #ddd;
+}
+
+.profile {
+    border-bottom: 1px solid #ddd;
+}
+
+.nav-item {
+    color: #333;
+}
+
+.nav-item:hover, .nav-item.selected {
+    background-color: #ddd;
+}
+
+.main-panel, .main-content {
+    background-color: #fafafa;
+}
+
+.installations {
+    background-color: #e0e0e0;
+    border-top: 1px solid #ddd;
+}
+
+.custom-select {
+    border: 2px solid #ccc;
+    background-color: #fff;
+    color: #333;
+    box-shadow: 4px 4px #ddd;
+}
+
+.custom-select:hover {
+    box-shadow: 6px 6px #ddd;
+}
+
+.custom-options {
+    border: 2px solid #ccc;
+    background-color: #fff;
+    box-shadow: 4px 4px #ddd;
+}
+
+.custom-option {
+    border-bottom: 1px solid #ccc;
+    color: #333;
+}
+
+.custom-option:hover {
+    background-color: #f0f0f0;
+}
+
+.play-button {
+    background-color: #4caf50;
+    border: 2px solid #388e3c;
+    color: #fff;
+}
+
+.play-button:hover {
+    background-color: #66bb6a;
+    border-color: #2e7d32;
+}
+
+.bottom-bar .bottom-bar-left, .bottom-bar .bottom-bar-right {
+    color: #333;
+}
+
+.minecraft-button {
+    background-color: #e0e0e0;
+    border: 1px solid #ccc;
+}
+
+.minecraft-button:hover {
+    background-color: #d5d5d5;
+}
+
+.minecraft-button:active {
+    background-color: #bdbdbd;
+}
+
+.download-link {
+    background-color: #4caf50;
+}
+
+.download-link:hover {
+    background-color: #66bb6a;
+}
+
+.top-menu ul li {
+    color: #666;
+}
+
+.top-menu ul li.selected {
+    color: #333;
+}

public/resources/styles/themes/nether.css

@@ -0,0 +1,116 @@
+body {
+	background-image: url('/resources/images/backgrounds/themes/nether.webp');
+	color: #ffcc00;
+}
+
+.launcher {
+	background-color: #3c2c2c;
+	box-shadow: 0 0 20px rgba(255, 69, 0, 0.5);
+}
+
+.title-bar,
+.top-bar,
+.top-menu {
+	background-color: #4c2c2c;
+	color: #ffcc00;
+	box-shadow: 0 2px 4px rgba(255, 69, 0, 0.2);
+}
+
+.sidebar {
+	background-color: #3a2a2a;
+	border-right: 1px solid #4c2c2c;
+}
+
+.profile-status {
+	color: #ff4500;
+}
+
+.nav-item:hover,
+.nav-item.selected {
+	background-color: #5c3c3c;
+}
+
+.main-panel,
+.main-content {
+	background-color: #2e1a1a;
+}
+
+.tabs .tab:hover,
+.tabs .tab.selected {
+	color: #ff4500;
+}
+
+.installations {
+	background-color: #4c2c2c;
+	border-top: 1px solid #5c3c3c;
+}
+
+.custom-select {
+	background-color: #8b0000;
+	border: 2px solid #4c2c2c;
+	box-shadow: 4px 4px #5c3c3c;
+}
+
+.custom-select:hover {
+	box-shadow: 6px 6px #5c3c3c;
+}
+
+.custom-options {
+	background-color: #4c2c2c;
+	border: 2px solid #4c2c2c;
+	box-shadow: 4px 4px #5c3c3c;
+}
+
+.custom-option:hover {
+	background-color: #8b0000;
+}
+
+.play-button {
+	background-color: #ff4500;
+	border: 2px solid #8b0000;
+}
+
+.play-button:hover {
+	background-color: #ff6347;
+	border-color: #8b0000;
+}
+
+.bottom-bar {
+	background-color: #4c2c2c;
+	border-top: 1px solid #5c3c3c;
+	box-shadow: 0 -2px 4px rgba(255, 69, 0, 0.2);
+}
+
+.bottom-bar .bottom-bar-left,
+.bottom-bar .bottom-bar-right {
+	color: #ffcc00;
+}
+
+.minecraft-button {
+	background-color: #8b0000;
+	border: 1px solid #4c2c2c;
+}
+
+.minecraft-button:hover {
+	background-color: #a52a2a;
+}
+
+.minecraft-button:active {
+	background-color: #5c3c3c;
+}
+
+.download-link {
+	background-color: #8b0000;
+}
+
+.download-link:hover {
+	background-color: #ff4500;
+}
+
+.top-menu ul li {
+	color: #ffcc00;
+}
+
+.top-menu ul li.selected {
+	color: #fff;
+}

public/resources/styles/themes/overworld.css

@@ -0,0 +1,116 @@
+body {
+	background-image: url('/resources/images/backgrounds/themes/overworld.webp');
+	color: #00ff00;
+}
+
+.launcher {
+	background-color: #3c5c3c;
+	box-shadow: 0 0 20px rgba(0, 255, 0, 0.5);
+}
+
+.title-bar,
+.top-bar,
+.top-menu {
+	background-color: #4c6c4c;
+	color: #00ff00;
+	box-shadow: 0 2px 4px rgba(0, 255, 0, 0.2);
+}
+
+.sidebar {
+	background-color: #3a5a3a;
+	border-right: 1px solid #4c6c4c;
+}
+
+.profile-status {
+	color: #00ff00;
+}
+
+.nav-item:hover,
+.nav-item.selected {
+	background-color: #5c7c5c;
+}
+
+.main-panel,
+.main-content {
+	background-color: #2e4e2e;
+}
+
+.tabs .tab:hover,
+.tabs .tab.selected {
+	color: #00ff00;
+}
+
+.installations {
+	background-color: #4c6c4c;
+	border-top: 1px solid #5c7c5c;
+}
+
+.custom-select {
+	background-color: #00b000;
+	border: 2px solid #4c6c4c;
+	box-shadow: 4px 4px #5c7c5c;
+}
+
+.custom-select:hover {
+	box-shadow: 6px 6px #5c7c5c;
+}
+
+.custom-options {
+	background-color: #4c6c4c;
+	border: 2px solid #4c6c4c;
+	box-shadow: 4px 4px #5c7c5c;
+}
+
+.custom-option:hover {
+	background-color: #00b000;
+}
+
+.play-button {
+	background-color: #00ff00;
+	border: 2px solid #00b000;
+}
+
+.play-button:hover {
+	background-color: #32ff32;
+	border-color: #00b000;
+}
+
+.bottom-bar {
+	background-color: #4c6c4c;
+	border-top: 1px solid #5c7c5c;
+	box-shadow: 0 -2px 4px rgba(0, 255, 0, 0.2);
+}
+
+.bottom-bar .bottom-bar-left,
+.bottom-bar .bottom-bar-right {
+	color: #00ff00;
+}
+
+.minecraft-button {
+	background-color: #00b000;
+	border: 1px solid #4c6c4c;
+}
+
+.minecraft-button:hover {
+	background-color: #32cd32;
+}
+
+.minecraft-button:active {
+	background-color: #5c7c5c;
+}
+
+.download-link {
+	background-color: #00b000;
+}
+
+.download-link:hover {
+	background-color: #00ff00;
+}
+
+.top-menu ul li {
+	color: #00ff00;
+}
+
+.top-menu ul li.selected {
+	color: #fff;
+}

public/resources/styles/themes/retro.css

@@ -0,0 +1,87 @@
+body {
+	background-image: url('/resources/images/backgrounds/themes/retro.webp');
+	background-color: #000;
+	color: #00ff00;
+	font-family: 'Courier New', Courier, monospace;
+}
+
+.launcher {
+	background-color: #111;
+	box-shadow: none;
+	border: 2px solid #00ff00;
+}
+
+.title-bar,
+.top-bar,
+.top-menu,
+.bottom-bar {
+	background-color: #222;
+	color: #00ff00;
+	box-shadow: none;
+}
+
+.sidebar {
+	background-color: #111;
+	border-right: 2px solid #00ff00;
+}
+
+.profile,
+.nav-item,
+.installations,
+.custom-select,
+.custom-options,
+.play-button,
+.minecraft-button,
+.download-link {
+	background-color: #111;
+	border: 2px solid #00ff00;
+	color: #00ff00;
+}
+
+.nav-item:hover,
+.nav-item.selected,
+.tab:hover,
+.tab.selected,
+.custom-option:hover,
+.play-button:hover,
+.minecraft-button:hover,
+.download-link:hover {
+	background-color: #333;
+}
+
+.custom-select:hover,
+.custom-select.open,
+.play-button:hover,
+.minecraft-button:hover,
+.download-link:hover {
+	box-shadow: none;
+}
+
+.custom-option {
+	border-bottom: 1px solid #00ff00;
+}
+
+.custom-option:last-child {
+	border-bottom: none;
+}
+
+.play-button::before {
+	background-color: rgba(0, 255, 0, 0.1);
+}
+
+.play-button:hover::before {
+	background-color: rgba(0, 255, 0, 0.2);
+}
+
+.play-button span {
+	animation: none;
+}
+
+.bottom-bar .bottom-bar-left:hover {
+	text-decoration: none;
+	color: #00ff00;
+}
+
+.scrollbar-color {
+	scrollbar-color: #00ff00 #111;
+}