diff --git a/manifest.json b/manifest.json
index 362a471..2b3b177 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,7 +1,7 @@
{
"name": "FuriKani",
"description": "Removes furigana on websites based on your WaniKani level",
- "version": "0.5.1",
+ "version": "0.6",
"manifest_version": 3,
"action": {
"default_popup": "popup.html"
diff --git a/popup.html b/popup.html
index c19e5a1..2917dd3 100644
--- a/popup.html
+++ b/popup.html
@@ -6,7 +6,7 @@
@@ -51,7 +51,10 @@
diff --git a/src/styles.css b/src/styles.css
index 50bb19c..01a7f06 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -4,14 +4,17 @@
padding: 0px;
box-sizing: border-box;
border-radius: 0px;
+ color: #ECB365
}
body
{
+ border: 5px solid #04293A;
+ background-color: #041C32;
display: grid;
- grid-template-rows: 1.5fr 1fr 3fr 2fr;
- width: 250px;
- margin: 0.5rem;
+ grid-template-rows: 1.5fr 0.5fr 2.5fr 1fr;
+ width: 275px;
+ padding: 0.5rem;
}
header
@@ -19,6 +22,8 @@ header
display: grid;
grid-template-columns: 8fr 1fr;
align-items: baseline;
+ border-bottom: 1px solid #064663;
+ margin-bottom: 0.5rem;
}
h1
@@ -36,6 +41,7 @@ h2
{
display: grid;
grid-template-rows: 1fr 1fr;
+ margin-bottom: -10px;
}
#input-area
@@ -50,25 +56,34 @@ h2
}
#token
+{
+ border: none;
+ background-color: #064663;
+ color: #ECB365;
+}
+
+#token::placeholder
{
border-width: 1px;
+ background-color: #064663;
+ color: #8d7553;
}
#submit-token
{
- border-width: 1px;
- background-color: white;
+ border: none;
+ background-color: #064663;
font-size: 1rem;
}
#submit-token:hover
{
- background-color: grey;
+ background-color: #04293A;
}
#submit-token:host()
{
- background-color: rgb(85, 85, 85);
+ background-color: #041C32;
}
#settings-area
@@ -90,6 +105,20 @@ h2
align-items: center;
}
+footer
+{
+ border-top: 1px solid #064663;
+ display: grid;
+ grid-template-rows: repeat(3, 1fr);
+ justify-items: right;
+}
+
+a, a:visited
+{
+ text-decoration: none;
+ color: #2e94c3;
+}
+
/* The switch - the box around the slider */
.switch {
position: relative;