Fix colors

This commit is contained in:
IRBorisov 2023-08-16 18:56:48 +03:00
parent 5ed0dbda09
commit 7b9128ef60
5 changed files with 15 additions and 15 deletions

View File

@ -15,25 +15,21 @@ createTheme('customDark', {
disabled: 'rgba(228, 228, 231, 0.54)' disabled: 'rgba(228, 228, 231, 0.54)'
}, },
background: { background: {
default: '#002129' default: '#111827'
},
context: {
background: '#3e014d',
text: 'rgba(228, 228, 231, 0.87)'
}, },
highlightOnHover: { highlightOnHover: {
default: '#2d0138', default: '#4d6080',
text: 'rgba(228, 228, 231, 1)' text: 'rgba(228, 228, 231, 1)'
}, },
divider: { divider: {
default: '#6b6b6b' default: '#6b6b6b'
}, },
striped: { striped: {
default: '#003845', default: '#374151',
text: 'rgba(228, 228, 231, 1)' text: 'rgba(228, 228, 231, 1)'
}, },
selected: { selected: {
default: '#4b015c', default: '#4d6080',
text: 'rgba(228, 228, 231, 1)' text: 'rgba(228, 228, 231, 1)'
} }
}, 'dark'); }, 'dark');

View File

@ -7,7 +7,7 @@ interface TextURLProps {
function TextURL({ text, href }: TextURLProps) { function TextURL({ text, href }: TextURLProps) {
return ( return (
<Link className='font-bold hover:underline clr-url' to={href}> <Link className='font-bold hover:underline clr-text' to={href}>
{text} {text}
</Link> </Link>
); );

View File

@ -14,14 +14,14 @@ function UserTools() {
const navigateMyWork = () => navigate('/library?filter=personal'); const navigateMyWork = () => navigate('/library?filter=personal');
return ( return (
<div className='flex items-center px-2 border-r-2 border-gray-400 dark:border-gray-300'> <div className='flex items-center px-2 border-r-2 clr-border-nav'>
<span> <span>
{ user && { user &&
<NavigationButton <NavigationButton
description='Новая схема' description='Новая схема'
icon={<PlusIcon />} icon={<PlusIcon />}
onClick={navigateCreateRSForm} onClick={navigateCreateRSForm}
colorClass='text-blue-500 hover:text-blue-700 dark:text-orange-500 dark:hover:text-orange-300' colorClass='text-url'
/>} />}
{ !user && { !user &&
<NavigationButton id='items-nav-help' <NavigationButton id='items-nav-help'

View File

@ -42,6 +42,10 @@
@apply border-gray-300 dark:border-gray-400 @apply border-gray-300 dark:border-gray-400
} }
.clr-border-nav {
@apply border-gray-400 dark:border-gray-300
}
.clr-app { .clr-app {
@apply bg-gray-50 dark:bg-gray-800 @apply bg-gray-50 dark:bg-gray-800
} }
@ -55,7 +59,7 @@
} }
.clr-nav { .clr-nav {
@apply border-gray-400 dark:border-gray-300 bg-white dark:bg-gray-700 @apply border-gray-400 dark:border-gray-300 bg-white dark:bg-gray-900
} }
.clr-input { .clr-input {
@ -63,7 +67,7 @@
} }
.clr-footer { .clr-footer {
@apply text-gray-600 bg-white border-gray-400 dark:bg-gray-700 dark:border-gray-300 dark:text-gray-300 @apply text-gray-600 bg-white border-gray-400 dark:bg-gray-900 dark:border-gray-300 dark:text-gray-300
} }
.clr-card { .clr-card {
@ -102,7 +106,7 @@
@apply bg-white dark:bg-gray-900 checked:bg-blue-700 dark:checked:bg-orange-500 @apply bg-white dark:bg-gray-900 checked:bg-blue-700 dark:checked:bg-orange-500
} }
.clr-url { .text-url {
@apply hover:text-blue-600 text-blue-400 dark:text-orange-600 dark:hover:text-orange-400 @apply hover:text-blue-600 text-blue-400 dark:text-orange-600 dark:hover:text-orange-400
} }

View File

@ -75,7 +75,7 @@ function ViewLibrary({ schemas }: ViewLibraryProps) {
<span> | </span> <span> | </span>
<TextURL text='Все схемы' href='/library?filter=common'/> <TextURL text='Все схемы' href='/library?filter=common'/>
<span> | </span> <span> | </span>
<span className='cursor-pointer hover:underline clr-url' onClick={cleanQuery}> <span className='cursor-pointer hover:underline text-url' onClick={cleanQuery}>
<b>Очистить фильтр</b> <b>Очистить фильтр</b>
</span> </span>
</p> </p>