diff --git a/packages/client/src/components/MkEmojiPicker.vue b/packages/client/src/components/MkEmojiPicker.vue
index a85ba2b9befb6c220978ee93e82dbfc964e49d86..3c0e7da7c9e592a33ebcb16eb645bb59e9f88ae3 100644
--- a/packages/client/src/components/MkEmojiPicker.vue
+++ b/packages/client/src/components/MkEmojiPicker.vue
@@ -69,9 +69,9 @@
</div>
</div>
<div class="tabs">
- <button class="_button tab" :class="{ active: tab === 'index' }" @click="tab = 'index'"><i class="fas fa-asterisk ti-fw"></i></button>
+ <button class="_button tab" :class="{ active: tab === 'index' }" @click="tab = 'index'"><i class="ti ti-asterisk ti-fw"></i></button>
<button class="_button tab" :class="{ active: tab === 'custom' }" @click="tab = 'custom'"><i class="ti ti-mood-happy ti-fw"></i></button>
- <button class="_button tab" :class="{ active: tab === 'unicode' }" @click="tab = 'unicode'"><i class="fas fa-leaf ti-fw"></i></button>
+ <button class="_button tab" :class="{ active: tab === 'unicode' }" @click="tab = 'unicode'"><i class="ti ti-leaf ti-fw"></i></button>
<button class="_button tab" :class="{ active: tab === 'tags' }" @click="tab = 'tags'"><i class="ti ti-hash ti-fw"></i></button>
</div>
</div>
diff --git a/packages/client/src/components/MkFileTypeIcon.vue b/packages/client/src/components/MkFileTypeIcon.vue
deleted file mode 100644
index 11d28188cc153be22100fbd46a5a567c3dba11a0..0000000000000000000000000000000000000000
--- a/packages/client/src/components/MkFileTypeIcon.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-<span class="mk-file-type-icon">
- <template v-if="kind == 'image'"><i class="fas fa-file-image"></i></template>
-</span>
-</template>
-
-<script lang="ts" setup>
-import { computed } from 'vue';
-
-const props = defineProps<{
- type: string;
-}>();
-
-const kind = computed(() => props.type.split('/')[0]);
-</script>
diff --git a/packages/client/src/components/MkNote.vue b/packages/client/src/components/MkNote.vue
index da51d14f03762492d247cc9bb3398fa4a95b6a51..1feb161ada0e5effb6de0f299c2f87cba969819a 100644
--- a/packages/client/src/components/MkNote.vue
+++ b/packages/client/src/components/MkNote.vue
@@ -73,8 +73,7 @@
<footer class="footer">
<XReactionsViewer ref="reactionsViewer" :note="appearNote"/>
<button class="button _button" @click="reply()">
- <template v-if="appearNote.reply"><i class="ti ti-arrow-back-up-all"></i></template>
- <template v-else><i class="ti ti-arrow-back-up"></i></template>
+ <i class="ti ti-arrow-back-up"></i>
<p v-if="appearNote.repliesCount > 0" class="count">{{ appearNote.repliesCount }}</p>
</button>
<XRenoteButton ref="renoteButton" class="button" :note="appearNote" :count="appearNote.renoteCount"/>
diff --git a/packages/client/src/components/MkNoteDetailed.vue b/packages/client/src/components/MkNoteDetailed.vue
index 19e895e11d3ccfb80fee29219033173616de57ed..8269906bb0c2baca280953c8de4294a1c35e60be 100644
--- a/packages/client/src/components/MkNoteDetailed.vue
+++ b/packages/client/src/components/MkNoteDetailed.vue
@@ -83,8 +83,7 @@
</div>
<XReactionsViewer ref="reactionsViewer" :note="appearNote"/>
<button class="button _button" @click="reply()">
- <template v-if="appearNote.reply"><i class="ti ti-arrow-back-up-all"></i></template>
- <template v-else><i class="ti ti-arrow-back-up"></i></template>
+ <i class="ti ti-arrow-back-up"></i>
<p v-if="appearNote.repliesCount > 0" class="count">{{ appearNote.repliesCount }}</p>
</button>
<XRenoteButton ref="renoteButton" class="button" :note="appearNote" :count="appearNote.renoteCount"/>
diff --git a/packages/client/src/components/MkPostForm.vue b/packages/client/src/components/MkPostForm.vue
index 26ce4464bcfe04a4f67491e81a337f99559b42da..a6215038f7537c411b4590a9fa919c92a3121446 100644
--- a/packages/client/src/components/MkPostForm.vue
+++ b/packages/client/src/components/MkPostForm.vue
@@ -21,7 +21,7 @@
<span v-if="visibility === 'followers'"><i class="ti ti-lock-open"></i></span>
<span v-if="visibility === 'specified'"><i class="ti ti-mail"></i></span>
</button>
- <button v-tooltip="i18n.ts.previewNoteText" class="_button preview" :class="{ active: showPreview }" @click="showPreview = !showPreview"><i class="fas fa-file-code"></i></button>
+ <button v-tooltip="i18n.ts.previewNoteText" class="_button preview" :class="{ active: showPreview }" @click="showPreview = !showPreview"><i class="ti ti-eye"></i></button>
<button class="submit _buttonGradate" :disabled="!canPost" data-cy-open-post-form-submit @click="post">{{ submitText }}<i :class="reply ? 'ti ti-arrow-back-up' : renote ? 'ti ti-quote' : 'ti ti-send'"></i></button>
</div>
</header>
diff --git a/packages/client/src/components/MkUrlPreview.vue b/packages/client/src/components/MkUrlPreview.vue
index 5814faef19688a22d7c52b4f0134e8392839599b..4f75d31db4a0fe7f7f8f7188999688e63418834f 100644
--- a/packages/client/src/components/MkUrlPreview.vue
+++ b/packages/client/src/components/MkUrlPreview.vue
@@ -10,7 +10,7 @@
<transition :name="$store.state.animation ? 'zoom' : ''" mode="out-in">
<component :is="self ? 'MkA' : 'a'" v-if="!fetching" class="link" :class="{ compact }" :[attr]="self ? url.substr(local.length) : url" rel="nofollow noopener" :target="target" :title="url">
<div v-if="thumbnail" class="thumbnail" :style="`background-image: url('${thumbnail}')`">
- <button v-if="!playerEnabled && player.url" class="_button" :title="i18n.ts.enablePlayer" @click.prevent="isMobile? playerEnabled = true : openPlayer()"><i class="fas fa-play-circle"></i></button>
+ <button v-if="!playerEnabled && player.url" class="_button" :title="i18n.ts.enablePlayer" @click.prevent="isMobile? playerEnabled = true : openPlayer()"><i class="ti ti-player-play"></i></button>
</div>
<article>
<header>
diff --git a/packages/client/src/components/MkWindow.vue b/packages/client/src/components/MkWindow.vue
index fb786ecf650001aed9645ea028b2d9fc77218544..13c4e90f3eb843a42b1a8fc111fb87b04bb7ee60 100644
--- a/packages/client/src/components/MkWindow.vue
+++ b/packages/client/src/components/MkWindow.vue
@@ -11,8 +11,8 @@
</span>
<span class="right">
<button v-for="button in buttonsRight" v-tooltip="button.title" class="button _button" :class="{ highlighted: button.highlighted }" @click="button.onClick"><i :class="button.icon"></i></button>
- <button v-if="canResize && maximized" class="button _button" @click="unMaximize()"><i class="fas fa-window-restore"></i></button>
- <button v-else-if="canResize && !maximized" class="button _button" @click="maximize()"><i class="fas fa-window-maximize"></i></button>
+ <button v-if="canResize && maximized" class="button _button" @click="unMaximize()"><i class="ti ti-app-window"></i></button>
+ <button v-else-if="canResize && !maximized" class="button _button" @click="maximize()"><i class="ti ti-arrows-maximize"></i></button>
<button v-if="closeButton" class="button _button" @click="close()"><i class="ti ti-x"></i></button>
</span>
</div>
diff --git a/packages/client/src/components/form/suspense.vue b/packages/client/src/components/form/suspense.vue
index 58d80264c1bf1d0b73f915c4ae063e9217d79c82..7efa501f270b0657216fafd860171832fa48a432 100644
--- a/packages/client/src/components/form/suspense.vue
+++ b/packages/client/src/components/form/suspense.vue
@@ -9,7 +9,7 @@
<div v-else>
<div class="wszdbhzo">
<div><i class="ti ti-alert-triangle"></i> {{ $ts.somethingHappened }}</div>
- <MkButton inline class="retry" @click="retry"><i class="fas fa-redo-alt"></i> {{ $ts.retry }}</MkButton>
+ <MkButton inline class="retry" @click="retry"><i class="ti ti-reload"></i> {{ $ts.retry }}</MkButton>
</div>
</div>
</transition>
@@ -21,14 +21,14 @@ import MkButton from '@/components/MkButton.vue';
export default defineComponent({
components: {
- MkButton
+ MkButton,
},
props: {
p: {
type: Function as PropType<() => Promise<any>>,
required: true,
- }
+ },
},
setup(props, context) {
@@ -59,7 +59,7 @@ export default defineComponent({
watch(() => props.p, () => {
process();
}, {
- immediate: true
+ immediate: true,
});
const retry = () => {
@@ -73,7 +73,7 @@ export default defineComponent({
result,
retry,
};
- }
+ },
});
</script>
diff --git a/packages/client/src/navbar.ts b/packages/client/src/navbar.ts
index 18b1cddc79b3129c8e4279dfcb7c3ced990261df..e1f64ac05fc2a879782d74fc1afc06f16a3d1550 100644
--- a/packages/client/src/navbar.ts
+++ b/packages/client/src/navbar.ts
@@ -78,7 +78,7 @@ export const navbarItemDef = reactive({
},
pages: {
title: 'pages',
- icon: 'fas fa-file-alt',
+ icon: 'ti ti-news',
to: '/pages',
},
gallery: {
diff --git a/packages/client/src/pages/admin-file.vue b/packages/client/src/pages/admin-file.vue
index 1b16a66ac449da68a8f33a77706d0300b657a5cd..e923ca5df2d16d31889e4e3e1cf8aa4fc85274b8 100644
--- a/packages/client/src/pages/admin-file.vue
+++ b/packages/client/src/pages/admin-file.vue
@@ -136,7 +136,7 @@ const headerTabs = $computed(() => [{
definePageMetadata(computed(() => ({
title: file ? i18n.ts.file + ': ' + file.name : i18n.ts.file,
- icon: 'fas fa-file',
+ icon: 'ti ti-file',
})));
</script>
diff --git a/packages/client/src/pages/admin/index.vue b/packages/client/src/pages/admin/index.vue
index 75d3fcae70cc3783e6402bf8c0d517a8adcec94e..b5b5145c65b6ac343e6725987d0b25bfb80698df 100644
--- a/packages/client/src/pages/admin/index.vue
+++ b/packages/client/src/pages/admin/index.vue
@@ -170,7 +170,7 @@ const menuDef = $computed(() => [{
to: '/admin/instance-block',
active: currentPage?.route.name === 'instance-block',
}, {
- icon: 'fas fa-ghost',
+ icon: 'ti ti-ghost',
text: i18n.ts.proxyAccount,
to: '/admin/proxy-account',
active: currentPage?.route.name === 'proxy-account',
diff --git a/packages/client/src/pages/admin/proxy-account.vue b/packages/client/src/pages/admin/proxy-account.vue
index fe61909e80fc055a650e338d4ca45e0028825288..5d0d67980e00d7dc1f9fb80f66f0bf592f6376a5 100644
--- a/packages/client/src/pages/admin/proxy-account.vue
+++ b/packages/client/src/pages/admin/proxy-account.vue
@@ -57,6 +57,6 @@ const headerTabs = $computed(() => []);
definePageMetadata({
title: i18n.ts.proxyAccount,
- icon: 'fas fa-ghost',
+ icon: 'ti ti-ghost',
});
</script>
diff --git a/packages/client/src/pages/channels.vue b/packages/client/src/pages/channels.vue
index 7c84629a0a29f7d683263de407bdc8fcdc2cef15..34e9dac1966f91d98398cdadd9aa3922313f20ce 100644
--- a/packages/client/src/pages/channels.vue
+++ b/packages/client/src/pages/channels.vue
@@ -61,7 +61,7 @@ const headerActions = $computed(() => [{
const headerTabs = $computed(() => [{
key: 'featured',
title: i18n.ts._channel.featured,
- icon: 'fas fa-fire-alt',
+ icon: 'ti ti-comet',
}, {
key: 'following',
title: i18n.ts._channel.following,
diff --git a/packages/client/src/pages/gallery/index.vue b/packages/client/src/pages/gallery/index.vue
index b04c1fad945f44721db62b4db934c95f82371e33..24a634bab5c95cf2cc69094afdc2a21552ee8c09 100644
--- a/packages/client/src/pages/gallery/index.vue
+++ b/packages/client/src/pages/gallery/index.vue
@@ -13,7 +13,7 @@
</MkPagination>
</MkFolder>
<MkFolder class="_gap">
- <template #header><i class="fas fa-fire-alt"></i>{{ i18n.ts.popularPosts }}</template>
+ <template #header><i class="ti ti-comet"></i>{{ i18n.ts.popularPosts }}</template>
<MkPagination v-slot="{items}" :pagination="popularPostsPagination" :disable-auto-load="true">
<div class="vfpdbgtk">
<MkGalleryPostPreview v-for="post in items" :key="post.id" :post="post" class="post"/>
diff --git a/packages/client/src/pages/settings/accounts.vue b/packages/client/src/pages/settings/accounts.vue
index a2b7de81affb323897b158e7749dedfa402e2199..493d3b26189ffa5e14e2a078b191564a44e5b0ff 100644
--- a/packages/client/src/pages/settings/accounts.vue
+++ b/packages/client/src/pages/settings/accounts.vue
@@ -50,7 +50,7 @@ const init = async () => {
function menu(account, ev) {
os.popupMenu([{
text: i18n.ts.switch,
- icon: 'fas fa-exchange-alt',
+ icon: 'ti ti-switch-horizontal',
action: () => switchAccount(account),
}, {
text: i18n.ts.remove,
diff --git a/packages/client/src/pages/settings/import-export.vue b/packages/client/src/pages/settings/import-export.vue
index 68460cf7ad762a8fcd8c0f889e5db7a97966a389..7db267c142da2f1582c27f97373ee15e049b17e8 100644
--- a/packages/client/src/pages/settings/import-export.vue
+++ b/packages/client/src/pages/settings/import-export.vue
@@ -154,7 +154,7 @@ const headerTabs = $computed(() => []);
definePageMetadata({
title: i18n.ts.importAndExport,
- icon: 'fas fa-boxes',
+ icon: 'ti ti-package',
});
</script>
diff --git a/packages/client/src/pages/settings/reaction.vue b/packages/client/src/pages/settings/reaction.vue
index 36e0718fbc315e3730fef4be487e5ab41972d1e5..0dbe185504fdd7459301e472f3363c7067abcea8 100644
--- a/packages/client/src/pages/settings/reaction.vue
+++ b/packages/client/src/pages/settings/reaction.vue
@@ -47,7 +47,7 @@
<FormSection>
<div style="display: flex; gap: var(--margin); flex-wrap: wrap;">
<FormButton inline @click="preview"><i class="ti ti-eye"></i> {{ i18n.ts.preview }}</FormButton>
- <FormButton inline danger @click="setDefault"><i class="fas fa-undo"></i> {{ i18n.ts.default }}</FormButton>
+ <FormButton inline danger @click="setDefault"><i class="ti ti-reload"></i> {{ i18n.ts.default }}</FormButton>
</div>
</FormSection>
</div>
diff --git a/packages/client/src/pages/settings/security.vue b/packages/client/src/pages/settings/security.vue
index b6fdd2356faa59e0186e36e1cf2f0d4df5780e20..33f49eb3ef0ccf36f6cf2345788b05173e0c5952 100644
--- a/packages/client/src/pages/settings/security.vue
+++ b/packages/client/src/pages/settings/security.vue
@@ -30,7 +30,7 @@
<FormSection>
<FormSlot>
- <FormButton danger @click="regenerateToken"><i class="fas fa-sync-alt"></i> {{ i18n.ts.regenerateLoginToken }}</FormButton>
+ <FormButton danger @click="regenerateToken"><i class="ti ti-refresh"></i> {{ i18n.ts.regenerateLoginToken }}</FormButton>
<template #caption>{{ i18n.ts.regenerateLoginTokenDescription }}</template>
</FormSlot>
</FormSection>
diff --git a/packages/client/src/pages/settings/sounds.vue b/packages/client/src/pages/settings/sounds.vue
index 1106f0c6bb58eedd7741ad59a9eae259599fbabf..2bea491e6741059fe41e0a49a775dbe8d4761fc3 100644
--- a/packages/client/src/pages/settings/sounds.vue
+++ b/packages/client/src/pages/settings/sounds.vue
@@ -13,7 +13,7 @@
</FormLink>
</FormSection>
- <FormButton danger class="_formBlock" @click="reset()"><i class="fas fa-redo"></i> {{ i18n.ts.default }}</FormButton>
+ <FormButton danger class="_formBlock" @click="reset()"><i class="ti ti-reload"></i> {{ i18n.ts.default }}</FormButton>
</div>
</template>
diff --git a/packages/client/src/pages/user/index.vue b/packages/client/src/pages/user/index.vue
index 48f29552830a9400759fc4dc564b06efd9a8f31b..6e895cd8d7f7f323f915dc64deeff242ca7f6d4f 100644
--- a/packages/client/src/pages/user/index.vue
+++ b/packages/client/src/pages/user/index.vue
@@ -81,7 +81,7 @@ const headerTabs = $computed(() => user ? [{
}, {
key: 'pages',
title: i18n.ts.pages,
- icon: 'fas fa-file-alt',
+ icon: 'ti ti-news',
}, {
key: 'gallery',
title: i18n.ts.gallery,
diff --git a/packages/client/src/ui/deck/widgets-column.vue b/packages/client/src/ui/deck/widgets-column.vue
index b5f49761fd763e162445b924a566d520042b545a..0bcdc4f7684d48e99932e93db7fd2dbb74c8523f 100644
--- a/packages/client/src/ui/deck/widgets-column.vue
+++ b/packages/client/src/ui/deck/widgets-column.vue
@@ -1,6 +1,6 @@
<template>
<XColumn :menu="menu" :naked="true" :column="column" :is-stacked="isStacked" @parent-focus="$event => emit('parent-focus', $event)">
- <template #header><i class="fas fa-window-maximize" style="margin-right: 8px;"></i>{{ column.name }}</template>
+ <template #header><i class="ti ti-layout-list" style="margin-right: 8px;"></i>{{ column.name }}</template>
<div class="wtdtxvec">
<div v-if="!(column.widgets && column.widgets.length > 0) && !edit" class="intro">{{ i18n.ts._deck.widgetsIntroduction }}</div>
diff --git a/packages/client/src/widgets/photos.vue b/packages/client/src/widgets/photos.vue
index e891bd6a7d7e4bdecf27090e4af458d866825a56..4ad5324053a032dab3bb3166cf2ba765f53a068a 100644
--- a/packages/client/src/widgets/photos.vue
+++ b/packages/client/src/widgets/photos.vue
@@ -1,6 +1,6 @@
<template>
<MkContainer :show-header="widgetProps.showHeader" :naked="widgetProps.transparent" :class="$style.root" :data-transparent="widgetProps.transparent ? true : null" class="mkw-photos">
- <template #header><i class="fas fa-camera"></i>{{ i18n.ts._widgets.photos }}</template>
+ <template #header><i class="ti ti-camera"></i>{{ i18n.ts._widgets.photos }}</template>
<div class="">
<MkLoading v-if="fetching"/>