From 82c489f78742148039cf0010757ef68e96304605 Mon Sep 17 00:00:00 2001
From: KOWX712 <leecc0503@gmail.com>
Date: Tue, 24 Dec 2024 22:40:03 +0800
Subject: [PATCH] local icon

No longer need internet connection to load icon
---
 module/webui/index.html | 8 ++++----
 module/webui/styles.css | 6 +++++-
 2 files changed, 9 insertions(+), 5 deletions(-)
diff --git a/module/webui/index.html b/module/webui/index.html
index 59e8612..bd2a393 100644
--- a/module/webui/index.html
+++ b/module/webui/index.html
@@ -4,9 +4,7 @@
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title data-i18n="title">Document</title>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+    <title data-i18n="title">TrickyAddon</title>
     <link rel="stylesheet" href="styles.css" type="text/css">
     <link rel="stylesheet" type="text/css" href="/mmrl/insets.css" />
     <script type="module" crossorigin src="js/main.js"></script>
@@ -25,7 +23,9 @@
         </div>
         <div class="language-dropdown">
             <button class="language-button">
-                <i class="material-icons">language</i>
+                <i class="language-icon">
+                    <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-155.5t86-127Q252-817 325-848.5T480-880q83 0 155.5 31.5t127 86q54.5 54.5 86 127T880-480q0 82-31.5 155t-86 127.5q-54.5 54.5-127 86T480-80Zm0-82q26-36 45-75t31-83H404q12 44 31 83t45 75Zm-104-16q-18-33-31.5-68.5T322-320H204q29 50 72.5 87t99.5 55Zm208 0q56-18 99.5-55t72.5-87H638q-9 38-22.5 73.5T584-178ZM170-400h136q-3-20-4.5-39.5T300-480q0-21 1.5-40.5T306-560H170q-5 20-7.5 39.5T160-480q0 21 2.5 40.5T170-400Zm216 0h188q3-20 4.5-39.5T580-480q0-21-1.5-40.5T574-560H386q-3 20-4.5 39.5T380-480q0 21 1.5 40.5T386-400Zm268 0h136q5-20 7.5-39.5T800-480q0-21-2.5-40.5T790-560H654q3 20 4.5 39.5T660-480q0 21-1.5 40.5T654-400Zm-16-240h118q-29-50-72.5-87T584-782q18 33 31.5 68.5T638-640Zm-234 0h152q-12-44-31-83t-45-75q-26 36-45 75t-31 83Zm-200 0h118q9-38 22.5-73.5T376-782q-56 18-99.5 55T204-640Z"/></svg>
+                </i>
             </button>
             <div class="language-menu"></div>
             <div id="language-overlay" class="language-overlay"></div>
diff --git a/module/webui/styles.css b/module/webui/styles.css
index 86fffbe..e06ad20 100644
--- a/module/webui/styles.css
+++ b/module/webui/styles.css
@@ -63,6 +63,10 @@ body {
     border: none;
 }
 
+.language-icon {
+    fill: #000;
+}
+
 .language-menu {
     display: flex;
     padding: 3px 10px;
@@ -789,13 +793,13 @@ body {
         background-color: #121212;
     }
 
-    .language-button,
     .language-option,
     .input-box,
     .help-button {
         color: #fff;
     }
     
+    .language-icon,
     .menu-icon {
         fill: #eee;
     }
