Skip to content

Commit f9e54bc

Browse files
arcturus140Rokt33r
arcturus140
authored and
Rokt33r
committed
add styling for code
1 parent 667fd3a commit f9e54bc

File tree

2 files changed

+168
-3
lines changed

2 files changed

+168
-3
lines changed

‎browser/components/MarkdownPreview.js

Lines changed: 83 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -130,6 +130,89 @@ code {
130130
text-align: left;
131131
direction: ltr;
132132
}
133+
[data-theme="default"] p code,
134+
[data-theme="default"] li code{
135+
padding: 2px;
136+
background-color: #F4F4F4;
137+
border-width: 1px;
138+
border-style: solid;
139+
border-color: #d9d9d9;
140+
border-radius: 5px;
141+
color: #03C588;
142+
}
143+
[data-theme="white"] p code,
144+
[data-theme="white"] li code{
145+
padding: 2px;
146+
background-color: #F4F4F4;
147+
border-width: 1px;
148+
border-style: solid;
149+
border-color: #03C588;
150+
border-radius: 5px;
151+
color: #03C588;
152+
}
153+
[data-theme="dark"] p code,
154+
[data-theme="dark"] li code{
155+
padding: 2px;
156+
background-color: #444444;
157+
border-width: 1px;
158+
border-style: solid;
159+
border-color: #555;
160+
border-radius: 5px;
161+
color: #FFFFFF;
162+
}
163+
[data-theme="dracula"] p code,
164+
[data-theme="dracula"] li code{
165+
padding: 2px;
166+
background-color: #282a36;
167+
border-width: 1px;
168+
border-style: solid;
169+
border-color: #bd93f9;
170+
border-radius: 5px;
171+
color: #bd93f9;
172+
}
173+
[data-theme="monokai"] p code,
174+
[data-theme="monokai"] li code{
175+
padding: 2px;
176+
background-color: #272822;
177+
border-width: 1px;
178+
border-style: solid;
179+
border-color: #f92672;
180+
border-radius: 5px;
181+
color: #f92672;
182+
}
183+
[data-theme="nord"] p code,
184+
[data-theme="nord"] li code{
185+
padding: 2px;
186+
background-color: #2e3440;
187+
border-width: 1px;
188+
border-style: solid;
189+
border-color: #5e81ac;
190+
border-radius: 5px;
191+
color: #5e81ac;
192+
}
193+
[data-theme="solarized-dark"] p code,
194+
[data-theme="solarized-dark"] li code{
195+
padding: 2px;
196+
background-color: #073642;
197+
border-width: 1px;
198+
border-style: solid;
199+
border-color: #36abe3;
200+
border-radius: 5px;
201+
color: #36abe3;
202+
}
203+
[data-theme="vulcan"] p code,
204+
[data-theme="vulcan"] li code{
205+
padding: 2px;
206+
background-color: #161719;
207+
border-width: 1px;
208+
border-style: solid;
209+
border-color: #ffffff;
210+
border-radius: 5px;
211+
color: #ffffff;
212+
}
213+
214+
215+
133216
.lineNumber {
134217
${lineNumber && 'display: block !important;'}
135218
font-family: '${codeBlockFontFamily.join("','")}';

‎browser/main/lib/ConfigManager.js

Lines changed: 85 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,89 @@ const DEFAULT_MARKDOWN_LINT_CONFIG = `{
1616
"default": true
1717
}`
1818

19+
const DEFAULT_CSS_CONFIG = `
20+
/* Drop Your Custom CSS Code Here */
21+
[data-theme="default"] p code,
22+
[data-theme="default"] li code{
23+
padding: 2px;
24+
background-color: #F4F4F4;
25+
border-width: 1px;
26+
border-style: solid;
27+
border-color: #d9d9d9;
28+
border-radius: 5px;
29+
color: #03C588;
30+
}
31+
[data-theme="white"] p code,
32+
[data-theme="white"] li code{
33+
padding: 2px;
34+
background-color: #F4F4F4;
35+
border-width: 1px;
36+
border-style: solid;
37+
border-color: #03C588;
38+
border-radius: 5px;
39+
color: #03C588;
40+
}
41+
[data-theme="dark"] p code,
42+
[data-theme="dark"] li code{
43+
padding: 2px;
44+
background-color: #444444;
45+
border-width: 1px;
46+
border-style: solid;
47+
border-color: #555;
48+
border-radius: 5px;
49+
color: #FFFFFF;
50+
}
51+
[data-theme="dracula"] p code,
52+
[data-theme="dracula"] li code{
53+
padding: 2px;
54+
background-color: #282a36;
55+
border-width: 1px;
56+
border-style: solid;
57+
border-color: #bd93f9;
58+
border-radius: 5px;
59+
color: #bd93f9;
60+
}
61+
[data-theme="monokai"] p code,
62+
[data-theme="monokai"] li code{
63+
padding: 2px;
64+
background-color: #272822;
65+
border-width: 1px;
66+
border-style: solid;
67+
border-color: #f92672;
68+
border-radius: 5px;
69+
color: #f92672;
70+
}
71+
[data-theme="nord"] p code,
72+
[data-theme="nord"] li code{
73+
padding: 2px;
74+
background-color: #2e3440;
75+
border-width: 1px;
76+
border-style: solid;
77+
border-color: #5e81ac;
78+
border-radius: 5px;
79+
color: #5e81ac;
80+
}
81+
[data-theme="solarized-dark"] p code,
82+
[data-theme="solarized-dark"] li code{
83+
padding: 2px;
84+
background-color: #073642;
85+
border-width: 1px;
86+
border-style: solid;
87+
border-color: #36abe3;
88+
border-radius: 5px;
89+
color: #36abe3;
90+
}
91+
[data-theme="vulcan"] p code,
92+
[data-theme="vulcan"] li code{
93+
padding: 2px;
94+
background-color: #161719;
95+
border-width: 1px;
96+
border-style: solid;
97+
border-color: #ffffff;
98+
border-radius: 5px;
99+
color: #ffffff;
100+
}`
101+
19102
export const DEFAULT_CONFIG = {
20103
zoom: 1,
21104
isSideNavFolded: false,
@@ -83,7 +166,7 @@ export const DEFAULT_CONFIG = {
83166
enableSmartPaste: false,
84167
enableMarkdownLint: false,
85168
customMarkdownLintConfig: DEFAULT_MARKDOWN_LINT_CONFIG,
86-
prettierConfig: ` {
169+
prettierConfig: `{
87170
"trailingComma": "es5",
88171
"tabWidth": 2,
89172
"semi": false,
@@ -108,8 +191,7 @@ export const DEFAULT_CONFIG = {
108191
breaks: true,
109192
smartArrows: false,
110193
allowCustomCSS: false,
111-
112-
customCSS: '/* Drop Your Custom CSS Code Here */',
194+
customCSS: DEFAULT_CSS_CONFIG,
113195
sanitize: 'STRICT', // 'STRICT', 'ALLOW_STYLES', 'NONE'
114196
mermaidHTMLLabel: false,
115197
lineThroughCheckbox: true

0 commit comments

Comments
 (0)