.

src/stores/settings.js

@@ -6,8 +6,8 @@ export const useSettingsStore = defineStore('settings', () => {
     const isDark = useDark()
     const toggleDark = useToggle(isDark)
     const firstOpen = useStorage('firstOpen', 1, localStorage)
-    if (firstOpen.value !== 1) {
-        firstOpen.value = 1
+    if (firstOpen.value !== 2) {
+        firstOpen.value = 2
         isDark.value = true
     }
     return { isDark, toggleDark }

src/styles/common.less

@@ -10,6 +10,7 @@
 
 .gt() {
     background: linear-gradient(135deg, #d700ff 0%, #3e22ff 100%);
+    background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

src/styles/main.less

@@ -79,6 +79,7 @@ ion-modal.dialog {
 }
 .gt {
     background: linear-gradient(135deg, #d700ff 0%, #3e22ff 100%);
+    background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }
@@ -89,6 +90,7 @@ ion-modal.dialog {
     padding: 0 4px;
     background: fade(#9f8dff, 20);
 }
-#tidio-chat-iframe, #s-chat-plugin{
+#tidio-chat-iframe,
+#s-chat-plugin {
     bottom: calc(env(safe-area-inset-bottom, 0px) + 50px) !important;
 }

src/views/OrderPage.vue

@@ -215,6 +215,7 @@ ion-item-divider.tabs {
                 &.active {
                     color: var(--ion-text-color);
                     background: inherit;
+                    background-clip: inherit;
                     -webkit-background-clip: inherit;
                     -webkit-text-fill-color: inherit;
                 }