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

Merge branch 'dark-mode-fixes' into 'develop'

Browse source 
Dark mode improvements

See merge request soapbox-pub/soapbox!2537
This commit is contained in:
Chewbacca 2023-06-02 14:28:36 +00:00
commit 8de2619ad1
4 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/soapbox/components/tombstone.tsx
View file

@ -21,7 +21,7 @@ const Tombstone: React.FC<ITombstone> = ({ id, onMoveUp, onMoveDown }) => {
<HotKeys handlers={handlers}> <HotKeys handlers={handlers}>
<div className='h-16'> <div className='h-16'>
<div <div
className='focusable flex h-[42px] items-center justify-center rounded-lg border-2 border-gray-200 text-center' className='focusable flex h-[42px] items-center justify-center rounded-lg border-2 border-gray-200 text-center dark:border-gray-800'
> >
<Text theme='muted'> <Text theme='muted'>
<FormattedMessage <FormattedMessage

2
app/soapbox/components/ui/menu/menu.css
View file

@ -1,5 +1,5 @@
[data-reach-menu-popover] { [data-reach-menu-popover] {
@apply origin-top-right rtl:origin-top-left absolute mt-2 rounded-md shadow-lg bg-white dark:bg-gray-900 dark:ring-2 dark:ring-primary-700 focus:outline-none z-[1003]; @apply origin-top-right rtl:origin-top-left absolute mt-2 rounded-md shadow-lg bg-white dark:bg-gray-900 dark:ring-2 dark:ring-gray-800 focus:outline-none z-[1003];
} }
[data-reach-menu-button] { [data-reach-menu-button] {

4
app/soapbox/features/group/components/group-member-list-item.tsx
View file

@ -195,8 +195,8 @@ const GroupMemberListItem = (props: IGroupMemberListItem) => {
data-testid='role-badge' data-testid='role-badge'
className={ className={
clsx('inline-flex items-center rounded px-2 py-1 text-xs font-medium capitalize', { clsx('inline-flex items-center rounded px-2 py-1 text-xs font-medium capitalize', {
'bg-primary-200 text-primary-500': isMemberOwner, 'bg-primary-200 text-primary-500 dark:bg-primary-800 dark:text-primary-200': isMemberOwner,
'bg-gray-200 text-gray-900': isMemberAdmin, 'bg-gray-200 text-gray-900 dark:bg-gray-800 dark:text-gray-100': isMemberAdmin,
}) })
} }
> >

4
app/soapbox/features/status/components/thread.tsx
View file

@ -387,7 +387,7 @@ const Thread = (props: IThread) => {
{!isUnderReview ? ( {!isUnderReview ? (
<> <>
<hr className='-mx-4 mb-2 max-w-[100vw] border-t-2 dark:border-primary-800' /> <hr className='-mx-4 mb-2 max-w-[100vw] border-t-2 dark:border-gray-800' />
<StatusActionBar <StatusActionBar
status={status} status={status}
@ -401,7 +401,7 @@ const Thread = (props: IThread) => {
</HotKeys> </HotKeys>
{hasDescendants && ( {hasDescendants && (
<hr className='-mx-4 mt-2 max-w-[100vw] border-t-2 dark:border-primary-800' /> <hr className='-mx-4 mt-2 max-w-[100vw] border-t-2 dark:border-gray-800' />
)} )}
</div> </div>
); );