From: Evan You <yyx990803@gmail.com>
Date: Wed, 25 May 2022 05:48:20 +0000 (+0800)
Subject: chore: adjust sfc playground button color
X-Git-Tag: v3.2.37~9
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=2035fa00789f0a21ac688af9791d90318832a2d1;p=thirdparty%2Fvuejs%2Fcore.git

chore: adjust sfc playground button color
---

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 {