2023-07-20 00:09:57 +08:00

107 lines
2.9 KiB
HTML

<div style="margin:5px;padding:5px;">
<!--
<link id="jquery-ui-theme" href="assets/vendor/jquery-ui/themes/hotsneaks/jquery-ui.theme.min.css" rel="stylesheet">
-->
<style>
fieldset {
width:30rem;
font-size:0.8em;
}
</style>
<fieldset>
<legend>Theme Options</legend>
<style>
.chklabel {
padding-top:2px;
width:25rem;
display: inline-block;
}
</style>
<div>
<span class="chklabel">Explorer Dark Theme(>v1809)</span>
<div class="onoffswitch" style="float:right;">
<input type="checkbox" name="system.darktheme" class="onoffswitch-checkbox opt_item" id="system.darktheme">
<label class="onoffswitch-label" for="system.darktheme">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div>
<div>
<style>
#colors_panel input[type="radio"] + label {
border: 0.2rem solid transparent;
display: block;
width: 2.4rem;
height: 2.4rem;
line-height: 2.4rem;
text-align: center;
vertical-align: middle;
color: black;
font-size:.6em;
margin-left: 3px;
margin-top: -1.25rem;
cursor: pointer;
}
#colors_panel input[type="radio"]:hover + label {
border: 0.2rem solid Cyan;
}
#colors_panel input[type="radio"]:checked + label {
border: 0.2rem solid Cyan;
}
</style>
<span class="chklabel">Windows Title Bars Color:</span>
<div id="colors_panel" style="float:left;">
</div>
</div>
</fieldset>
<br/>
<div style="margin:3px;font-size:.8em;">
<label><input type="checkbox" name="tweak.shortcut.noarrow" class="opt_item">Remove Shortcut Arrows from Shortcut icons</label>
</div>
<div style="margin:3px;font-size:.8em;">
<label><input type="checkbox" name="tweak.shortcut.nosuffix" class="opt_item" checked>Remove "Shortcut" suffix for new Shortcuts</label>
</div>
</div>
<script>
(function() {
if (!$patch_loaded) {
draw_colors_panel();
//$patches_opt["theme.title_color"] = "1";
}
$(':radio[id^=bt-]').checkboxradio();
})();
function draw_colors_panel() {
var colors_pool = ['#FFFFFF', '#FFFFFF', '#FFB900', '#F7630C', '#EF6950', '#E81123', '#B146C2', '#9A0089',
'#0078D7', '#0063B1', '#038387', '#00CC6A', '#107C10', '#567C73', '#5D5A58', '#847545'];
var count = 0;
var html = '<table>';
for(i=0;i<2;i++) {
html+= "<tr>";
for(j=0;j<8;j++) {
html+= '<td align="center"><input type="radio" id="color_radio_' + count + '" name="theme.title_color" class="opt_item" value="'
+ count + '" style="opacity:0" />'
+ '<label for="color_radio_' + count + '" style="background:' + colors_pool[count] + '"/></td>';
count++;
}
html+= "</tr>";
}
html+= '</table>';
$('#colors_panel').html(html);
$('#colors_panel label').eq(0).html('None');
$('#colors_panel label').eq(1).html('Auto');
}
</script>