chore: adjust sfc playground button color

vuejs · May 25, 2022 · 2035fa0 · 2035fa0
1 parent b50353a
commit 2035fa0
Showing 1 changed file with 3 additions and 1 deletion.
diff --git 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 {