From 963bc2ce29832fc4c1ae82679dee1e850df00759 Mon Sep 17 00:00:00 2001
From: Alexey Pyltsyn <lex61rus@gmail.com>
Date: Mon, 18 May 2020 02:43:27 +0300
Subject: [PATCH] refactor(v2): add support for dark mode to live code blocks

---
 .../src/theme/Playground/styles.module.css             | 10 +++++-----
 1 file changed, 5 insertions(+), 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
index 1e2273765175..36a521621a83 100644
--- 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;