mirror of
https://gitlab.com/skysthelimit.dev/selenite.git
synced 2025-06-15 10:12:06 -05:00
153 lines
7.2 KiB
HTML
153 lines
7.2 KiB
HTML
<!DOCTYPE html>
|
|
<html class="sl-theme-dark" lang="en">
|
|
<head>
|
|
<!-- initialize theme vars
|
|
https://coolors.co/10002b-240046-3c096c-5a189a-7b2cbf-9d4edd-c77dff-e0aaff -->
|
|
|
|
<!-- initialize externals -->
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
|
|
<script src=" https://cdn.jsdelivr.net/npm/js-cookie@3.0.5/dist/js.cookie.min.js "></script>
|
|
|
|
|
|
|
|
|
|
<!-- initialize my stuff -->
|
|
<script src="/js/all.min.js"></script>
|
|
<script src="/js/main.js"></script>
|
|
<script src="/js/widget.js"></script>
|
|
<script src="/js/themes.js"></script>
|
|
<script src="/js/cloaks.js"></script>
|
|
<script src="/js/themes.js"></script>
|
|
|
|
<link rel="stylesheet" href="/style.css" />
|
|
|
|
|
|
<!-- seo + other things -->
|
|
<title>Settings | Selenite</title>
|
|
<link rel="icon" href="/favicon.ico" />
|
|
|
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
|
|
<!-- toastify -->
|
|
<script></script>
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<a href="/index.html">Home</a>
|
|
<a href="/bookmarklets.html">Bookmarklets</a>
|
|
<a href="/projects.html">Games</a>
|
|
<a href="/apps.html">Apps</a>
|
|
<a href="/settings.html">Settings</a>
|
|
<a id="blank" href="#">Open Blank</a>
|
|
<a href="/u/" class="usericon"><img src="/img/user.svg"></a>
|
|
|
|
</header>
|
|
|
|
<main>
|
|
<h1>Settings</h1>
|
|
<form action="javascript:setCloakCookie();">
|
|
<h3>Website Name</h3>
|
|
<input type="text" id="webname" name="webname" placeholder="Selenite" /><br />
|
|
<h3>Website Icon</h3>
|
|
<input type="text" id="webicon" name="webicon" placeholder="https://selenite.cc/" /><br />
|
|
<h3>Or select a preset:</h3>
|
|
<select id="presetCloaks">
|
|
<option>Select a preset:</option>
|
|
<option value="google">Google</option>
|
|
<option value="ddg">DuckDuckGo</option>
|
|
<option value="canvas">Canvas</option>
|
|
<option value="desmos">Desmos</option>
|
|
<option value="drive">Google Drive</option>
|
|
<option value="classroom">Google Classroom</option>
|
|
<option value="newtab">New Tab</option>
|
|
<option value="docs">Google Docs</option>
|
|
<option value="edpuzzle">Edpuzzle</option>
|
|
<option value="khan">Khan Academy</option>
|
|
<option value="quizlet">Quizlet</option>
|
|
<option value="schoology">Schoology</option>
|
|
</select><br />
|
|
<input id="websubmit" class="submit" type="submit" value="Set Tab Cloak" />
|
|
</form>
|
|
<button onclick="javascript:clearCloak();">Clear your current tab cloak</button>
|
|
<br />
|
|
<div class="samerow">
|
|
<input type="checkbox" id="discordIcon" name="discordIcon">
|
|
<label for="discordIcon">Disable Discord Icon</label><br>
|
|
</div>
|
|
<div class="samerow">
|
|
<input type="checkbox" id="blockClose" name="blockClose">
|
|
<label for="blockClose">Block tab from being closed</label><br>
|
|
</div>
|
|
<div class="samerow">
|
|
<input type="checkbox" id="tabDisguise" name="tabDisguise">
|
|
<label for="tabDisguise">Disguise your tab when you click off (currently only Google)</label><br>
|
|
</div>
|
|
<h3>Themes</h3>
|
|
<div class="samerow">
|
|
<input type="checkbox" id="bgTheme" name="bgTheme">
|
|
<label for="bgTheme">Background:</label><br>
|
|
</div>
|
|
<div class="samerow themebtns">
|
|
<button onclick="setTheme('main')" style="background-color: #3c096c; color: #fff; border: 5px solid #5a189a">selenite</button>
|
|
<button onclick="setTheme('light')" style="background-color: #bbbbbb; color: #1a1a1a; border: 5px solid #e6e6e6">light mode</button>
|
|
<button onclick="setTheme('dark')" style="background-color: #333333; color: #fff; border: 5px solid #444444">dark mode</button>
|
|
<button onclick="setTheme('egamepass')" style="background-color: #596eb1; color: #cbe0ff; border: 5px solid #5586e0">e-gamepass</button>
|
|
<button onclick="setTheme('cools1te')" style="background-color: #a134dc; color: #d3a4fa; border: 5px solid #b153e3">cools1te</button>
|
|
<button onclick="setTheme('sunset' + (bgTheme.checked ? '' : 'false'))" style="background-color: #537294; color: #fff; border: 5px solid #30719c">sunset</button>
|
|
<button onclick="setTheme('mountains' + (bgTheme.checked ? '' : 'false'))" style="background-color: #d37f7f; color: #fff; border: 5px solid #e28a8a">mountains</button>
|
|
<button onclick="setTheme('vaporwave' + (bgTheme.checked ? '' : 'false'))" style="background-color: #4b2d64; color: #fff; border: 5px solid #74568d">vaporwave</button>
|
|
<button onclick="setTheme('threekho')" style="background-color: #28A018; color: #fff; border: 5px solid #0A8F00">3kh0</button>
|
|
<button onclick="setTheme('seraph' + (bgTheme.checked ? '' : 'false'))" style="background-color: #000; color: #fff; border: 2px solid #fff">seraph</button>
|
|
<button onclick="setTheme('nighttime' + (bgTheme.checked ? '' : 'false'))" style="background-color: #29374d; color: #fff; border: 2px solid #fff">nighttime</button>
|
|
<button onclick="setTheme('mocha' + (bgTheme.checked ? '' : 'false'))" style="background-color: #6c7086; color: #fff; border: 2px solid #7f849c">mocha</button>
|
|
<button onclick="setTheme('macchiato' + (bgTheme.checked ? '' : 'false'))" style="background-color: #6e738d; color: #fff; border: 5px solid #8087a2">macchiato</button>
|
|
<button onclick="setTheme('frappe' + (bgTheme.checked ? '' : 'false'))" style="background-color: #737994; color: #cad3f5; border: 2px solid #838ba7">frappe</button>
|
|
<button onclick="setTheme('latte' + (bgTheme.checked ? '' : 'false'))" style="background-color: #9ca0b0; color: #4c4f69; border: 5px solid #8c8fa1">latte</button>
|
|
<button onclick="setTheme('art')" style="background-color: #0284d4; color: #fff; border: 5px solid #0284d4">art class</button>
|
|
|
|
<button onclick="customTheme()">custom</button>
|
|
|
|
</div>
|
|
<div id="customMenu" style="display: none;">
|
|
<p>Input BG Color</p>
|
|
<input type="color" id="inputbg"/>
|
|
<p>Input Border Color</p>
|
|
<input type="color" id="inputborder"/>
|
|
<p>UI Background Color</p>
|
|
<input type="color" id="uibg"/>
|
|
<p>Text Color</p>
|
|
<input type="color" id="textcolor"/>
|
|
<p>Background</p>
|
|
<input type="color" id="bg"/>
|
|
<p>or select an image (click enter to set)</p>
|
|
<input type="text" id="bgimg" placeholder="https://selenite.cc/" /><br />
|
|
<!-- --inputbg: #000000;
|
|
--inputborder: #000000;
|
|
--uibg: #000000;
|
|
--textcolor: #000;
|
|
--bg: #000000; -->
|
|
</div>
|
|
<br />
|
|
<form action="javascript:setPanicMode();">
|
|
<h3 for="panic">Website URL</h3>
|
|
<input type="text" id="panic" name="panic" placeholder="https://google.com" /><br />
|
|
<input id="panic" class="submit" type="submit" value="Set Panic Mode" />
|
|
</form>
|
|
</main>
|
|
<br>
|
|
<footer>
|
|
<a href="https://codeberg.org/skysthelimitt/selenite">Source</a>
|
|
<a href="https://discord.gg/7jyufnwJNf">Discord</a>
|
|
<a href="/suggest.html">Suggestions & Bugs</a>
|
|
<a href="/contact.html">Contact</a>
|
|
<a href="/support.html">Donate</a>
|
|
<a href="/about.html">About</a>
|
|
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|
|
|
|
|