-
Notifications
You must be signed in to change notification settings - Fork 15
/
options.html
54 lines (53 loc) · 2.66 KB
/
options.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<!doctype html>
<html lang="cn">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/options.css">
</head>
<body id="option-page">
<div id="col-2">
<div class="title" data-text="strAbout">关于</div>
<div class="about">· Made by <a href="http://weibo.com/chitosai" target="_blank">@千歳TheC</a></div>
<div class="about" data-text="strRepository">· 代码托管于<a href='https://github.com/chitosai/eye_protector' target='_blank'>Github</a>，如果喜欢这个扩展请给我一个Star，谢谢。</div>
<div class="about" style="margin: 15px 0;" data-text="strDonate">如果你愿意赞助我一杯可乐就太感谢了：）</div>
<img class="donate-icon zfb" src="images/zfb.png" alt="支付宝">
<img class="donate-icon paypal" src="images/paypal.jpg" alt="Paypal">
</div>
<div id="col-1">
<div class="title" data-text="strMode">工作模式</div>
<div class="list">
<div class="item" type="radio" id="positive" name="mode" data-text="strPositiveModeDesc">
主动模式
<p class="desc">默认<b>替换</b>所有网页的颜色，您可以在不需要替换颜色的域名下关闭护眼功能。</p>
</div>
<div class="item" type="radio" id="passive" name="mode" data-text="strPassiveModeDesc">
被动模式
<p class="desc">默认<b>不替换</b>任何网页的颜色，您需要自行设置哪些域名需要开启护眼功能。</p>
</div>
</div>
<div class="title" data-text="strGlobalSetting">全局设置</div>
<div class="list">
<div class="item" type="check" id="replaceTextColor" data-text="strReplaceTextColor">文字替换为黑色</div>
<div class="item" type="check" id="replaceTextInput" data-text="strReplaceInputColor">替换输入框颜色</div>
</div>
<div class="title" data-text="strCustomBgColor">自定义背景色</div>
<div class="color">
<span id="color-preview"></span>
#<input type="text" id="color">
<button id="color-save" data-text="strSave">保存</button>
<button id="color-restore" data-text="strRestore">还原为豆沙绿</button>
</div>
<div class="title" data-text="strBrightnessThreshold">亮度阈值</div>
<div class="brightness">
<p data-text="strBrightnessThresholdTip1">设置一个适合你的亮度阈值</p>
<p data-text="strBrightnessThresholdTip2" style="color: #aaa; margin: -15px 0 15px;">（一般来说直接用默认值就可以了）</p>
<input id="brightness" type="range" min="0" max="0.99" step="0.01">
<span id="current-brightness"></span>
</div>
<p id="color-save-success" data-text="strSaveSuccess">保存成功</p>
</div>
<!-- end -->
<script src="js/utility.js"></script>
<script src="js/option.options.js"></script>
</body>
</html>