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)'
},
background: {
default: '#002129'
},
context: {
background: '#3e014d',
text: 'rgba(228, 228, 231, 0.87)'
default: '#111827'
},
highlightOnHover: {
default: '#2d0138',
default: '#4d6080',
text: 'rgba(228, 228, 231, 1)'
},
divider: {
default: '#6b6b6b'
},
striped: {
default: '#003845',
default: '#374151',
text: 'rgba(228, 228, 231, 1)'
},
selected: {
default: '#4b015c',
default: '#4d6080',
text: 'rgba(228, 228, 231, 1)'
}
}, 'dark');

View File

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

View File

@ -14,14 +14,14 @@ function UserTools() {
const navigateMyWork = () => navigate('/library?filter=personal');
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>
{ user &&
<NavigationButton
description='Новая схема'
icon={<PlusIcon />}
onClick={navigateCreateRSForm}
colorClass='text-blue-500 hover:text-blue-700 dark:text-orange-500 dark:hover:text-orange-300'
colorClass='text-url'
/>}
{ !user &&
<NavigationButton id='items-nav-help'

View File

@ -42,6 +42,10 @@
@apply border-gray-300 dark:border-gray-400
}
.clr-border-nav {
@apply border-gray-400 dark:border-gray-300
}
.clr-app {
@apply bg-gray-50 dark:bg-gray-800
}
@ -55,7 +59,7 @@
}
.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 {
@ -63,7 +67,7 @@
}
.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 {
@ -102,7 +106,7 @@
@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
}

View File

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