docs: banner adjust light and dark mode (#6799)

kovsu · web-flow · commit 826c183d0bc0 · 2023-07-31T08:48:30.000+08:00
diff --git a/site/src/layouts/header/index.vue b/site/src/layouts/header/index.vue
@@ -191,16 +191,13 @@ export default defineComponent({
   z-index: 100;
   padding: 16px;
   line-height: 28px;
-  color: #8590a6;
   text-align: center;
-  background-color: #141414;
 }
 .alert-banner {
-  color: #fff;
   padding: 5px;
 }
 .alert-banner a {
-  color: #fff;
+  color: inherit;
   text-decoration: underline;
 }
 .alert-banner .close-icon {

Original file line number	Diff line number	Diff line change
`@@ -191,16 +191,13 @@ export default defineComponent({`
`191`	`191`	`z-index: 100;`
`192`	`192`	`padding: 16px;`
`193`	`193`	`line-height: 28px;`
`194`		`- color: #8590a6;`
`195`	`194`	`text-align: center;`
`196`		`- background-color: #141414;`
`197`	`195`	`}`
`198`	`196`	`.alert-banner {`
`199`		`- color: #fff;`
`200`	`197`	`padding: 5px;`
`201`	`198`	`}`
`202`	`199`	`.alert-banner a {`
`203`		`- color: #fff;`
	`200`	`+ color: inherit;`
`204`	`201`	`text-decoration: underline;`
`205`	`202`	`}`
`206`	`203`	`.alert-banner .close-icon {`