@@ -11,7 +11,9 @@ import { useCustomizerStore } from "@/stores/customizer";
1111import { useTheme } from " vuetify" ;
1212
1313const vuetifyTheme = useTheme ();
14- const isDark = computed (() => vuetifyTheme .global .name .value === ' BlueBusinessDarkTheme' );
14+ const isDark = computed (
15+ () => vuetifyTheme .global .name .value === " BlueBusinessDarkTheme" ,
16+ );
1517import { useI18n , useModuleI18n } from " @/i18n/composables" ;
1618import { useToast } from " @/utils/toast" ;
1719import { getApiBaseUrlValidationError } from " @/utils/request" ;
@@ -182,7 +184,10 @@ onMounted(() => {
182184 <div class =" ml-2" style =" font-size : 26px " >
183185 {{ t("logo.title") }}
184186 </div >
185- <div class =" mt-2 ml-2" style =" font-size : 14px ; color : var (--v-theme-on-surface-variant )" >
187+ <div
188+ class =" mt-2 ml-2"
189+ style =" font-size : 14px ; color : var (--v-theme-on-surface-variant )"
190+ >
186191 <DailyQuote />
187192 </div >
188193 </v-card-title >
@@ -208,7 +213,9 @@ onMounted(() => {
208213 </div >
209214
210215 <v-chip-group
211- v-if =" apiStore.presets.length > 0 || apiStore.customPresets.length > 0"
216+ v-if ="
217+ apiStore.presets.length > 0 || apiStore.customPresets.length > 0
218+ "
212219 column
213220 class =" mb-2"
214221 >
@@ -301,8 +308,10 @@ onMounted(() => {
301308 </v-btn >
302309
303310 <!-- Auto theme switch -->
304- <div class =" d-flex align-center justify-space-between preset-auto-switch" >
305- <div class =" text-caption" >{{ t('autoTheme') }}</div >
311+ <div
312+ class =" d-flex align-center justify-space-between preset-auto-switch"
313+ >
314+ <div class =" text-caption" >{{ t("autoTheme") }}</div >
306315 <v-switch
307316 v-model =" customizer.autoSwitchTheme"
308317 color =" primary"
@@ -342,13 +351,21 @@ onMounted(() => {
342351// Dark mode: radial mask + DiamondBg
343352.v-theme--bluebusinessdarktheme .login-page-container {
344353 background-color : rgb (var (--v-theme-containerBg ));
345- mask-image : radial-gradient (ellipse 60% 70% at 50% 50% , black 30% , transparent 70% );
346- -webkit-mask-image : radial-gradient (ellipse 60% 70% at 50% 50% , black 30% , transparent 70% );
354+ mask-image : radial-gradient (
355+ ellipse 60% 70% at 50% 50% ,
356+ black 30% ,
357+ transparent 70%
358+ );
359+ -webkit-mask-image : radial-gradient (
360+ ellipse 60% 70% at 50% 50% ,
361+ black 30% ,
362+ transparent 70%
363+ );
347364}
348365
349366// Light mode: pure white
350367.v-theme--bluebusinesstheme .login-page-container {
351- background-color : #FFFFFF ;
368+ background-color : #ffffff ;
352369 mask-image : none ;
353370 -webkit-mask-image : none ;
354371}
@@ -367,7 +384,7 @@ onMounted(() => {
367384
368385// Light mode: clean white card
369386.v-theme--bluebusinesstheme .login-card {
370- background : #FFFFFF !important ;
387+ background : #ffffff !important ;
371388 border : 1px solid rgba (0 , 49 , 83 , 0.12 ) !important ;
372389 box-shadow : 0 4px 24px rgba (0 , 49 , 83 , 0.08 ) !important ;
373390 backdrop-filter : none ;
0 commit comments