From 2035fa00789f0a21ac688af9791d90318832a2d1 Mon Sep 17 00:00:00 2001
From: Evan You <yyx990803@gmail.com>
Date: Wed, 25 May 2022 13:48:20 +0800
Subject: [PATCH] chore: adjust sfc playground button color

---
 packages/sfc-playground/src/Header.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/sfc-playground/src/Header.vue b/packages/sfc-playground/src/Header.vue
index 74db01ddba..f2daaf02bd 100644
--- a/packages/sfc-playground/src/Header.vue
+++ b/packages/sfc-playground/src/Header.vue
@@ -165,6 +165,7 @@ nav {
   --highlight: #333;
   --green: #3ca877;
   --purple: #904cbc;
+  --btn-bg: #eee;
 
   color: var(--base);
   height: var(--nav-height);
@@ -184,6 +185,7 @@ nav {
   --bg-light: #242424;
   --border: #383838;
   --highlight: #fff;
+  --btn-bg: #333;
 
   box-shadow: none;
   border-bottom: 1px solid var(--border);
@@ -260,7 +262,7 @@ h1 img {
 }
 
 .toggle-ssr span {
-  background-color: #333;
+  background-color: var(--btn-bg);
 }
 
 .toggle-ssr.enabled span {
-- 
2.47.3