Просмотр исходного кода

add custom codeblock module scss

ryoji-s 3 лет назад
Родитель
Сommit
187d1c79d2

+ 20 - 0
packages/app/src/components/ReactMarkdownComponents/CodeBlock.module.scss

@@ -13,3 +13,23 @@
   border-radius: bs.$border-radius;
   opacity: 0.8;
 }
+
+// Match react-syntax-highlighter library's oneDark style
+.code-block {
+  padding: 1em;
+  margin: 0.5em 0px;
+  overflow: auto;
+  // text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; // Comment out because it stands out when highlighted.
+  font-family:'Fira Code', 'Fira Mono', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
+  hyphens: none;
+  line-height: 1.5;
+  color: rgb(171, 178, 191);
+  text-align: left;
+  word-break: normal;
+  tab-size: 2;
+  white-space: pre;
+  background-color: rgb(40, 44, 52);
+  border-radius: 0.3em;
+  word-spacing: normal;
+  direction: ltr;
+}