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

fix: Improve readability of inline code in dark theme

Browse Source 
closes #5096
This commit is contained in:
Tom Moor
2023-03-27 20:03:42 -04:00
parent b5e7b7e3ef
commit e182dafeac
2 changed files with 4 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
shared/editor/components/Styles.ts
View File

@@ -63,12 +63,7 @@ math-inline .math-render {
math-inline .math-src .ProseMirror { math-inline .math-src .ProseMirror {
display: inline; display: inline;
border-radius: 4px;
border: 1px solid ${props.theme.codeBorder};
padding: 3px 4px;
margin: 0px 3px; margin: 0px 3px;
font-family: ${props.theme.fontFamilyMono};
font-size: 80%;
} }
math-block { math-block {
@@ -85,7 +80,7 @@ math-block.ProseMirror-selectednode {
background: ${props.theme.codeBackground}; background: ${props.theme.codeBackground};
padding: 0.75em 1em; padding: 0.75em 1em;
font-family: ${props.theme.fontFamilyMono}; font-family: ${props.theme.fontFamilyMono};
font-size: 80%; font-size: 90%;
} }
math-block .math-src .ProseMirror { math-block .math-src .ProseMirror {
@@ -876,13 +871,14 @@ hr.page-break:before {
border-top: 1px dashed ${props.theme.horizontalRule}; border-top: 1px dashed ${props.theme.horizontalRule};
} }
.math-inline .math-src .ProseMirror,
code { code {
border-radius: 4px; border-radius: 4px;
border: 1px solid ${props.theme.codeBorder}; border: 1px solid ${props.theme.codeBorder};
background: ${props.theme.codeBackground}; background: ${props.theme.codeBackground};
padding: 3px 4px; padding: 3px 4px;
font-family: ${props.theme.fontFamilyMono}; font-family: ${props.theme.fontFamilyMono};
font-size: 80%; font-size: 90%;
} }
mark { mark {

2
shared/styles/theme.ts
View File

@@ -229,7 +229,7 @@ export const buildDarkTheme = (input: Partial<Colors>): DefaultTheme => {
quote: colors.almostWhite, quote: colors.almostWhite,
code: colors.almostWhite, code: colors.almostWhite,
codeBackground: colors.black75, codeBackground: colors.black75,
codeBorder: colors.black50, codeBorder: colors.white10,
codeString: "#3d8fd1", codeString: "#3d8fd1",
embedBorder: colors.black50, embedBorder: colors.black50,
horizontalRule: lighten(0.1, colors.almostBlack), horizontalRule: lighten(0.1, colors.almostBlack),