UI Refresh

src/shared/constants/accessType.js

@@ -0,0 +1,13 @@
+const accessTypeLocaleKeyMap = {
+    public: 'dialog.new_instance.access_type_public',
+    group: 'dialog.new_instance.access_type_group',
+    'friends+': 'dialog.new_instance.access_type_friend_plus',
+    friends: 'dialog.new_instance.access_type_friend',
+    'invite+': 'dialog.new_instance.access_type_invite_plus',
+    invite: 'dialog.new_instance.access_type_invite',
+    groupPublic: 'dialog.new_instance.group_access_type_public',
+    groupPlus: 'dialog.new_instance.group_access_type_plus',
+    groupMembers: 'dialog.new_instance.group_access_type_members'
+};
+
+export { accessTypeLocaleKeyMap };

src/shared/constants/index.js

@@ -10,3 +10,4 @@ export * from './moderation';
 export * from './themes';
 export * from './link';
 export * from './ui';
+export * from './accessType';

src/shared/constants/themes.js

@@ -1,52 +1,69 @@
-import amoled from '../../assets/scss/themes/theme.amoled.scss?url';
-import dark from '../../assets/scss/themes/theme.dark.scss?url';
-import darkblue from '../../assets/scss/themes/theme.darkblue.scss?url';
-import material3 from '../../assets/scss/themes/theme.material3.scss?url';
+import appCss from '../../app.css?url';
+// import appLegacy from '../../assets/scss/themes/app_legacy.scss?url';
+// import material3 from '../../assets/scss/themes/theme.material3.scss?url';
 
 export const THEME_CONFIG = {
     system: {
-        cssFile: '',
+        cssFiles: [appCss],
         isDark: 'system',
         name: 'System'
     },
     light: {
-        cssFile: '',
+        cssFiles: [appCss],
         isDark: false,
+        useDarkClass: false,
         name: 'Light'
     },
-    dark: { cssFile: dark, isDark: true, name: 'Dark' },
-    darkblue: {
-        cssFile: darkblue,
+    dark: {
+        cssFiles: [appCss],
         isDark: true,
-        name: 'Dark Blue'
-    },
-    amoled: {
-        cssFile: amoled,
-        isDark: true,
-        name: 'Amoled'
-    },
-    // darkvanillaold: {
-    //     cssFile: darkvanillaold,
+        useDarkClass: true,
+        name: 'Dark'
+    }
+    // darkold: {
+    //     cssFiles: [appLegacy, dark],
     //     isDark: true,
+    //     useDarkClass: false,
+    //     name: 'Dark (Old)'
+    // },
+    // darkblue: {
+    //     cssFiles: [appLegacy, darkblue],
+    //     isDark: true,
+    //     useDarkClass: false,
+    //     name: 'Dark Blue'
+    // },
+    // amoled: {
+    //     cssFiles: [appLegacy, amoled],
+    //     isDark: true,
+    //     useDarkClass: false,
+    //     name: 'Amoled'
+    // },
+    // darkvanillaold: {
+    //     cssFiles: [appLegacy, darkvanillaold],
+    //     isDark: true,
+    //     useDarkClass: false,
     //     name: 'Dark Vanilla Old'
     // },
     // darkvanilla: {
-    //     cssFile: darkvanilla,
+    //     cssFiles: [appLegacy, darkvanilla],
     //     isDark: true,
+    //     useDarkClass: false,
     //     name: 'Dark Vanilla'
     // },
     // pink: {
-    //     cssFile: pink,
+    //     cssFiles: [appLegacy, pink],
     //     isDark: true,
+    //     useDarkClass: false,
     //     name: 'Pink'
     // },
-    material3: {
-        cssFile: material3,
-        isDark: true,
-        name: 'Material 3',
-        fontLinks: [
-            'https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;600&family=Noto+Sans+TC:wght@300;400;500&family=Noto+Sans+SC:wght@300;400;500&family=Noto+Sans+JP:wght@300;400;500&family=Roboto&display=swap',
-            'https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200'
-        ]
-    }
+    // material3: {
+    //     cssFiles: [appLegacy, material3],
+    //     isDark: true,
+    //     useDarkClass: false,
+    //     name: 'Material 3',
+    //     fontLinks: [
+    //         'https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;600&family=Noto+Sans+TC:wght@300;400;500&family=Noto+Sans+SC:wght@300;400;500&family=Noto+Sans+JP:wght@300;400;500&family=Roboto&display=swap',
+    //         'https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200'
+    //     ]
+    // }
 };

src/shared/constants/ui.js

@@ -96,6 +96,13 @@ const navDefinitions = [
         tooltip: 'nav_tooltip.tools',
         labelKey: 'nav_tooltip.tools',
         routeName: 'tools'
+    },
+    {
+        key: 'direct-access',
+        icon: 'ri-compass-3-line',
+        tooltip: 'prompt.direct_access_omni.header',
+        labelKey: 'prompt.direct_access_omni.header',
+        action: 'direct-access'
     }
 ];