|
|
@@ -583,10 +583,10 @@
|
|
|
class={`px-0.5 py-1 min-w-fit rounded-lg flex-1 md:flex-none flex text-left transition
|
|
|
${
|
|
|
selectedTab === 'general'
|
|
|
- ? ($settings.highContrastMode ?? false)
|
|
|
+ ? ($settings?.highContrastMode ?? false)
|
|
|
? 'dark:bg-gray-800 bg-gray-200'
|
|
|
: ''
|
|
|
- : ($settings.highContrastMode ?? false)
|
|
|
+ : ($settings?.highContrastMode ?? false)
|
|
|
? 'hover:bg-gray-200 dark:hover:bg-gray-800'
|
|
|
: 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'
|
|
|
}`}
|
|
|
@@ -615,10 +615,10 @@
|
|
|
class={`px-0.5 py-1 min-w-fit rounded-lg flex-1 md:flex-none flex text-left transition
|
|
|
${
|
|
|
selectedTab === 'interface'
|
|
|
- ? ($settings.highContrastMode ?? false)
|
|
|
+ ? ($settings?.highContrastMode ?? false)
|
|
|
? 'dark:bg-gray-800 bg-gray-200'
|
|
|
: ''
|
|
|
- : ($settings.highContrastMode ?? false)
|
|
|
+ : ($settings?.highContrastMode ?? false)
|
|
|
? 'hover:bg-gray-200 dark:hover:bg-gray-800'
|
|
|
: 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'
|
|
|
}`}
|
|
|
@@ -648,10 +648,10 @@
|
|
|
class={`px-0.5 py-1 min-w-fit rounded-lg flex-1 md:flex-none flex text-left transition
|
|
|
${
|
|
|
selectedTab === 'connections'
|
|
|
- ? ($settings.highContrastMode ?? false)
|
|
|
+ ? ($settings?.highContrastMode ?? false)
|
|
|
? 'dark:bg-gray-800 bg-gray-200'
|
|
|
: ''
|
|
|
- : ($settings.highContrastMode ?? false)
|
|
|
+ : ($settings?.highContrastMode ?? false)
|
|
|
? 'hover:bg-gray-200 dark:hover:bg-gray-800'
|
|
|
: 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'
|
|
|
}`}
|
|
|
@@ -680,10 +680,10 @@
|
|
|
class={`px-0.5 py-1 min-w-fit rounded-lg flex-1 md:flex-none flex text-left transition
|
|
|
${
|
|
|
selectedTab === 'tools'
|
|
|
- ? ($settings.highContrastMode ?? false)
|
|
|
+ ? ($settings?.highContrastMode ?? false)
|
|
|
? 'dark:bg-gray-800 bg-gray-200'
|
|
|
: ''
|
|
|
- : ($settings.highContrastMode ?? false)
|
|
|
+ : ($settings?.highContrastMode ?? false)
|
|
|
? 'hover:bg-gray-200 dark:hover:bg-gray-800'
|
|
|
: 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'
|
|
|
}`}
|
|
|
@@ -713,10 +713,10 @@
|
|
|
class={`px-0.5 py-1 min-w-fit rounded-lg flex-1 md:flex-none flex text-left transition
|
|
|
${
|
|
|
selectedTab === 'personalization'
|
|
|
- ? ($settings.highContrastMode ?? false)
|
|
|
+ ? ($settings?.highContrastMode ?? false)
|
|
|
? 'dark:bg-gray-800 bg-gray-200'
|
|
|
: ''
|
|
|
- : ($settings.highContrastMode ?? false)
|
|
|
+ : ($settings?.highContrastMode ?? false)
|
|
|
? 'hover:bg-gray-200 dark:hover:bg-gray-800'
|
|
|
: 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'
|
|
|
}`}
|
|
|
@@ -734,10 +734,10 @@
|
|
|
class={`px-0.5 py-1 min-w-fit rounded-lg flex-1 md:flex-none flex text-left transition
|
|
|
${
|
|
|
selectedTab === 'audio'
|
|
|
- ? ($settings.highContrastMode ?? false)
|
|
|
+ ? ($settings?.highContrastMode ?? false)
|
|
|
? 'dark:bg-gray-800 bg-gray-200'
|
|
|
: ''
|
|
|
- : ($settings.highContrastMode ?? false)
|
|
|
+ : ($settings?.highContrastMode ?? false)
|
|
|
? 'hover:bg-gray-200 dark:hover:bg-gray-800'
|
|
|
: 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'
|
|
|
}`}
|
|
|
@@ -767,10 +767,10 @@
|
|
|
class={`px-0.5 py-1 min-w-fit rounded-lg flex-1 md:flex-none flex text-left transition
|
|
|
${
|
|
|
selectedTab === 'chats'
|
|
|
- ? ($settings.highContrastMode ?? false)
|
|
|
+ ? ($settings?.highContrastMode ?? false)
|
|
|
? 'dark:bg-gray-800 bg-gray-200'
|
|
|
: ''
|
|
|
- : ($settings.highContrastMode ?? false)
|
|
|
+ : ($settings?.highContrastMode ?? false)
|
|
|
? 'hover:bg-gray-200 dark:hover:bg-gray-800'
|
|
|
: 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'
|
|
|
}`}
|
|
|
@@ -799,10 +799,10 @@
|
|
|
class={`px-0.5 py-1 min-w-fit rounded-lg flex-1 md:flex-none flex text-left transition
|
|
|
${
|
|
|
selectedTab === 'account'
|
|
|
- ? ($settings.highContrastMode ?? false)
|
|
|
+ ? ($settings?.highContrastMode ?? false)
|
|
|
? 'dark:bg-gray-800 bg-gray-200'
|
|
|
: ''
|
|
|
- : ($settings.highContrastMode ?? false)
|
|
|
+ : ($settings?.highContrastMode ?? false)
|
|
|
? 'hover:bg-gray-200 dark:hover:bg-gray-800'
|
|
|
: 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'
|
|
|
}`}
|
|
|
@@ -831,10 +831,10 @@
|
|
|
class={`px-0.5 py-1 min-w-fit rounded-lg flex-1 md:flex-none flex text-left transition
|
|
|
${
|
|
|
selectedTab === 'about'
|
|
|
- ? ($settings.highContrastMode ?? false)
|
|
|
+ ? ($settings?.highContrastMode ?? false)
|
|
|
? 'dark:bg-gray-800 bg-gray-200'
|
|
|
: ''
|
|
|
- : ($settings.highContrastMode ?? false)
|
|
|
+ : ($settings?.highContrastMode ?? false)
|
|
|
? 'hover:bg-gray-200 dark:hover:bg-gray-800'
|
|
|
: 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'
|
|
|
}`}
|
|
|
@@ -868,7 +868,7 @@
|
|
|
|
|
|
{#if $user?.role === 'admin'}
|
|
|
<button
|
|
|
- class="px-0.5 py-1 min-w-fit rounded-lg flex-1 md:flex-none flex text-left transition {$settings.highContrastMode
|
|
|
+ class="px-0.5 py-1 min-w-fit rounded-lg flex-1 md:flex-none flex text-left transition {$settings?.highContrastMode
|
|
|
? 'hover:bg-gray-200 dark:hover:bg-gray-800'
|
|
|
: 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'}"
|
|
|
on:click={async () => {
|