diff --git a/dashboard/src/App.vue b/dashboard/src/App.vue index b66dee013..90193c64a 100644 --- a/dashboard/src/App.vue +++ b/dashboard/src/App.vue @@ -45,7 +45,6 @@ watch( () => customizer.uiTheme, (newTheme) => { if (newTheme) { - } }, { immediate: true }, diff --git a/dashboard/src/components/shared/ConsoleDisplayer.vue b/dashboard/src/components/shared/ConsoleDisplayer.vue index 07af88879..65a8c0b36 100644 --- a/dashboard/src/components/shared/ConsoleDisplayer.vue +++ b/dashboard/src/components/shared/ConsoleDisplayer.vue @@ -140,7 +140,6 @@ export default { Authorization: token ? `Bearer ${token}` : "", }, heartbeatTimeout: 300000, - }); this.eventSource.onopen = () => { diff --git a/dashboard/src/views/authentication/auth/LoginPage.vue b/dashboard/src/views/authentication/auth/LoginPage.vue index 2ed47d1a7..914d2a504 100644 --- a/dashboard/src/views/authentication/auth/LoginPage.vue +++ b/dashboard/src/views/authentication/auth/LoginPage.vue @@ -11,7 +11,9 @@ import { useCustomizerStore } from "@/stores/customizer"; import { useTheme } from "vuetify"; const vuetifyTheme = useTheme(); -const isDark = computed(() => vuetifyTheme.global.name.value === 'BlueBusinessDarkTheme'); +const isDark = computed( + () => vuetifyTheme.global.name.value === "BlueBusinessDarkTheme", +); import { useI18n, useModuleI18n } from "@/i18n/composables"; import { useToast } from "@/utils/toast"; import { getApiBaseUrlValidationError } from "@/utils/request"; @@ -182,7 +184,10 @@ onMounted(() => {
{{ t("logo.title") }}
-
+
@@ -208,7 +213,9 @@ onMounted(() => {
@@ -301,8 +308,10 @@ onMounted(() => { -
-
{{ t('autoTheme') }}
+
+
{{ t("autoTheme") }}
{ // Dark mode: radial mask + DiamondBg .v-theme--bluebusinessdarktheme .login-page-container { background-color: rgb(var(--v-theme-containerBg)); - mask-image: radial-gradient(ellipse 60% 70% at 50% 50%, black 30%, transparent 70%); - -webkit-mask-image: radial-gradient(ellipse 60% 70% at 50% 50%, black 30%, transparent 70%); + mask-image: radial-gradient( + ellipse 60% 70% at 50% 50%, + black 30%, + transparent 70% + ); + -webkit-mask-image: radial-gradient( + ellipse 60% 70% at 50% 50%, + black 30%, + transparent 70% + ); } // Light mode: pure white .v-theme--bluebusinesstheme .login-page-container { - background-color: #FFFFFF; + background-color: #ffffff; mask-image: none; -webkit-mask-image: none; } @@ -367,7 +384,7 @@ onMounted(() => { // Light mode: clean white card .v-theme--bluebusinesstheme .login-card { - background: #FFFFFF !important; + background: #ffffff !important; border: 1px solid rgba(0, 49, 83, 0.12) !important; box-shadow: 0 4px 24px rgba(0, 49, 83, 0.08) !important; backdrop-filter: none;