Update: 全体のアイコンを Material Symbols Rounded に変更

Material Symbols Rounded の方がより優しい印象を与えられる上、font-feature-settings でアイコンスタイルを調整できる
Aivis-Project · Aug 11, 2024 · 6c6d836 · 6c6d836
1 parent 6cc32c2
commit 6c6d836
Show file tree

Hide file tree

Showing 37 changed files with 109 additions and 104 deletions.
diff --git a/.env.production b/.env.production
@@ -4,7 +4,7 @@ VITE_DEFAULT_ENGINE_INFOS=`[
         "uuid": "1b4a5014-d9fd-11ee-b97d-83c170a68ed3",
         "name": "AivisSpeech Engine",
         "executionEnabled": true,
-        "executionFilePath": "AivisSpeech-Engine/run.exe",
+        "executionFilePath": "../Resources/AivisSpeech-Engine/run",
         "executionArgs": [],
         "host": "http://127.0.0.1:10101"
     }

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -38,7 +38,7 @@
   },
   "dependencies": {
     "@gtm-support/vue-gtm": "1.2.3",
-    "@quasar/extras": "1.10.10",
+    "@quasar/extras": "1.16.12",
     "@sevenc-nanashi/utaformatix-ts": "npm:@jsr/[email protected]",
     "async-lock": "1.4.0",
     "dayjs": "1.10.7",

diff --git a/public/licenses.json b/public/licenses.json
diff --git a/src/components/CharacterButton.vue b/src/components/CharacterButton.vue
@@ -121,7 +121,7 @@
                 @mouseleave="reassignSubMenuOpen.cancel()"
                 @keyup.right="reassignSubMenuOpen(characterIndex)"
               >
-                <QIcon name="keyboard_arrow_right" color="grey-6" size="sm" />
+                <QIcon name="sym_r_keyboard_arrow_right" color="grey-6" size="sm" />
                 <QMenu
                   v-model="subMenuOpenFlags[characterIndex]"
                   noParentEvent

diff --git a/src/components/Dialog/AcceptRetrieveTelemetryDialog.vue b/src/components/Dialog/AcceptRetrieveTelemetryDialog.vue
@@ -22,7 +22,7 @@
             <QBtn
               outline
               label="拒否"
-              icon="close"
+              icon="sym_r_close"
               color="toolbar-button"
               textColor="toolbar-button-display"
               class="text-no-wrap q-mr-md text-bold"
@@ -32,7 +32,7 @@
             <QBtn
               outline
               label="許可"
-              icon="done"
+              icon="sym_r_done"
               color="toolbar-button"
               textColor="toolbar-button-display"
               class="text-no-wrap text-bold"

diff --git a/src/components/Dialog/AcceptTermsDialog.vue b/src/components/Dialog/AcceptTermsDialog.vue
@@ -19,7 +19,7 @@
             <QBtn
               outline
               label="同意せずに終了"
-              icon="close"
+              icon="sym_r_close"
               color="toolbar-button"
               textColor="toolbar-button-display"
               class="text-no-wrap q-mr-md text-bold"
@@ -29,7 +29,7 @@
             <QBtn
               outline
               label="同意してはじめる"
-              icon="power_settings_new"
+              icon="sym_r_power_settings_new"
               color="toolbar-button"
               textColor="toolbar-button-display"
               class="text-no-wrap text-bold"

diff --git a/src/components/Dialog/CharacterOrderDialog.vue b/src/components/Dialog/CharacterOrderDialog.vue
@@ -9,7 +9,7 @@
     <QLayout container view="hHh Lpr lff" class="bg-background">
       <QHeader class="q-py-sm">
         <QToolbar>
-          <QBtn round flat icon="close" color="display" @click="closeDialog" />
+          <QBtn round flat icon="sym_r_close" color="display" @click="closeDialog" />
           <QToolbarTitle class="text-display">話者リスト</QToolbarTitle>
         </QToolbar>
       </QHeader>

diff --git a/src/components/Dialog/CharacterTryListenCard.vue b/src/components/Dialog/CharacterTryListenCard.vue
@@ -28,7 +28,7 @@
         <QBtn
           flat
           dense
-          icon="chevron_left"
+          icon="sym_r_chevron_left"
           textColor="display"
           class="style-select-button"
           aria-label="前のスタイル"
@@ -45,7 +45,7 @@
         <QBtn
           flat
           dense
-          icon="chevron_right"
+          icon="sym_r_chevron_right"
           textColor="display"
           class="style-select-button"
           aria-label="次のスタイル"
@@ -70,8 +70,8 @@
             speakerUuid === playing.speakerUuid &&
             selectedStyle.styleId === playing.styleId &&
             voiceSampleIndex === playing.index
-              ? 'stop'
-              : 'play_arrow'
+              ? 'sym_r_stop'
+              : 'sym_r_play_arrow'
           "
           color="primary"
           class="voice-sample-btn"

diff --git a/src/components/Dialog/DefaultStyleListDialog.vue b/src/components/Dialog/DefaultStyleListDialog.vue
@@ -21,7 +21,7 @@
     <QLayout container view="hHh Lpr lff" class="bg-background">
       <QHeader class="q-py-sm">
         <QToolbar>
-          <QBtn round flat icon="close" color="display" @click="closeDialog" />
+          <QBtn round flat icon="sym_r_close" color="display" @click="closeDialog" />
           <QToolbarTitle class="text-display">
             デフォルトスタイル
           </QToolbarTitle>

diff --git a/src/components/Dialog/DefaultStyleSelectDialog.vue b/src/components/Dialog/DefaultStyleSelectDialog.vue
@@ -14,7 +14,7 @@
             round
             flat
             color="display"
-            :icon="isModified ? 'save' : 'arrow_back'"
+            :icon="isModified ? 'sym_r_save' : 'sym_r_arrow_back'"
             @click="closeDialog"
           />
           <QToolbarTitle class="text-display">
@@ -72,8 +72,8 @@
                           playing.speakerUuid &&
                         style.styleId === playing.styleId &&
                         voiceSampleIndex === playing.index
-                          ? 'stop'
-                          : 'play_arrow'
+                          ? 'sym_r_stop'
+                          : 'sym_r_play_arrow'
                       "
                       color="primary"
                       class="voice-sample-btn"

diff --git a/src/components/Dialog/DictionaryManageDialog.vue b/src/components/Dialog/DictionaryManageDialog.vue
@@ -14,7 +14,7 @@
             <QBtn
               round
               flat
-              icon="close"
+              icon="sym_r_close"
               color="display"
               @click="discardOrNotDialog(closeDialog)"
             />
@@ -23,7 +23,7 @@
             </QToolbarTitle>
             <QBtn
               outline
-              icon="add"
+              icon="sym_r_add"
               label="追加"
               textColor="display"
               class="text-bold"
@@ -123,15 +123,15 @@
                   fab
                   color="primary"
                   textColor="display-on-primary"
-                  icon="play_arrow"
+                  icon="sym_r_play_arrow"
                   @click="play"
                 />
                 <QBtn
                   v-else
                   fab
                   color="primary"
                   textColor="display-on-primary"
-                  icon="stop"
+                  icon="sym_r_stop"
                   :disable="nowGenerating"
                   @click="stop"
                 />
@@ -200,7 +200,7 @@
               <QBtn
                 v-show="!!selectedId"
                 outline
-                icon="delete"
+                icon="sym_r_delete"
                 label="削除"
                 textColor="warning"
                 class="text-no-wrap text-bold q-mr-sm"
@@ -210,7 +210,7 @@
               <QBtn
                 v-show="!!selectedId"
                 outline
-                icon="settings_backup_restore"
+                icon="sym_r_settings_backup_restore"
                 label="リセット"
                 textColor="warning"
                 class="text-no-wrap text-bold q-mr-sm"
@@ -220,7 +220,7 @@
               <QBtn
                 v-show="isNewWordEditing"
                 outline
-                icon="close"
+                icon="sym_r_close"
                 label="キャンセル"
                 textColor="display"
                 class="text-no-wrap text-bold q-mr-sm"
@@ -229,7 +229,7 @@
               />
               <QBtn
                 outline
-                icon="save"
+                icon="sym_r_save"
                 label="保存"
                 textColor="display"
                 class="text-no-wrap text-bold q-mr-sm"

diff --git a/src/components/Dialog/EngineManageDialog.vue b/src/components/Dialog/EngineManageDialog.vue
@@ -14,7 +14,7 @@
             <QBtn
               round
               flat
-              icon="close"
+              icon="sym_r_close"
               color="display"
               :disabled="isAddingEngine || uiLocked"
               @click="toDialogClosedState"
@@ -24,7 +24,7 @@
             </QToolbarTitle>
             <QBtn
               outline
-              icon="add"
+              icon="sym_r_add"
               label="追加"
               textColor="display"
               class="text-bold"
@@ -140,7 +140,7 @@
                       dense
                       flat
                       color="primary"
-                      icon="folder_open"
+                      icon="sym_r_folder_open"
                       @click="selectVvppFile"
                     >
                       <QTooltip :delay="500" anchor="bottom left">
@@ -183,7 +183,7 @@
                       dense
                       flat
                       color="primary"
-                      icon="folder_open"
+                      icon="sym_r_folder_open"
                       @click="selectEngineDir"
                     >
                       <QTooltip :delay="500" anchor="bottom left">
@@ -208,15 +208,15 @@
 
               <QBtn
                 outline
-                icon="close"
+                icon="sym_r_close"
                 label="キャンセル"
                 textColor="display"
                 class="text-no-wrap text-bold q-mr-sm"
                 @click="toInitialState"
               />
               <QBtn
                 outline
-                icon="add"
+                icon="sym_r_add"
                 label="追加"
                 textColor="display"
                 class="text-no-wrap text-bold q-mr-sm"
@@ -316,7 +316,7 @@
 
               <QBtn
                 outline
-                icon="delete"
+                icon="sym_r_delete"
                 label="削除"
                 textColor="warning"
                 class="text-no-wrap text-bold q-mr-sm"
@@ -328,7 +328,7 @@
               />
               <QBtn
                 outline
-                icon="folder_open"
+                icon="sym_r_folder_open"
                 label="フォルダを開く"
                 textColor="display"
                 class="text-no-wrap text-bold q-mr-sm"
@@ -337,7 +337,7 @@
               />
               <QBtn
                 outline
-                icon="restart_alt"
+                icon="sym_r_restart_alt"
                 label="再起動"
                 textColor="display"
                 class="text-no-wrap text-bold q-mr-sm"

diff --git a/src/components/Dialog/HelpDialog/HelpDialog.vue b/src/components/Dialog/HelpDialog/HelpDialog.vue
@@ -53,7 +53,7 @@
                     <QBtn
                       round
                       flat
-                      icon="close"
+                      icon="sym_r_close"
                       color="display"
                       aria-label="ヘルプを閉じる"
                       @click="modelValueComputed = false"
@@ -62,7 +62,7 @@
                     <QBtn
                       v-if="page.component === ContactInfo"
                       outline
-                      icon="description"
+                      icon="sym_r_description"
                       label="ログフォルダを開く"
                       textColor="display"
                       class="text-no-wrap text-bold q-mr-sm"

diff --git a/src/components/Dialog/HelpDialog/LibraryPolicy.vue b/src/components/Dialog/HelpDialog/LibraryPolicy.vue
@@ -51,7 +51,7 @@
         <div class="q-mb-md">
           <QBtn
             outline
-            icon="keyboard_arrow_left"
+            icon="sym_r_keyboard_arrow_left"
             label="戻る"
             @click="selectCharacterInfo(undefined)"
           />

diff --git a/src/components/Dialog/HelpDialog/OssLicense.vue b/src/components/Dialog/HelpDialog/OssLicense.vue
@@ -24,7 +24,7 @@
         <div class="q-mb-md">
           <QBtn
             outline
-            icon="keyboard_arrow_left"
+            icon="sym_r_keyboard_arrow_left"
             label="戻る"
             @click="selectLicenseIndex(undefined)"
           />

diff --git a/src/components/Dialog/HotkeySettingDialog.vue b/src/components/Dialog/HotkeySettingDialog.vue
@@ -12,7 +12,7 @@
           <QBtn
             round
             flat
-            icon="close"
+            icon="sym_r_close"
             color="display"
             @click="hotkeySettingDialogOpenComputed = false"
           />
@@ -26,7 +26,7 @@
             class="q-mr-sm search-box"
           >
             <template #prepend>
-              <QIcon name="search" />
+              <QIcon name="sym_r_search" />
             </template>
             <template #append>
               <QIcon
@@ -99,7 +99,7 @@
                   <QBtn
                     rounded
                     flat
-                    icon="settings_backup_restore"
+                    icon="sym_r_settings_backup_restore"
                     padding="none sm"
                     size="1em"
                     :disable="checkHotkeyReadonly(tableProps.row.action)"

diff --git a/src/components/Dialog/ModelManageDialog.vue b/src/components/Dialog/ModelManageDialog.vue
@@ -6,11 +6,11 @@
         <QHeader class="q-py-sm">
           <QToolbar>
             <!-- close button -->
-            <QBtn round flat icon="close" color="display" @click="toDialogClosedState" />
+            <QBtn round flat icon="sym_r_close" color="display" @click="toDialogClosedState" />
             <QToolbarTitle class="text-display">
               音声合成モデルの管理
             </QToolbarTitle>
-            <QBtn outline icon="add" label="追加" textColor="display" class="text-bold" @click="() => ''" />
+            <QBtn outline icon="sym_r_add" label="追加" textColor="display" class="text-bold" @click="() => ''" />
           </QToolbar>
         </QHeader>
         <QPage class="row no-wrap">

diff --git a/src/components/Dialog/PresetManageDialog.vue b/src/components/Dialog/PresetManageDialog.vue
@@ -18,7 +18,7 @@
                   <QSpace />
                   <QItemSection avatar>
                     <QBtn
-                      icon="delete"
+                      icon="sym_r_delete"
                       flat
                       color="display"
                       @click="deletePreset(item.key)"