fix: update style

src/_locales/cs/messages.yml

@@ -212,6 +212,9 @@ labelFilterSort:
 labelGeneral:
   description: Label for general settings.
   message: ''
+labelHomepage:
+  description: Label for home page in about tab.
+  message: ''
 labelHomepageURL:
   description: Label of script @homepageURL in custom meta data.
   message: 'Domovská stránka (URL):'

src/_locales/de/messages.yml

@@ -214,6 +214,9 @@ labelFilterSort:
 labelGeneral:
   description: Label for general settings.
   message: Allgemein
+labelHomepage:
+  description: Label for home page in about tab.
+  message: ''
 labelHomepageURL:
   description: Label of script @homepageURL in custom meta data.
   message: 'Homepage URL:'

src/_locales/en/messages.yml

@@ -212,6 +212,9 @@ labelFilterSort:
 labelGeneral:
   description: Label for general settings.
   message: General
+labelHomepage:
+  description: Label for home page in about tab.
+  message: Homepage
 labelHomepageURL:
   description: Label of script @homepageURL in custom meta data.
   message: 'Homepage URL:'

src/_locales/es/messages.yml

@@ -216,6 +216,9 @@ labelFilterSort:
 labelGeneral:
   description: Label for general settings.
   message: General
+labelHomepage:
+  description: Label for home page in about tab.
+  message: ''
 labelHomepageURL:
   description: Label of script @homepageURL in custom meta data.
   message: '@homepageURL:'

src/_locales/fi/messages.yml

@@ -212,6 +212,9 @@ labelFilterSort:
 labelGeneral:
   description: Label for general settings.
   message: Yleiset
+labelHomepage:
+  description: Label for home page in about tab.
+  message: ''
 labelHomepageURL:
   description: Label of script @homepageURL in custom meta data.
   message: 'Kotisivun osoite:'

src/_locales/fr/messages.yml

@@ -215,6 +215,9 @@ labelFilterSort:
 labelGeneral:
   description: Label for general settings.
   message: General
+labelHomepage:
+  description: Label for home page in about tab.
+  message: ''
 labelHomepageURL:
   description: Label of script @homepageURL in custom meta data.
   message: URL de la page d'accueil

src/_locales/hr/messages.yml

@@ -212,6 +212,9 @@ labelFilterSort:
 labelGeneral:
   description: Label for general settings.
   message: Generalni
+labelHomepage:
+  description: Label for home page in about tab.
+  message: ''
 labelHomepageURL:
   description: Label of script @homepageURL in custom meta data.
   message: 'Homepage URL:'

src/_locales/id/messages.yml

@@ -214,6 +214,9 @@ labelFilterSort:
 labelGeneral:
   description: Label for general settings.
   message: Umum
+labelHomepage:
+  description: Label for home page in about tab.
+  message: ''
 labelHomepageURL:
   description: Label of script @homepageURL in custom meta data.
   message: 'URL halaman rumah:'

src/_locales/it/messages.yml

@@ -212,6 +212,9 @@ labelFilterSort:
 labelGeneral:
   description: Label for general settings.
   message: Generale
+labelHomepage:
+  description: Label for home page in about tab.
+  message: ''
 labelHomepageURL:
   description: Label of script @homepageURL in custom meta data.
   message: 'URL Homepage:'

src/_locales/ja/messages.yml

@@ -212,6 +212,9 @@ labelFilterSort:
 labelGeneral:
   description: Label for general settings.
   message: 基本設定
+labelHomepage:
+  description: Label for home page in about tab.
+  message: ''
 labelHomepageURL:
   description: Label of script @homepageURL in custom meta data.
   message: 'ホームページのURL:'

src/_locales/ko/messages.yml

@@ -210,6 +210,9 @@ labelFilterSort:
 labelGeneral:
   description: Label for general settings.
   message: 일반
+labelHomepage:
+  description: Label for home page in about tab.
+  message: ''
 labelHomepageURL:
   description: Label of script @homepageURL in custom meta data.
   message: '홈페이지 URL:'

src/_locales/pl/messages.yml

@@ -217,6 +217,9 @@ labelFilterSort:
 labelGeneral:
   description: Label for general settings.
   message: Ogólne
+labelHomepage:
+  description: Label for home page in about tab.
+  message: ''
 labelHomepageURL:
   description: Label of script @homepageURL in custom meta data.
   message: 'Adres URL strony głównej:'

src/_locales/pt_BR/messages.yml

@@ -214,6 +214,9 @@ labelFilterSort:
 labelGeneral:
   description: Label for general settings.
   message: Gerais
+labelHomepage:
+  description: Label for home page in about tab.
+  message: ''
 labelHomepageURL:
   description: Label of script @homepageURL in custom meta data.
   message: 'URL do website:'

src/_locales/pt_PT/messages.yml

@@ -214,6 +214,9 @@ labelFilterSort:
 labelGeneral:
   description: Label for general settings.
   message: Gerais
+labelHomepage:
+  description: Label for home page in about tab.
+  message: ''
 labelHomepageURL:
   description: Label of script @homepageURL in custom meta data.
   message: 'URL do website:'

src/_locales/ro/messages.yml

@@ -212,6 +212,9 @@ labelFilterSort:
 labelGeneral:
   description: Label for general settings.
   message: ''
+labelHomepage:
+  description: Label for home page in about tab.
+  message: ''
 labelHomepageURL:
   description: Label of script @homepageURL in custom meta data.
   message: 'URL Homepage:'

src/_locales/ru/messages.yml

@@ -219,6 +219,9 @@ labelFilterSort:
 labelGeneral:
   description: Label for general settings.
   message: Общие настройки
+labelHomepage:
+  description: Label for home page in about tab.
+  message: ''
 labelHomepageURL:
   description: Label of script @homepageURL in custom meta data.
   message: 'Дом. страница:'

src/_locales/sr/messages.yml

@@ -212,6 +212,9 @@ labelFilterSort:
 labelGeneral:
   description: Label for general settings.
   message: ''
+labelHomepage:
+  description: Label for home page in about tab.
+  message: ''
 labelHomepageURL:
   description: Label of script @homepageURL in custom meta data.
   message: 'Адреса почетне странице:'

src/_locales/tr/messages.yml

@@ -214,6 +214,9 @@ labelFilterSort:
 labelGeneral:
   description: Label for general settings.
   message: Genel
+labelHomepage:
+  description: Label for home page in about tab.
+  message: ''
 labelHomepageURL:
   description: Label of script @homepageURL in custom meta data.
   message: 'Anasayfa URL:'

src/_locales/vi/messages.yml

@@ -212,6 +212,9 @@ labelFilterSort:
 labelGeneral:
   description: Label for general settings.
   message: Chung
+labelHomepage:
+  description: Label for home page in about tab.
+  message: ''
 labelHomepageURL:
   description: Label of script @homepageURL in custom meta data.
   message: 'Trang chủ:'

src/_locales/zh_CN/messages.yml

@@ -210,6 +210,9 @@ labelFilterSort:
 labelGeneral:
   description: Label for general settings.
   message: 通用
+labelHomepage:
+  description: Label for home page in about tab.
+  message: 主页
 labelHomepageURL:
   description: Label of script @homepageURL in custom meta data.
   message: 主页地址：

src/_locales/zh_TW/messages.yml

@@ -210,6 +210,9 @@ labelFilterSort:
 labelGeneral:
   description: Label for general settings.
   message: 通用
+labelHomepage:
+  description: Label for home page in about tab.
+  message: ''
 labelHomepageURL:
   description: Label of script @homepageURL in custom meta data.
   message: 主頁網址：

src/common/ui/style/style.css

@@ -18,7 +18,7 @@ button,
 select,
 input,
 textarea {
-  font-family: "PingFang SC", STHeiti, "Microsoft YaHei", sans-serif;
+  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif;
 }
 
 h1 {

src/options/style.css

@@ -27,7 +27,10 @@ aside {
     }
   }
 }
-#currentLang {
+.text-red {
+  color: red;
+}
+.text-green {
   color: green;
 }
 section {

src/options/views/tab-about.vue

@@ -1,27 +1,26 @@
 <template>
-  <div>
+  <div class="tab-about">
     <h1>
       <span v-text="i18n('labelAbout')"></span>
       <small v-text="`v${version}`"></small>
     </h1>
     <p class="mb-2" v-text="i18n('extDescription')"></p>
-    <div class="mb-2">
+    <div class="mb-1">
       <label v-text="i18n('labelRelated')"></label>
-      <a href="https://violentmonkey.github.io" target="_blank" v-text="i18n('extName')"></a> |
-      <a href="https://violentmonkey.github.io/donate/" target="_blank" v-text="i18n('labelDonate')"></a> |
+      <a href="https://violentmonkey.github.io" target="_blank" v-text="i18n('labelHomepage')"></a> |
       <a href="https://github.com/violentmonkey/violentmonkey/issues" target="_blank" v-text="i18n('labelFeedback')"></a>
     </div>
-    <div class="mb-2">
+    <div class="mb-1">
       <label v-text="i18n('labelAuthor')"></label>
-      <span v-html="i18n('anchorAuthor')"></span>
+      <span v-html="i18n('anchorAuthor')"></span> | <a href="https://violentmonkey.github.io/donate/" target="_blank" v-text="i18n('labelDonate')"></a> <span class="text-red">&hearts;</span>
     </div>
-    <div class="mb-2">
+    <div class="mb-1">
       <label v-text="i18n('labelTranslator')"></label>
       <span v-html="i18n('anchorTranslator')"></span>
     </div>
-    <div class="mb-2">
+    <div class="mb-1">
       <label v-text="i18n('labelCurrentLang')"></label>
-      <span id="currentLang" v-text="language"></span> |
+      <span class="text-green" v-text="language"></span> |
       <a href="https://violentmonkey.github.io/localization/" target="_blank">
         Help with translation
       </a>

src/popup/style.css

@@ -1,5 +1,5 @@
 body {
-  min-width: 20rem;
+  width: 20rem;
 }
 
 .logo {