mirror/outline
1
0
Fork 0
mirror of https://github.com/outline/outline.git synced 2025-12-30 07:19:52 -06:00
Code Issues 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 {
display: inline;
border-radius: 4px;
border: 1px solid ${props.theme.codeBorder};
padding: 3px 4px;
margin: 0px 3px;
font-family: ${props.theme.fontFamilyMono};
font-size: 80%;
}
math-block {
@@ -85,7 +80,7 @@ math-block.ProseMirror-selectednode {
background: ${props.theme.codeBackground};
padding: 0.75em 1em;
font-family: ${props.theme.fontFamilyMono};
font-size: 80%;
font-size: 90%;
}
math-block .math-src .ProseMirror {
@@ -876,13 +871,14 @@ hr.page-break:before {
border-top: 1px dashed ${props.theme.horizontalRule};
}
.math-inline .math-src .ProseMirror,
code {
border-radius: 4px;
border: 1px solid ${props.theme.codeBorder};
background: ${props.theme.codeBackground};
padding: 3px 4px;
font-family: ${props.theme.fontFamilyMono};
font-size: 80%;
font-size: 90%;
}
mark {

2
shared/styles/theme.ts
View File

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