perf: improve login page UI (#4142)

* perf: improve login page UI

* chore: update docs

packages/@core/preferences/src/config.ts

@@ -10,7 +10,7 @@ const defaultPreferences: Preferences = {
     compact: false,
     contentCompact: 'wide',
     defaultAvatar:
-      'https://unpkg.com/@vbenjs/static-source@0.1.5/source/avatar-v1.webp',
+      'https://unpkg.com/@vbenjs/static-source@0.1.6/source/avatar-v1.webp',
     dynamicTitle: true,
     enableCheckUpdates: true,
     enablePreferences: true,
@@ -47,7 +47,7 @@ const defaultPreferences: Preferences = {
   },
   logo: {
     enable: true,
-    source: 'https://unpkg.com/@vbenjs/static-source@0.1.5/source/logo-v1.webp',
+    source: 'https://unpkg.com/@vbenjs/static-source@0.1.6/source/logo-v1.webp',
   },
   navigation: {
     accordion: true,

packages/@core/preferences/src/constants.ts

@@ -21,39 +21,42 @@ const BUILT_IN_THEME_PRESETS: BuiltinThemePreset[] = [
     type: 'pink',
   },
   {
-    color: 'hsl(0 75% 42%)',
-    type: 'rose',
+    color: 'hsl(42 84% 61%)',
+    type: 'yellow',
   },
   {
     color: 'hsl(212 100% 45%)',
     type: 'sky-blue',
   },
-  {
-    color: 'hsl(211 91% 39%)',
-    type: 'deep-blue',
-  },
   {
     color: 'hsl(161 90% 43%)',
     type: 'green',
   },
-  {
-    color: 'hsl(181 84% 32%)',
-    type: 'deep-green',
-  },
-  {
-    color: 'hsl(18 89% 40%)',
-    type: 'orange',
-  },
-  {
-    color: 'hsl(42 84% 61%)',
-    type: 'yellow',
-  },
   {
     color: 'hsl(240 5% 26%)',
     darkPrimaryColor: 'hsl(0 0% 98%)',
     primaryColor: 'hsl(240 5.9% 10%)',
     type: 'zinc',
   },
+
+  {
+    color: 'hsl(181 84% 32%)',
+    type: 'deep-green',
+  },
+
+  {
+    color: 'hsl(211 91% 39%)',
+    type: 'deep-blue',
+  },
+  {
+    color: 'hsl(18 89% 40%)',
+    type: 'orange',
+  },
+  {
+    color: 'hsl(0 75% 42%)',
+    type: 'rose',
+  },
+
   {
     color: 'hsl(0 0% 25%)',
     darkPrimaryColor: 'hsl(0 0% 98%)',