aboutsummaryrefslogtreecommitdiff
path: root/ext/bg/settings.html
diff options
context:
space:
mode:
authorAlex Yatskov <FooSoft@users.noreply.github.com>2019-10-13 08:58:40 -0700
committerGitHub <noreply@github.com>2019-10-13 08:58:40 -0700
commit320af99b7676a37157e2d7207756dd502e6be608 (patch)
tree5c28a1abba2693b22b1f3f7932f69cabcbaa453c /ext/bg/settings.html
parent537d2ef532aa7b7498de13ab039bd23f28d32714 (diff)
parent57db18c31b117591982795c930cc9f07efc28641 (diff)
Merge pull request #253 from toasted-nutbread/style-editor
Popup style preview + themes
Diffstat (limited to 'ext/bg/settings.html')
-rw-r--r--ext/bg/settings.html33
1 files changed, 33 insertions, 0 deletions
diff --git a/ext/bg/settings.html b/ext/bg/settings.html
index 76955b2c..08e56a09 100644
--- a/ext/bg/settings.html
+++ b/ext/bg/settings.html
@@ -231,10 +231,42 @@
</div>
</div>
+ <div class="form-group">
+ <div class="row">
+ <div class="col-xs-6">
+ <label for="popup-theme">Popup theme</label>
+ <select class="form-control" id="popup-theme">
+ <option value="default">Light</option>
+ <option value="dark">Dark</option>
+ </select>
+ </div>
+ <div class="col-xs-6">
+ <label for="popup-outer-theme">Popup shadow theme</label>
+ <select class="form-control" id="popup-outer-theme">
+ <option value="auto">Auto-detect</option>
+ <option value="default">Light</option>
+ <option value="dark">Dark</option>
+ </select>
+ </div>
+ </div>
+ </div>
+
<div class="form-group options-advanced">
<label for="custom-popup-css">Custom popup CSS</label>
<div><textarea autocomplete="off" spellcheck="false" wrap="soft" id="custom-popup-css" class="form-control"></textarea></div>
</div>
+
+ <div class="form-group ignore-form-changes" style="display: none;" id="settings-popup-preview-settings">
+ <label for="settings-popup-preview-text">Popup preview text</label>
+ <input type="text" id="settings-popup-preview-text" class="form-control" value="読め">
+ </div>
+
+ <div class="form-group ignore-form-changes">
+ <div id="settings-popup-preview-button-container">
+ <button class="btn btn-default" id="settings-popup-preview-button">Show popup preview</button>
+ </div>
+ <div id="settings-popup-preview-container"></div>
+ </div>
</div>
<div>
@@ -603,6 +635,7 @@
<script src="/mixed/lib/jquery.min.js"></script>
<script src="/mixed/lib/bootstrap/js/bootstrap.min.js"></script>
<script src="/mixed/lib/handlebars.min.js"></script>
+ <script src="/mixed/lib/wanakana.min.js"></script>
<script src="/mixed/js/extension.js"></script>