selenite/frontend
1
0
Fork 0
mirror of https://gitlab.com/skysthelimit.dev/selenite.git synced 2025-06-15 10:12:06 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

adding a few themes

Browse Source
This commit is contained in:
Sky 2023-08-03 16:26:44 -04:00
parent 5de374153c
commit 953049fde8
6 changed files with 30 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -64,7 +64,7 @@
<input class="hiddenUpload" type="file" accept=".save" hidden />
<div class="title">
<img src="./new.svg" style="width: 4%;padding-right: 1%" />
<img src="./new.svg" style="width: 4%;padding-right: 1%;filter: invert(var(--invert-logo, 0));" />
<h2 style="font-size: 70px">selenite</h2>
</div>
<a href="javascript:downloadMainSave()">Download Save</a><a href="javascript:uploadMainSave()">Upload Save</a>

2
js/particles/particles.json
View File

@ -14,7 +14,7 @@
"type": "circle",
"stroke": {
"width": 0,
"color": "#000000"
"color": "#808080"
},
"polygon": {
"nb_sides": 5

1
js/themes.js
View File

@ -22,5 +22,6 @@ function setTheme(themename) {
r.style.setProperty('--game-color', loadedthemes[themename]["--game-color"]);
r.style.setProperty('--bg-1', loadedthemes[themename]["--bg-1"]);
r.style.setProperty('--bg-2', loadedthemes[themename]["--bg-2"]);
r.style.setProperty('--invert-logo', loadedthemes[themename]["--invert-logo"]);
Cookies.set("theme", themename);
}

7
settings.html
View File

@ -61,7 +61,7 @@
<input class="hiddenUpload" type="file" accept=".save" hidden />
<div class="title">
<img src="./favicon.png" style="width: 4%;padding-right:1%;" />
<img src="./new.svg" style="width: 4%;padding-right:1%;filter: invert(var(--invert-logo, 0));" />
<h2 style="font-size: 70px">selenite</h2>
</div>
@ -78,8 +78,9 @@
<button onclick="javascript:clearCloak();">Clear your current tab cloak</button>
<br />
<h3>Themes</h3>
<button onclick="setTheme('selenite')" style="background-color:#74747488;color:#dadada;border: 2px solid #979797bb;">Selenite</button>
<button onclick="setTheme('theme2')" style="background-color:#ffffff;color:#ffffff;border: 2px solid #ffffff;">Theme 2</button>
<button onclick="setTheme('selenite')" style="background-color:#747474;color:#dadada;border: 2px solid #979797;">Selenite</button>
<button onclick="setTheme('lightmode')" style="background-color:#aaaaaa;color:#dddddd;border: 2px solid #999999;">Selenite - Blinding Edition</button>
<button onclick="setTheme('egamepass')" style="background-color:#596eb1;color:#95baf1;border: 2px solid #5586e0;">e-gamepass</button>
<br />
<form action="javascript:setPanicMode();">
<h3 for="panic">Website URL</h3>

1
style.css
View File

@ -7,6 +7,7 @@
--game-color: #5e5e5e66;
--bg-1: #0c0c0c;
--bg-2: #030303;
--invert-logo: 0;
}

31
themes.json
View File

@ -7,16 +7,29 @@
"--star-color": "#ffffff",
"--game-color": "#5e5e5e66",
"--bg-1": "#0c0c0c",
"--bg-2": "#030303"
"--bg-2": "#030303",
"--invert-logo": "0"
},
"theme2": {
"--input-bg-color": "#ffffff",
"--main-text-color": "#ffffff",
"--p-text-color": "#ffffff",
"--border-color": "#ffffff",
"lightmode": {
"--input-bg-color": "#aaaaaa88",
"--main-text-color": "#555555",
"--p-text-color": "#a1a1a1",
"--border-color": "#5a5a5abb",
"--star-color": "#000000",
"--game-color": "#5e5e5e66",
"--bg-1": "#dcdcdc",
"--bg-2": "#d3d3d3",
"--invert-logo": "1"
},
"egamepass": {
"--input-bg-color": "#596eb188",
"--main-text-color": "#95baf1",
"--p-text-color": "#8daad8",
"--border-color": "#527ac4bb",
"--star-color": "#ffffff",
"--game-color": "#ffffff",
"--bg-1": "#ffffff",
"--bg-2": "#ffffff"
"--game-color": "#5376eb66",
"--bg-1": "#244580",
"--bg-2": "#181157",
"--invert-logo": "0"
}
}