migrate

packages/frontend/src/components/MkNoteHeader.vue

@@ -27,7 +27,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 			v-if="note.visibility !== 'public'"
 			style="margin-left: 0.5em;"
 			:class="{
-				[$style.enableColorlize]: defaultStore.state.enableNoteVisibilityColor,
+				[$style.enableColorlize]: prefer.s.enableNoteVisibilityColor,
 				[$style.colorHome]: note.visibility === 'home',
 				[$style.colorFollowers]: note.visibility === 'followers',
 				[$style.colorSpecified]: note.visibility === 'specified',
@@ -51,6 +51,7 @@ import { i18n } from '@/i18n.js';
 import { notePage } from '@/filters/note.js';
 import { userPage } from '@/filters/user.js';
 import { DI } from '@/di.js';
+import { prefer } from '@/preferences.js';
 
 defineProps<{
 	note: Misskey.entities.Note;

packages/frontend/src/pages/settings/preferences.vue

@@ -210,6 +210,15 @@ SPDX-License-Identifier: AGPL-3.0-only
 									</MkPreferenceContainer>
 								</SearchMarker>
 
+								<SearchMarker :keywords="['reaction', 'confirm', 'remove']">
+									<MkPreferenceContainer k="enableNoteVisibilityColor">
+										<MkSwitch v-model="enableNoteVisibilityColor">
+											<template #label><SearchLabel>{{ i18n.ts.enableNoteVisibilityColor }}</SearchLabel></template>
+											<template #caption>{{ i18n.ts.enableNoteVisibilityColorDescription }}</template>
+										</MkSwitch>
+									</MkPreferenceContainer>
+								</SearchMarker>
+
 								<SearchMarker :keywords="['image', 'photo', 'picture', 'media', 'thumbnail', 'quality', 'raw', 'attachment']">
 									<MkPreferenceContainer k="loadRawImages">
 										<MkSwitch v-model="loadRawImages">
@@ -782,6 +791,7 @@ const useGroupedNotifications = prefer.model('useGroupedNotifications');
 const alwaysConfirmFollow = prefer.model('alwaysConfirmFollow');
 const confirmWhenRevealingSensitiveMedia = prefer.model('confirmWhenRevealingSensitiveMedia');
 const confirmOnReact = prefer.model('confirmOnReact');
+const enableNoteVisibilityColor = prefer.model('enableNoteVisibilityColor');
 const defaultNoteVisibility = prefer.model('defaultNoteVisibility');
 const defaultNoteLocalOnly = prefer.model('defaultNoteLocalOnly');
 const rememberNoteVisibility = prefer.model('rememberNoteVisibility');
@@ -849,6 +859,7 @@ watch([
 	disableStreamingTimeline,
 	alwaysConfirmFollow,
 	confirmWhenRevealingSensitiveMedia,
+	enableNoteVisibilityColor,
 	showGapBetweenNotesInTimeline,
 	mediaListWithOneImageAppearance,
 	reactionsDisplaySize,

packages/frontend/src/preferences/def.ts

@@ -327,6 +327,9 @@ export const PREF_DEF = {
 	confirmOnReact: {
 		default: false,
 	},
+	enableNoteVisibilityColor: {
+		default: false,
+	},
 	defaultFollowWithReplies: {
 		default: false,
 	},