Mindfang/cardconjurer
1
0
Fork 0
forked from GithubMirrors/cardconjurer
Code Pull Requests Actions Packages Activity

theme editor

Browse Source
This commit is contained in:
Kyle
2020-12-24 17:31:50 -08:00
parent b49ba36450
commit aac1b64898
7 changed files with 140 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
theme/index.php Normal file
View File

@@ -0,0 +1,30 @@
<?php include('../globalHTML/header.php'); ?>
<title>Card Conjurer - Theme Editor</title>
<h2 class='readable-background header-extension title center'>Theme Editor</h2>
<div class='layer center'></div>
<div class='layer center'>
<h1 class='margin-bottom'>Welcome to the theme editor!</h1>
<h5>This feature is a bit of a work-in-progress</h5>
</div>
<div class='layer'></div>
<div class='layer readable-background'>
<h3>Background</h3>
<h4>Choose a background</h4>
<select class='input' onchange='changeThemeVar(this.value, "background");'>
<option value='/img/lowpolyBackground.svg'>Lowpoly</option>
<option value='/img/gradientBackground.svg'>Plain</option>
</select>
<h4>Enter a background image (URL ONLY)</h4>
<input id='background-url' class='input' type='text' placeholder='Enter a URL' onchange='changeThemeVar(this.value, "background");'>
<h4>Shift the Background's Hue</h4>
<input id='hue-rotate' class='input' type='range' min='0' max='360' step='1' oninput='changeThemeVar(this.value, "huerotate");'>
<h4>Enable Rainbow-Mode</h4>
<input id='hue-rotate-auto' class='input' type='range' min='0' max='200' step='1' oninput='changeThemeVar(this.value, "rainbow");'>
<h3 class='margin-top'>Readable Areas</h3>
<h4>Adjust the Brightness</h4>
<input id='readable-brightness' class='input' type='range' min='0' max='1' step='0.01' oninput='changeThemeVar(this.value, "readablebrightness");'>
<button class='input margin-top' onclick='resetTheme();'>Reset Theme to Default</button>
</div>
<div class='layer'></div>
<script defer src='/js/themeEditor.js'></script>
<?php include('../globalHTML/footer.php'); ?>