refactor(v2): add support for dark mode to live code blocks

facebook · May 17, 2020 · 963bc2c · 963bc2c
1 parent 463efec
commit 963bc2c
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/packages/docusaurus-theme-live-codeblock/src/theme/Playground/styles.module.css b/packages/docusaurus-theme-live-codeblock/src/theme/Playground/styles.module.css
@@ -13,17 +13,17 @@
 }
 
 .playgroundEditorHeader {
- background: rgb(32, 35, 42);
- color: #999;
+ background: var(--ifm-color-emphasis-600);
+ color: var(--ifm-color-content-inverse);
 }
 
 .playgroundPreviewHeader {
- background: rgb(236, 236, 236);
- color: rgb(109, 109, 109);
+ background: var(--ifm-color-emphasis-200);
+ color: var(--ifm-color-content);
 }
 
 .playgroundPreview {
- border: 1px solid #f0f0f0;
+ border: 1px solid var(--ifm-color-emphasis-200);
  border-bottom-left-radius: var(--ifm-global-radius);
  border-bottom-right-radius: var(--ifm-global-radius);
  position: relative;