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}>
<div className='h-16'>
<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'>
<FormattedMessage

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

@ -1,5 +1,5 @@
[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] {

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'
className={
clsx('inline-flex items-center rounded px-2 py-1 text-xs font-medium capitalize', {
'bg-primary-200 text-primary-500': isMemberOwner,
'bg-gray-200 text-gray-900': isMemberAdmin,
'bg-primary-200 text-primary-500 dark:bg-primary-800 dark:text-primary-200': isMemberOwner,
'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 ? (
<>
<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
status={status}
@ -401,7 +401,7 @@ const Thread = (props: IThread) => {
</HotKeys>
{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>
);