From b68a395e33bc3a9aa2de73129a49c1ef7f30e778 Mon Sep 17 00:00:00 2001
From: ajuner <106791576@qq.com>
Date: Wed, 6 Apr 2022 15:17:34 +0800
Subject: [PATCH] docs: perf dark (#5440)

Co-authored-by: caijun <caijun@gumingnc.com>
---
 components/grid/demo/playfround.vue | 4 ++++
 components/steps/demo/step-next.vue | 5 +++++
 2 files changed, 9 insertions(+)

diff --git a/components/grid/demo/playfround.vue b/components/grid/demo/playfround.vue
index d0950bc21..f1cda41e0 100644
--- a/components/grid/demo/playfround.vue
+++ b/components/grid/demo/playfround.vue
@@ -70,6 +70,7 @@ A simple playground for column count and gutter.
     <pre
       >{{ rowColHtml }}
     </pre>
+    <br />
     <pre
       >{{ rowColHtml }}
     </pre>
@@ -138,4 +139,7 @@ export default defineComponent({
   font-size: 13px;
   padding: 8px 16px;
 }
+[data-theme='dark'] #components-grid-demo-playground pre {
+  background: #2f2f2f;
+}
 </style>
diff --git a/components/steps/demo/step-next.vue b/components/steps/demo/step-next.vue
index eb263f535..9a0e6eb7d 100644
--- a/components/steps/demo/step-next.vue
+++ b/components/steps/demo/step-next.vue
@@ -85,4 +85,9 @@ export default defineComponent({
 .steps-action {
   margin-top: 24px;
 }
+
+[data-theme='dark'] .steps-content {
+  background-color: #2f2f2f;
+  border: 1px dashed #404040;
+}
 </style>