piwalker/FCLauncher
1
0
Fork 0
Code Issues 1 Pull Requests Projects Releases 5 Wiki Activity

dark mode and second button

Browse Source
This commit is contained in:
Cuptain 2024-06-23 16:29:17 +10:00
parent 3d34878ae6
commit 917d2d7e7a
3 changed files with 20 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
FCLauncher/src/index.html
View File

@ -19,17 +19,23 @@
</div> </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> </select>
<button id="launchGame" type="button">Launch Minecraft</button> <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> </div>
</body> </body>
</html> </html>

2
FCLauncher/src/main.js
View File

@ -36,7 +36,7 @@ window.onload = async function() {
function addModpacks(modpacks) { function addModpacks(modpacks) {
var dropdown = document.getElementById("Modpacks"); var dropdown = document.getElementById("Modpacks");
modpacks.sort(); modpacks.sort((a, b) => a.name.localeCompare(b.name));
modpacks.reverse(); modpacks.reverse();
for (let i = 0; i < modpacks.length; i++){ for (let i = 0; i < modpacks.length; i++){
var opt = document.createElement("option"); var opt = document.createElement("option");

12
FCLauncher/src/styles.css
View File

@ -6,6 +6,7 @@
font-size: 16px; font-size: 16px;
line-height: 24px; line-height: 24px;
font-weight: 400; font-weight: 400;
color-scheme: dark;
color: #0f0f0f; color: #0f0f0f;
background-color: #f6f6f6; background-color: #f6f6f6;
@ -70,7 +71,7 @@ button {
font-weight: 500; font-weight: 500;
font-family: inherit; font-family: inherit;
color: #4df3ff; color: #4df3ff;
background-color: #ffffff; background-color: #474747;
transition: border-color 0.25s; transition: border-color 0.25s;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
width: 300px; width: 300px;
@ -163,6 +164,9 @@ button {
align-content: center; align-content: center;
align-self: center; align-self: center;
align-items: center; align-items: center;
background-color: #2f2f2f;
border: 2px solid rgb(26, 26, 26);
} }
.Logo{ .Logo{
background-image: url('assets/CityBase.png'); background-image: url('assets/CityBase.png');
@ -176,3 +180,9 @@ button {
#launchGame { #launchGame {
margin-top: 20px; margin-top: 20px;
} }
.modSelect.select{
background: #272727;
flood-color: #0f0f0f;
}