selenite/frontend
1
0
Fork 0
mirror of https://gitlab.com/skysthelimit.dev/selenite.git synced 2025-06-16 02:22:07 -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 /> <input class="hiddenUpload" type="file" accept=".save" hidden />
<div class="title"> <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> <h2 style="font-size: 70px">selenite</h2>
</div> </div>
<a href="javascript:downloadMainSave()">Download Save</a><a href="javascript:uploadMainSave()">Upload Save</a> <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", "type": "circle",
"stroke": { "stroke": {
"width": 0, "width": 0,
"color": "#000000" "color": "#808080"
}, },
"polygon": { "polygon": {
"nb_sides": 5 "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('--game-color', loadedthemes[themename]["--game-color"]);
r.style.setProperty('--bg-1', loadedthemes[themename]["--bg-1"]); r.style.setProperty('--bg-1', loadedthemes[themename]["--bg-1"]);
r.style.setProperty('--bg-2', loadedthemes[themename]["--bg-2"]); r.style.setProperty('--bg-2', loadedthemes[themename]["--bg-2"]);
r.style.setProperty('--invert-logo', loadedthemes[themename]["--invert-logo"]);
Cookies.set("theme", themename); Cookies.set("theme", themename);
} }

7
settings.html
View File

@ -61,7 +61,7 @@
<input class="hiddenUpload" type="file" accept=".save" hidden /> <input class="hiddenUpload" type="file" accept=".save" hidden />
<div class="title"> <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> <h2 style="font-size: 70px">selenite</h2>
</div> </div>
@ -78,8 +78,9 @@
<button onclick="javascript:clearCloak();">Clear your current tab cloak</button> <button onclick="javascript:clearCloak();">Clear your current tab cloak</button>
<br /> <br />
<h3>Themes</h3> <h3>Themes</h3>
<button onclick="setTheme('selenite')" style="background-color:#74747488;color:#dadada;border: 2px solid #979797bb;">Selenite</button> <button onclick="setTheme('selenite')" style="background-color:#747474;color:#dadada;border: 2px solid #979797;">Selenite</button>
<button onclick="setTheme('theme2')" style="background-color:#ffffff;color:#ffffff;border: 2px solid #ffffff;">Theme 2</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 /> <br />
<form action="javascript:setPanicMode();"> <form action="javascript:setPanicMode();">
<h3 for="panic">Website URL</h3> <h3 for="panic">Website URL</h3>

1
style.css
View File

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

31
themes.json
View File

@ -7,16 +7,29 @@
"--star-color": "#ffffff", "--star-color": "#ffffff",
"--game-color": "#5e5e5e66", "--game-color": "#5e5e5e66",
"--bg-1": "#0c0c0c", "--bg-1": "#0c0c0c",
"--bg-2": "#030303" "--bg-2": "#030303",
"--invert-logo": "0"
}, },
"theme2": { "lightmode": {
"--input-bg-color": "#ffffff", "--input-bg-color": "#aaaaaa88",
"--main-text-color": "#ffffff", "--main-text-color": "#555555",
"--p-text-color": "#ffffff", "--p-text-color": "#a1a1a1",
"--border-color": "#ffffff", "--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", "--star-color": "#ffffff",
"--game-color": "#ffffff", "--game-color": "#5376eb66",
"--bg-1": "#ffffff", "--bg-1": "#244580",
"--bg-2": "#ffffff" "--bg-2": "#181157",
"--invert-logo": "0"
} }
} }