Updates CSS style.

openvanilla · Apr 13, 2024 · 436a5ae · 436a5ae
1 parent 8d43a00
commit 436a5ae
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 4 deletions.
diff --git a/output/example/index.css b/output/example/index.css
@@ -1,5 +1,5 @@
 body {
-  font-family: Arial, Helvetica, sans-serif;
+  font-family: Helvetica, Arial, sans-serif;
   font-size: 14pt;
 }
 
@@ -77,7 +77,7 @@ textarea#feature_user_phrases_text_area {
 }
 
 .function table td {
-  font-size: 12pt !important;
+  font-size: 10pt !important;
   color: #fff;
 }
 
@@ -104,14 +104,29 @@ textarea#feature_user_phrases_text_area {
   overflow: auto !important;
 }
 
+.right table {
+  font-size: 12pt;
+}
+
+.right table td {
+  padding: 2px 0;
+}
+
 .right p,
 .right li {
+  margin: 5px 0;
   font-size: 10pt;
 }
 
+.right select {
+  font-size: 12pt;
+  min-width: 60%;
+}
+
 .option_title {
   text-align: right;
   vertical-align: top;
+  white-space: nowrap;
 }
 
 .main {
@@ -216,3 +231,16 @@ blockquote {
   margin: 0;
   padding: 20px;
 }
+
+
+@media (prefers-color-scheme: dark) {
+  body {
+    background-color: #333;
+    color: #eee;
+  }
+
+  a {
+    color: #9999ff;
+    text-decoration: none;
+  }
+}
diff --git a/output/example/index.html b/output/example/index.html
@@ -104,7 +104,8 @@
                   <option value="ETen26">倚天 26</option>
                   <option value="HanyuPinyin">漢語拼音</option>
                   <option value="IBM">IBM</option>
-                </select>
+                </select><br/>
+                <p>關於各種鍵盤配置的差異，請參見 <a href="https://zh.wikipedia.org/zh-tw/%E6%B3%A8%E9%9F%B3%E8%BC%B8%E5%85%A5%E6%B3%95" target="_blank">Wikipedia</a>。</p>
               </td>
             </tr>
             <tr>
@@ -118,7 +119,7 @@
               </td>
             </tr>
             <tr>
-              <td class="option_title">選字按键数量：</td>
+              <td class="option_title">選字键数量：</td>
               <td>
                 <select id="keys_count" title="選字按鍵">
                   <option value="4">4</option>