yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: Scrollbar styling

Browse Source 
closes #1665
This commit is contained in:
Tom Moor
2020-11-21 16:16:38 -08:00
parent 6b511e4251
commit 44ca447185
2 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/components/Editor.js
View File

@@ -92,6 +92,10 @@ const StyledEditor = styled(RichMarkdownEditor)`
transition: ${(props) => props.theme.backgroundTransition}; transition: ${(props) => props.theme.backgroundTransition};
} }
& * {
box-sizing: content-box;
}
.notice-block.tip, .notice-block.tip,
.notice-block.warning { .notice-block.warning {
font-weight: 500; font-weight: 500;

6
shared/styles/theme.js
View File

@@ -166,6 +166,9 @@ export const light = {
noticeInfoBackground: colors.warmGrey, noticeInfoBackground: colors.warmGrey,
noticeInfoText: colors.almostBlack, noticeInfoText: colors.almostBlack,
scrollbarBackground: colors.smoke,
scrollbarThumb: darken(0.15, colors.smokeDark),
}; };
export const dark = { export const dark = {
@@ -222,6 +225,9 @@ export const dark = {
noticeInfoBackground: colors.white10, noticeInfoBackground: colors.white10,
noticeInfoText: colors.almostWhite, noticeInfoText: colors.almostWhite,
scrollbarBackground: colors.black,
scrollbarThumb: colors.lightBlack,
}; };
export default light; export default light;