From 917d2d7e7ac6ec90c4989ef953069dcf1c00b1f2 Mon Sep 17 00:00:00 2001
From: Cuptain <ldsjazzman@gmail.com>
Date: Sun, 23 Jun 2024 16:29:17 +1000
Subject: [PATCH] dark mode and second button

---
 FCLauncher/src/index.html | 10 ++++++++--
 FCLauncher/src/main.js    |  2 +-
 FCLauncher/src/styles.css | 12 +++++++++++-
 3 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/FCLauncher/src/index.html b/FCLauncher/src/index.html
index 448fed8..9194cf8 100644
--- a/FCLauncher/src/index.html
+++ b/FCLauncher/src/index.html
@@ -19,16 +19,22 @@
     </div>
 
 
-    <div class="container">
+    <div class="container" data-bs-theme="dark">
 
        
       
     
 
-      <select name="modSelect" id="Modpacks">
+      <select name="modSelect" id="Modpacks" class="bg-dark text-white">
       </select>
 
       <button id="launchGame" type="button">Launch Minecraft</button> 
+
+
+      <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ?autoplay=1"
+        target="_blank">
+        <button>Buy Me A Coffee!</button>
+      </a>
       
     </div>
   </body>
diff --git a/FCLauncher/src/main.js b/FCLauncher/src/main.js
index 6c7da96..1f3e04c 100644
--- a/FCLauncher/src/main.js
+++ b/FCLauncher/src/main.js
@@ -36,7 +36,7 @@ window.onload = async function() {
 function addModpacks(modpacks) {
   
   var dropdown = document.getElementById("Modpacks");
-  modpacks.sort();
+  modpacks.sort((a, b) => a.name.localeCompare(b.name));
   modpacks.reverse();
   for (let i = 0; i < modpacks.length; i++){
     var opt = document.createElement("option"); 
diff --git a/FCLauncher/src/styles.css b/FCLauncher/src/styles.css
index b4c6e36..bf90345 100644
--- a/FCLauncher/src/styles.css
+++ b/FCLauncher/src/styles.css
@@ -6,6 +6,7 @@
   font-size: 16px;
   line-height: 24px;
   font-weight: 400;
+  color-scheme: dark;
 
   color: #0f0f0f;
   background-color: #f6f6f6;
@@ -70,7 +71,7 @@ button {
   font-weight: 500;
   font-family: inherit;
   color: #4df3ff;
-  background-color: #ffffff;
+  background-color: #474747;
   transition: border-color 0.25s;
   box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
   width: 300px;
@@ -163,6 +164,9 @@ button {
   align-content: center;
   align-self: center;
   align-items: center;
+  background-color: #2f2f2f;
+  border: 2px solid rgb(26, 26, 26);
+  
 }
 .Logo{
   background-image: url('assets/CityBase.png');
@@ -176,3 +180,9 @@ button {
 #launchGame {
   margin-top: 20px;
 }
+
+
+.modSelect.select{
+  background: #272727;
+  flood-color: #0f0f0f;
+}