nickzuber/meteorite
1
1
Fork 0
mirror of https://github.com/nickzuber/meteorite.git synced 2024-10-26 11:21:18 +03:00
Code Issues Packages Projects Releases Wiki Activity

More dark mode quirks

Browse Source
This commit is contained in:
Nicholas Zuber 2019-12-12 22:56:21 -05:00
parent bd50127518
commit 1e280c4dd6
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/NotificationsRedesign/redesign/Scene.js
View File

@ -784,13 +784,13 @@ export default function Scene ({
<>
<span css={css`
font-size: 13px;
color: #797d8c;
color: ${darkMode ? DarkTheme.Gray : '#797d8c'};
font-weight: 500;
vertical-align: text-top;
margin-right: 8px;
span {
font-size: 13px;
color: #37352f;
color: ${darkMode ? WHITE : '#37352f'};
font-weight: 600;
vertical-align: text-top;
}

6
src/pages/NotificationsRedesign/redesign/ui/ui.js
View File

@ -842,17 +842,17 @@ export const IconLink = enhance(styled('span')(p => `
}
`));
export const Divider = enhance(styled('div')`
export const Divider = enhance(styled('div')(p => `
position: relative;
display: inline-block;
background: #e5e6eb;
background: ${p.dark ? '#bfc5d150' : '#e5e6eb'};
height: 28px;
width: 2px;
margin: 0 8px;
@media (max-width: ${WIDTH_FOR_SMALL_SCREENS}) {
display: none;
}
`);
`));
export const Connector = enhance(styled('div')(p => `
position: absolute;