From ac2cfe516943c8a1921d86fc3b150a300cdfd563 Mon Sep 17 00:00:00 2001 From: Junyoung Choi Date: Wed, 15 Apr 2020 23:59:12 +0900 Subject: [PATCH 1/9] Fix themeManager --- tests/lib/themeManager.test.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/tests/lib/themeManager.test.js b/tests/lib/themeManager.test.js index d24f4937..f388fea9 100644 --- a/tests/lib/themeManager.test.js +++ b/tests/lib/themeManager.test.js @@ -12,7 +12,7 @@ const originalDate = Date let context = {} beforeAll(() => { - const constantDate = new Date('2017-11-27T14:33:42Z') + const constantDate = new Date('2017-11-27T14:33:42') global.Date = class extends Date { constructor() { super() From 461e24bf39630b0807632e901a72ae7678cddcd6 Mon Sep 17 00:00:00 2001 From: Junyoung Choi Date: Thu, 16 Apr 2020 00:07:45 +0900 Subject: [PATCH 2/9] Fix regex --- .../main/lib/dataApi/attachmentManagement.js | 40 +++++++++++-------- 1 file changed, 23 insertions(+), 17 deletions(-) diff --git a/browser/main/lib/dataApi/attachmentManagement.js b/browser/main/lib/dataApi/attachmentManagement.js index f59a7ef3..48500f4a 100644 --- a/browser/main/lib/dataApi/attachmentManagement.js +++ b/browser/main/lib/dataApi/attachmentManagement.js @@ -713,24 +713,30 @@ function replaceNoteKeyWithNewNoteKey(noteContent, oldNoteKey, newNoteKey) { */ function removeStorageAndNoteReferences(input, noteKey) { return input.replace( - new RegExp('/?' + STORAGE_FOLDER_PLACEHOLDER + '.*?("|])', 'g'), + new RegExp('/?' + STORAGE_FOLDER_PLACEHOLDER + '.*?("|\\))', 'g'), function(match) { - const temp = match - .replace(new RegExp(mdurl.encode(path.win32.sep), 'g'), path.sep) - .replace(new RegExp(mdurl.encode(path.posix.sep), 'g'), path.sep) - .replace(new RegExp(escapeStringRegexp(path.win32.sep), 'g'), path.sep) - .replace(new RegExp(escapeStringRegexp(path.posix.sep), 'g'), path.sep) - return temp.replace( - new RegExp( - STORAGE_FOLDER_PLACEHOLDER + - '(' + - escapeStringRegexp(path.sep) + - noteKey + - ')?', - 'g' - ), - DESTINATION_FOLDER - ) + return match + .replace(new RegExp(mdurl.encode(path.win32.sep), 'g'), path.posix.sep) + .replace(new RegExp(mdurl.encode(path.posix.sep), 'g'), path.posix.sep) + .replace( + new RegExp(escapeStringRegexp(path.win32.sep), 'g'), + path.posix.sep + ) + .replace( + new RegExp(escapeStringRegexp(path.posix.sep), 'g'), + path.posix.sep + ) + .replace( + new RegExp( + STORAGE_FOLDER_PLACEHOLDER + + '(' + + escapeStringRegexp(path.sep) + + noteKey + + ')?', + 'g' + ), + DESTINATION_FOLDER + ) } ) } From 667fd3a60184e55d7ed360960938fd3382f42338 Mon Sep 17 00:00:00 2001 From: Junyoung Choi Date: Thu, 16 Apr 2020 00:08:01 +0900 Subject: [PATCH 3/9] Fix test --- tests/dataApi/attachmentManagement.test.js | 26 +++++++++++----------- 1 file changed, 13 insertions(+), 13 deletions(-) diff --git a/tests/dataApi/attachmentManagement.test.js b/tests/dataApi/attachmentManagement.test.js index 2759445c..1bad1e89 100644 --- a/tests/dataApi/attachmentManagement.test.js +++ b/tests/dataApi/attachmentManagement.test.js @@ -685,19 +685,19 @@ it('should remove the all ":storage" and noteKey references', function() { '

\n' + ' dummyImage.png\n' + '

\n' + '

\n' + ' dummyPDF.pdf\n' + '

\n' + '

\n' + ' dummyImage2.jpg\n' + '

\n' + ' \n' + @@ -713,29 +713,29 @@ it('should make sure that "removeStorageAndNoteReferences" works with markdown c const noteKey = 'noteKey' const testInput = 'Test input' + - '![' + + '![imageName](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.win32.sep + noteKey + path.win32.sep + - 'image.jpg](imageName}) \n' + - '[' + + 'image.jpg) \n' + + '[pdf](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.posix.sep + noteKey + path.posix.sep + - 'pdf.pdf](pdf})' + 'pdf.pdf)' const expectedOutput = 'Test input' + - '![' + + '![imageName](' + systemUnderTest.DESTINATION_FOLDER + - path.sep + - 'image.jpg](imageName}) \n' + - '[' + + path.posix.sep + + 'image.jpg) \n' + + '[pdf](' + systemUnderTest.DESTINATION_FOLDER + - path.sep + - 'pdf.pdf](pdf})' + path.posix.sep + + 'pdf.pdf)' const actual = systemUnderTest.removeStorageAndNoteReferences( testInput, noteKey From f9e54bcbfc9f2108eb081643c983b2d990d50781 Mon Sep 17 00:00:00 2001 From: Arcturus Date: Fri, 14 Feb 2020 21:44:46 +0000 Subject: [PATCH 4/9] add styling for code --- browser/components/MarkdownPreview.js | 83 +++++++++++++++++++++++++ browser/main/lib/ConfigManager.js | 88 ++++++++++++++++++++++++++- 2 files changed, 168 insertions(+), 3 deletions(-) diff --git a/browser/components/MarkdownPreview.js b/browser/components/MarkdownPreview.js index d75d8f6f..0ff6a1e8 100755 --- a/browser/components/MarkdownPreview.js +++ b/browser/components/MarkdownPreview.js @@ -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("','")}'; diff --git a/browser/main/lib/ConfigManager.js b/browser/main/lib/ConfigManager.js index 8516a7fc..68fbc341 100644 --- a/browser/main/lib/ConfigManager.js +++ b/browser/main/lib/ConfigManager.js @@ -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 From 2194965dc465db51bf00fd4282a1563fa4fe8122 Mon Sep 17 00:00:00 2001 From: Arcturus Date: Sun, 16 Feb 2020 10:39:41 +0000 Subject: [PATCH 5/9] remove hard coded styling --- browser/components/MarkdownPreview.js | 83 --------------------------- 1 file changed, 83 deletions(-) diff --git a/browser/components/MarkdownPreview.js b/browser/components/MarkdownPreview.js index 0ff6a1e8..d75d8f6f 100755 --- a/browser/components/MarkdownPreview.js +++ b/browser/components/MarkdownPreview.js @@ -130,89 +130,6 @@ 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("','")}'; From e756534db41a7b183257e4be929402d75b0e28d2 Mon Sep 17 00:00:00 2001 From: Arcturus Date: Sun, 16 Feb 2020 22:05:45 +0000 Subject: [PATCH 6/9] refactoring --- browser/main/lib/ConfigManager.js | 62 ++++++++++++------------------- 1 file changed, 23 insertions(+), 39 deletions(-) diff --git a/browser/main/lib/ConfigManager.js b/browser/main/lib/ConfigManager.js index 68fbc341..89dd916a 100644 --- a/browser/main/lib/ConfigManager.js +++ b/browser/main/lib/ConfigManager.js @@ -18,84 +18,68 @@ const DEFAULT_MARKDOWN_LINT_CONFIG = `{ const DEFAULT_CSS_CONFIG = ` /* Drop Your Custom CSS Code Here */ -[data-theme="default"] p code, -[data-theme="default"] li code{ +p code, +li code +{ padding: 2px; - background-color: #F4F4F4; border-width: 1px; border-style: solid; - border-color: #d9d9d9; border-radius: 5px; +} +[data-theme="default"] p code, +[data-theme="default"] li code +{ + background-color: #F4F4F4; + border-color: #d9d9d9; color: #03C588; } [data-theme="white"] p code, -[data-theme="white"] li code{ - padding: 2px; +[data-theme="white"] li code +{ 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; +[data-theme="dark"] li code +{ 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; +[data-theme="dracula"] li code +{ 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; +[data-theme="monokai"] li code +{ 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; +[data-theme="nord"] li code +{ 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; +[data-theme="solarized-dark"] li code +{ 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; +[data-theme="vulcan"] li code +{ background-color: #161719; - border-width: 1px; - border-style: solid; border-color: #ffffff; - border-radius: 5px; color: #ffffff; }` From 0de78d12ef2da67321b38f40e03029c8507cd642 Mon Sep 17 00:00:00 2001 From: Arcturus Date: Sat, 22 Feb 2020 09:59:37 +0000 Subject: [PATCH 7/9] add hard coded styling --- browser/components/MarkdownPreview.js | 66 +++++++++++++++++++++++++++ 1 file changed, 66 insertions(+) diff --git a/browser/components/MarkdownPreview.js b/browser/components/MarkdownPreview.js index d75d8f6f..473758bf 100755 --- a/browser/components/MarkdownPreview.js +++ b/browser/components/MarkdownPreview.js @@ -130,6 +130,72 @@ code { text-align: left; direction: ltr; } + +p code, +li code +{ + padding: 2px; + border-width: 1px; + border-style: solid; + border-radius: 5px; +} +[data-theme="default"] p code, +[data-theme="default"] li code +{ + background-color: #F4F4F4; + border-color: #d9d9d9; + color: #03C588; +} +[data-theme="white"] p code, +[data-theme="white"] li code +{ + background-color: #F4F4F4; + border-color: #03C588; + color: #03C588; +} +[data-theme="dark"] p code, +[data-theme="dark"] li code +{ + background-color: #444444; + border-color: #555; + color: #FFFFFF; +} +[data-theme="dracula"] p code, +[data-theme="dracula"] li code +{ + background-color: #282a36; + border-color: #bd93f9; + color: #bd93f9; +} +[data-theme="monokai"] p code, +[data-theme="monokai"] li code +{ + background-color: #272822; + border-color: #f92672; + color: #f92672; +} +[data-theme="nord"] p code, +[data-theme="nord"] li code +{ + background-color: #2e3440; + border-color: #5e81ac; + color: #5e81ac; +} +[data-theme="solarized-dark"] p code, +[data-theme="solarized-dark"] li code +{ + background-color: #073642; + border-color: #36abe3; + color: #36abe3; +} +[data-theme="vulcan"] p code, +[data-theme="vulcan"] li code +{ + background-color: #161719; + border-color: #ffffff; + color: #ffffff; +} + .lineNumber { ${lineNumber && 'display: block !important;'} font-family: '${codeBlockFontFamily.join("','")}'; From 4def32ab137ebb6744a15e424e5fa9d6e2bbb5ee Mon Sep 17 00:00:00 2001 From: Arcturus Date: Sat, 22 Feb 2020 10:14:42 +0000 Subject: [PATCH 8/9] add style rule for table --- browser/components/MarkdownPreview.js | 27 ++++++++---- browser/main/lib/ConfigManager.js | 59 ++------------------------- 2 files changed, 22 insertions(+), 64 deletions(-) diff --git a/browser/components/MarkdownPreview.js b/browser/components/MarkdownPreview.js index 473758bf..e994f253 100755 --- a/browser/components/MarkdownPreview.js +++ b/browser/components/MarkdownPreview.js @@ -132,7 +132,8 @@ code { } p code, -li code +li code, +td code { padding: 2px; border-width: 1px; @@ -140,56 +141,64 @@ li code border-radius: 5px; } [data-theme="default"] p code, -[data-theme="default"] li code +[data-theme="default"] li code, +[data-theme="default"] td code { background-color: #F4F4F4; border-color: #d9d9d9; color: #03C588; } [data-theme="white"] p code, -[data-theme="white"] li code +[data-theme="white"] li code, +[data-theme="white"] td code { background-color: #F4F4F4; border-color: #03C588; color: #03C588; } [data-theme="dark"] p code, -[data-theme="dark"] li code +[data-theme="dark"] li code, +[data-theme="dark"] td code { background-color: #444444; border-color: #555; color: #FFFFFF; } [data-theme="dracula"] p code, -[data-theme="dracula"] li code +[data-theme="dracula"] li code, +[data-theme="dracula"] td code { background-color: #282a36; border-color: #bd93f9; color: #bd93f9; } [data-theme="monokai"] p code, -[data-theme="monokai"] li code +[data-theme="monokai"] li code, +[data-theme="monokai"] td code { background-color: #272822; border-color: #f92672; color: #f92672; } [data-theme="nord"] p code, -[data-theme="nord"] li code +[data-theme="nord"] li code, +[data-theme="nord"] td code { background-color: #2e3440; border-color: #5e81ac; color: #5e81ac; } [data-theme="solarized-dark"] p code, -[data-theme="solarized-dark"] li code +[data-theme="solarized-dark"] li code, +[data-theme="solarized-dark"] td code { background-color: #073642; border-color: #36abe3; color: #36abe3; } [data-theme="vulcan"] p code, -[data-theme="vulcan"] li code +[data-theme="vulcan"] li code, +[data-theme="vulcan"] td code { background-color: #161719; border-color: #ffffff; diff --git a/browser/main/lib/ConfigManager.js b/browser/main/lib/ConfigManager.js index 89dd916a..81c2cbb7 100644 --- a/browser/main/lib/ConfigManager.js +++ b/browser/main/lib/ConfigManager.js @@ -18,70 +18,19 @@ const DEFAULT_MARKDOWN_LINT_CONFIG = `{ const DEFAULT_CSS_CONFIG = ` /* Drop Your Custom CSS Code Here */ -p code, -li code +[data-theme="default"] p code, +[data-theme="default"] li code, +[data-theme="default"] td code { padding: 2px; border-width: 1px; border-style: solid; border-radius: 5px; -} -[data-theme="default"] p code, -[data-theme="default"] li code -{ background-color: #F4F4F4; border-color: #d9d9d9; color: #03C588; } -[data-theme="white"] p code, -[data-theme="white"] li code -{ - background-color: #F4F4F4; - border-color: #03C588; - color: #03C588; -} -[data-theme="dark"] p code, -[data-theme="dark"] li code -{ - background-color: #444444; - border-color: #555; - color: #FFFFFF; -} -[data-theme="dracula"] p code, -[data-theme="dracula"] li code -{ - background-color: #282a36; - border-color: #bd93f9; - color: #bd93f9; -} -[data-theme="monokai"] p code, -[data-theme="monokai"] li code -{ - background-color: #272822; - border-color: #f92672; - color: #f92672; -} -[data-theme="nord"] p code, -[data-theme="nord"] li code -{ - background-color: #2e3440; - border-color: #5e81ac; - color: #5e81ac; -} -[data-theme="solarized-dark"] p code, -[data-theme="solarized-dark"] li code -{ - background-color: #073642; - border-color: #36abe3; - color: #36abe3; -} -[data-theme="vulcan"] p code, -[data-theme="vulcan"] li code -{ - background-color: #161719; - border-color: #ffffff; - color: #ffffff; -}` +` export const DEFAULT_CONFIG = { zoom: 1, From b56e0b98e3035f7e1bde86ef40dd4ca9f6ab9979 Mon Sep 17 00:00:00 2001 From: Junyoung Choi Date: Thu, 16 Apr 2020 00:41:54 +0900 Subject: [PATCH 9/9] Use netral color --- browser/components/MarkdownPreview.js | 36 +++++++++++++-------------- 1 file changed, 18 insertions(+), 18 deletions(-) diff --git a/browser/components/MarkdownPreview.js b/browser/components/MarkdownPreview.js index e994f253..9ddea318 100755 --- a/browser/components/MarkdownPreview.js +++ b/browser/components/MarkdownPreview.js @@ -146,15 +146,15 @@ td code { background-color: #F4F4F4; border-color: #d9d9d9; - color: #03C588; + color: inherit; } [data-theme="white"] p code, [data-theme="white"] li code, [data-theme="white"] td code { background-color: #F4F4F4; - border-color: #03C588; - color: #03C588; + border-color: #d9d9d9; + color: inherit; } [data-theme="dark"] p code, [data-theme="dark"] li code, @@ -168,41 +168,41 @@ td code [data-theme="dracula"] li code, [data-theme="dracula"] td code { - background-color: #282a36; - border-color: #bd93f9; - color: #bd93f9; + background-color: #444444; + border-color: #555; + color: #FFFFFF; } [data-theme="monokai"] p code, [data-theme="monokai"] li code, [data-theme="monokai"] td code { - background-color: #272822; - border-color: #f92672; - color: #f92672; + background-color: #444444; + border-color: #555; + color: #FFFFFF; } [data-theme="nord"] p code, [data-theme="nord"] li code, [data-theme="nord"] td code { - background-color: #2e3440; - border-color: #5e81ac; - color: #5e81ac; + background-color: #444444; + border-color: #555; + color: #FFFFFF; } [data-theme="solarized-dark"] p code, [data-theme="solarized-dark"] li code, [data-theme="solarized-dark"] td code { - background-color: #073642; - border-color: #36abe3; - color: #36abe3; + background-color: #444444; + border-color: #555; + color: #FFFFFF; } [data-theme="vulcan"] p code, [data-theme="vulcan"] li code, [data-theme="vulcan"] td code { - background-color: #161719; - border-color: #ffffff; - color: #ffffff; + background-color: #444444; + border-color: #555; + color: #FFFFFF; } .lineNumber {