public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 01:36:22 +00:00
Code Issues Releases Wiki Activity

add styling for code

Browse Source
This commit is contained in:
Arcturus
2020-02-14 21:44:46 +00:00
committed by Junyoung Choi
parent 667fd3a601
commit f9e54bcbfc
2 changed files with 168 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
browser/components/MarkdownPreview.js
View File

@@ -130,6 +130,89 @@ code {
text-align: left;
direction: ltr;
}
[data-theme="default"] p code,
[data-theme="default"] li code{
padding: 2px;
background-color: #F4F4F4;
border-width: 1px;
border-style: solid;
border-color: #d9d9d9;
border-radius: 5px;
color: #03C588;
}
[data-theme="white"] p code,
[data-theme="white"] li code{
padding: 2px;
background-color: #F4F4F4;
border-width: 1px;
border-style: solid;
border-color: #03C588;
border-radius: 5px;
color: #03C588;
}
[data-theme="dark"] p code,
[data-theme="dark"] li code{
padding: 2px;
background-color: #444444;
border-width: 1px;
border-style: solid;
border-color: #555;
border-radius: 5px;
color: #FFFFFF;
}
[data-theme="dracula"] p code,
[data-theme="dracula"] li code{
padding: 2px;
background-color: #282a36;
border-width: 1px;
border-style: solid;
border-color: #bd93f9;
border-radius: 5px;
color: #bd93f9;
}
[data-theme="monokai"] p code,
[data-theme="monokai"] li code{
padding: 2px;
background-color: #272822;
border-width: 1px;
border-style: solid;
border-color: #f92672;
border-radius: 5px;
color: #f92672;
}
[data-theme="nord"] p code,
[data-theme="nord"] li code{
padding: 2px;
background-color: #2e3440;
border-width: 1px;
border-style: solid;
border-color: #5e81ac;
border-radius: 5px;
color: #5e81ac;
}
[data-theme="solarized-dark"] p code,
[data-theme="solarized-dark"] li code{
padding: 2px;
background-color: #073642;
border-width: 1px;
border-style: solid;
border-color: #36abe3;
border-radius: 5px;
color: #36abe3;
}
[data-theme="vulcan"] p code,
[data-theme="vulcan"] li code{
padding: 2px;
background-color: #161719;
border-width: 1px;
border-style: solid;
border-color: #ffffff;
border-radius: 5px;
color: #ffffff;
}
.lineNumber {
${lineNumber && 'display: block !important;'}
font-family: '${codeBlockFontFamily.join("','")}';

88
browser/main/lib/ConfigManager.js
View File

@@ -16,6 +16,89 @@ const DEFAULT_MARKDOWN_LINT_CONFIG = `{
"default": true
}`
const DEFAULT_CSS_CONFIG = `
/* Drop Your Custom CSS Code Here */
[data-theme="default"] p code,
[data-theme="default"] li code{
padding: 2px;
background-color: #F4F4F4;
border-width: 1px;
border-style: solid;
border-color: #d9d9d9;
border-radius: 5px;
color: #03C588;
}
[data-theme="white"] p code,
[data-theme="white"] li code{
padding: 2px;
background-color: #F4F4F4;
border-width: 1px;
border-style: solid;
border-color: #03C588;
border-radius: 5px;
color: #03C588;
}
[data-theme="dark"] p code,
[data-theme="dark"] li code{
padding: 2px;
background-color: #444444;
border-width: 1px;
border-style: solid;
border-color: #555;
border-radius: 5px;
color: #FFFFFF;
}
[data-theme="dracula"] p code,
[data-theme="dracula"] li code{
padding: 2px;
background-color: #282a36;
border-width: 1px;
border-style: solid;
border-color: #bd93f9;
border-radius: 5px;
color: #bd93f9;
}
[data-theme="monokai"] p code,
[data-theme="monokai"] li code{
padding: 2px;
background-color: #272822;
border-width: 1px;
border-style: solid;
border-color: #f92672;
border-radius: 5px;
color: #f92672;
}
[data-theme="nord"] p code,
[data-theme="nord"] li code{
padding: 2px;
background-color: #2e3440;
border-width: 1px;
border-style: solid;
border-color: #5e81ac;
border-radius: 5px;
color: #5e81ac;
}
[data-theme="solarized-dark"] p code,
[data-theme="solarized-dark"] li code{
padding: 2px;
background-color: #073642;
border-width: 1px;
border-style: solid;
border-color: #36abe3;
border-radius: 5px;
color: #36abe3;
}
[data-theme="vulcan"] p code,
[data-theme="vulcan"] li code{
padding: 2px;
background-color: #161719;
border-width: 1px;
border-style: solid;
border-color: #ffffff;
border-radius: 5px;
color: #ffffff;
}`
export const DEFAULT_CONFIG = {
zoom: 1,
isSideNavFolded: false,
@@ -83,7 +166,7 @@ export const DEFAULT_CONFIG = {
enableSmartPaste: false,
enableMarkdownLint: false,
customMarkdownLintConfig: DEFAULT_MARKDOWN_LINT_CONFIG,
prettierConfig: ` {
prettierConfig: `{
"trailingComma": "es5",
"tabWidth": 2,
"semi": false,
@@ -108,8 +191,7 @@ export const DEFAULT_CONFIG = {
breaks: true,
smartArrows: false,
allowCustomCSS: false,
customCSS: '/* Drop Your Custom CSS Code Here */',
customCSS: DEFAULT_CSS_CONFIG,
sanitize: 'STRICT', // 'STRICT', 'ALLOW_STYLES', 'NONE'
mermaidHTMLLabel: false,
lineThroughCheckbox: true