aboutsummaryrefslogtreecommitdiff
path: root/ext/fg
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2019-10-12 17:06:03 -0400
committertoasted-nutbread <toasted-nutbread@users.noreply.github.com>2019-10-12 19:00:24 -0400
commitc90bc75eb89f5a731f6e3366f6388b594a27b2aa (patch)
tree2f4bab44530d23e8c17d7e1d68bb676005a521da /ext/fg
parentceaeeb32dd23403c516f5aa5cb5527c40f2f21aa (diff)
Create themes
Diffstat (limited to 'ext/fg')
-rw-r--r--ext/fg/css/client.css8
-rw-r--r--ext/fg/float.html2
-rw-r--r--ext/fg/js/popup.js1
3 files changed, 10 insertions, 1 deletions
diff --git a/ext/fg/css/client.css b/ext/fg/css/client.css
index a2b06d0f..84098653 100644
--- a/ext/fg/css/client.css
+++ b/ext/fg/css/client.css
@@ -21,7 +21,7 @@ iframe#yomichan-float {
all: initial;
background-color: #fff;
border: 1px solid #999;
- box-shadow: 0 0 10px rgba(0, 0, 0, .5);
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
position: fixed;
resize: both;
visibility: hidden;
@@ -29,6 +29,12 @@ iframe#yomichan-float {
box-sizing: border-box;
}
+iframe#yomichan-float[data-yomichan-theme=dark] {
+ background-color: #1e1e1e;
+ border: 1px solid #666;
+ box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
+}
+
iframe#yomichan-float.yomichan-float-full-width {
border-left: none;
border-right: none;
diff --git a/ext/fg/float.html b/ext/fg/float.html
index ac443c01..01bc4250 100644
--- a/ext/fg/float.html
+++ b/ext/fg/float.html
@@ -5,6 +5,8 @@
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title></title>
<link rel="stylesheet" href="/mixed/css/display.css">
+ <link rel="stylesheet alternate" type="text/css" href="/mixed/css/display-default.css" data-yomichan-theme-name="default">
+ <link rel="stylesheet alternate" type="text/css" href="/mixed/css/display-dark.css" data-yomichan-theme-name="dark">
</head>
<body>
<div id="spinner">
diff --git a/ext/fg/js/popup.js b/ext/fg/js/popup.js
index f36bb436..3556a52e 100644
--- a/ext/fg/js/popup.js
+++ b/ext/fg/js/popup.js
@@ -85,6 +85,7 @@ class Popup {
async setOptions(options) {
this.options = options;
+ this.container.dataset.yomichanTheme = options.general.popupTheme;
}
async show(elementRect, writingMode) {