2026-06-24 9e873214473df3e43ee53535db9831ecf03e4a0f
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<script setup lang="ts">
import { $t } from '..\..\..\..\..\..\..\locales\src';
 
import SwitchItem from '../switch-item.vue';
 
defineOptions({
  name: 'PreferenceColorMode',
});
 
const appColorWeakMode = defineModel<boolean>('appColorWeakMode', {
  default: false,
});
 
const appColorGrayMode = defineModel<boolean>('appColorGrayMode', {
  default: false,
});
</script>
 
<template>
  <SwitchItem v-model="appColorWeakMode">
    {{ $t('preferences.theme.weakMode') }}
  </SwitchItem>
  <SwitchItem v-model="appColorGrayMode">
    {{ $t('preferences.theme.grayMode') }}
  </SwitchItem>
</template>