🖌️ style: Improve Dark Theme Accessibility (#2125)

* style: all landing page components

* chore: converted all slate to gray, since slate doesnt work

* style: assistant panel

* style: basic UI components, userprovided, preset

* style: update in multiple components

* fix(PluginStoreDialog): justify-center

* fixed some minor Ui styles

* style(MultiSearch): update dark bg

* style: update Convo styling

* style: lower textarea max height slightly

---------

Co-authored-by: Danny Avila <messagedaniel@protonmail.com>
This commit is contained in:
Marco Beretta 2024-03-21 14:02:00 +01:00 committed by GitHub
parent e95c0aaaed
commit 30f6d90cfe
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
59 changed files with 170 additions and 175 deletions

View file

@ -125,7 +125,7 @@ const Nav = ({ navVisible, setNavVisible }) => {
<Tooltip>
<div
className={
'nav active max-w-[320px] flex-shrink-0 overflow-x-hidden bg-gray-50 dark:bg-gray-900 md:max-w-[260px]'
'nav active max-w-[320px] flex-shrink-0 overflow-x-hidden bg-gray-50 dark:bg-gray-750 md:max-w-[260px]'
}
style={{
width: navVisible ? navWidth : '0px',
@ -165,12 +165,11 @@ const Nav = ({ navVisible, setNavVisible }) => {
moveToTop={moveToTop}
toggleNav={itemToggleNav}
/>
<Spinner
className={cn(
'm-1 mx-auto mb-4 h-4 w-4',
isFetchingNextPage || showLoading ? 'opacity-1' : 'opacity-0',
)}
/>
{(isFetchingNextPage || showLoading) && (
<Spinner
className={cn('m-1 mx-auto mb-4 h-4 w-4 text-black dark:text-white')}
/>
)}
</div>
<NavLinks />
</nav>