bigbuffet/pleroma
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve dark mode

Browse source
This commit is contained in:
Justin 2022-08-24 09:20:25 -04:00
parent badafd9851
commit 2fded6daa9
3 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/soapbox/components/ui/button/useButtonStyles.ts
View file

@ -24,7 +24,7 @@ const useButtonStyles = ({
'border-transparent bg-primary-100 dark:bg-primary-800 hover:bg-primary-50 dark:hover:bg-primary-700 focus:bg-primary-100 dark:focus:bg-primary-800 text-primary-500 dark:text-primary-200', 'border-transparent bg-primary-100 dark:bg-primary-800 hover:bg-primary-50 dark:hover:bg-primary-700 focus:bg-primary-100 dark:focus:bg-primary-800 text-primary-500 dark:text-primary-200',
tertiary: tertiary:
'bg-transparent border-gray-400 dark:border-gray-800 hover:border-primary-300 dark:hover:border-primary-700 focus:border-primary-500 text-gray-900 dark:text-gray-100 focus:ring-primary-500', 'bg-transparent border-gray-400 dark:border-gray-800 hover:border-primary-300 dark:hover:border-primary-700 focus:border-primary-500 text-gray-900 dark:text-gray-100 focus:ring-primary-500',
accent: 'border-transparent bg-secondary-500 hover:bg-secondary-300 focus:bg-secondary-500 text-gray-100 focus:ring-secondary-300', accent: 'border-transparent bg-secondary-500 hover:bg-secondary-400 focus:bg-secondary-500 text-gray-100 focus:ring-secondary-300',
danger: 'border-transparent bg-danger-600 text-gray-100 hover:bg-danger-500 dark:hover:bg-danger-700 focus:bg-danger-600 dark:focus:bg-danger-600', danger: 'border-transparent bg-danger-600 text-gray-100 hover:bg-danger-500 dark:hover:bg-danger-700 focus:bg-danger-600 dark:focus:bg-danger-600',
transparent: 'border-transparent text-gray-800 backdrop-blur-sm bg-white/75 hover:bg-white/80', transparent: 'border-transparent text-gray-800 backdrop-blur-sm bg-white/75 hover:bg-white/80',
outline: 'border-gray-100 border-2 bg-transparent text-gray-100 hover:bg-white/10', outline: 'border-gray-100 border-2 bg-transparent text-gray-100 hover:bg-white/10',

2
app/soapbox/features/feed-suggestions/feed-suggestions.tsx
View file

@ -71,7 +71,7 @@ const FeedSuggestions = () => {
<Link <Link
to='/suggestions' to='/suggestions'
className='text-primary-600 dark:text-primary-400 hover:underline' className='text-primary-600 dark:text-accent-blue hover:underline'
> >
{intl.formatMessage(messages.viewAll)} {intl.formatMessage(messages.viewAll)}
</Link> </Link>

4
app/soapbox/features/ui/components/profile_info_panel.tsx
View file

@ -79,7 +79,7 @@ const ProfileInfoPanel: React.FC<IProfileInfoPanel> = ({ account, username }) =>
const formattedBirthday = intl.formatDate(birthday, { timeZone: 'UTC', day: 'numeric', month: 'long', year: 'numeric' }); const formattedBirthday = intl.formatDate(birthday, { timeZone: 'UTC', day: 'numeric', month: 'long', year: 'numeric' });
const date = new Date(birthday); const date = new Date(birthday);
const today = new Date(); const today = new Date();
const hasBirthday = date.getDate() === today.getDate() && date.getMonth() === today.getMonth(); const hasBirthday = date.getDate() === today.getDate() && date.getMonth() === today.getMonth();
@ -212,7 +212,7 @@ const ProfileInfoPanel: React.FC<IProfileInfoPanel> = ({ account, username }) =>
<div className='max-w-[300px]'> <div className='max-w-[300px]'>
<Text size='sm' truncate> <Text size='sm' truncate>
{isSafeUrl(account.website) ? ( {isSafeUrl(account.website) ? (
<a className='text-primary-600 dark:text-primary-400 hover:underline' href={account.website} target='_blank'>{account.website}</a> <a className='text-primary-600 dark:text-accent-blue hover:underline' href={account.website} target='_blank'>{account.website}</a>
) : ( ) : (
account.website account.website
)} )}