fix plain button

kaeizen · kaeizen · commit 5add0c78e69f · 2025-03-26T19:56:52.000+08:00
diff --git a/src/styles/editor-block-design-system.scss b/src/styles/editor-block-design-system.scss
@@ -61,8 +61,8 @@ div.stk-block > :is(h1,h2,h3,h4,h5,h6) {
 	}
 	&.is-style-plain .stk-button {
 		#{ '--stk-button-background-color' }: var(--stk-button-background-color-parent-hover, #008de4);
-		#{ '--stk-button-text-color' }: var(--stk-button-plain-text-color-parent-hover, #008de4);
-		#{ '--stk-accent-color' }: var(--stk-button-plain-text-color-parent-hover, #008de4);
+		#{ '--stk-button-text-color' }: var(--stk-button-plain-text-color-parent-hover, cssvar(button-background-color));
+		#{ '--stk-accent-color' }: var(--stk-button-plain-text-color-parent-hover, cssvar(button-background-color));
 	}
 }
 .is-selected > .stk--is-hovered:is(.stk-block-button, .stk-block-icon-button, .stk-block-pagination) {
@@ -84,9 +84,9 @@ div.stk-block > :is(h1,h2,h3,h4,h5,h6) {
 	}
 	&.is-style-plain .stk-button {
 		#{ '--stk-button-background-color' }: var(--stk-button-background-color-current-hover, #008de4);
-		#{ '--stk-button-text-color' }: var(--stk-button-plain-text-color-current-hover, #008de4);
-		#{ '--stk-accent-color-hover' }: var(--stk-button-plain-text-color-current-hover, #008de4);
-		#{ '--stk-accent-color' }: var(--stk-button-plain-text-color-current-hover, #008de4);
+		#{ '--stk-button-text-color' }: var(--stk-button-plain-text-color-current-hover, cssvar(button-background-color));
+		#{ '--stk-accent-color-hover' }: var(--stk-button-plain-text-color-current-hover, cssvar(button-background-color));
+		#{ '--stk-accent-color' }: var(--stk-button-plain-text-color-current-hover, cssvar(button-background-color));
 	}
 }
 

Original file line number	Diff line number	Diff line change
`@@ -61,8 +61,8 @@ div.stk-block > :is(h1,h2,h3,h4,h5,h6) {`
`61`	`61`	`}`
`62`	`62`	`&.is-style-plain .stk-button {`
`63`	`63`	`#{ '--stk-button-background-color' }: var(--stk-button-background-color-parent-hover, #008de4);`
`64`		`- #{ '--stk-button-text-color' }: var(--stk-button-plain-text-color-parent-hover, #008de4);`
`65`		`- #{ '--stk-accent-color' }: var(--stk-button-plain-text-color-parent-hover, #008de4);`
	`64`	`+ #{ '--stk-button-text-color' }: var(--stk-button-plain-text-color-parent-hover, cssvar(button-background-color));`
	`65`	`+ #{ '--stk-accent-color' }: var(--stk-button-plain-text-color-parent-hover, cssvar(button-background-color));`
`66`	`66`	`}`
`67`	`67`	`}`
`68`	`68`	`.is-selected > .stk--is-hovered:is(.stk-block-button, .stk-block-icon-button, .stk-block-pagination) {`
`@@ -84,9 +84,9 @@ div.stk-block > :is(h1,h2,h3,h4,h5,h6) {`
`84`	`84`	`}`
`85`	`85`	`&.is-style-plain .stk-button {`
`86`	`86`	`#{ '--stk-button-background-color' }: var(--stk-button-background-color-current-hover, #008de4);`
`87`		`- #{ '--stk-button-text-color' }: var(--stk-button-plain-text-color-current-hover, #008de4);`
`88`		`- #{ '--stk-accent-color-hover' }: var(--stk-button-plain-text-color-current-hover, #008de4);`
`89`		`- #{ '--stk-accent-color' }: var(--stk-button-plain-text-color-current-hover, #008de4);`
	`87`	`+ #{ '--stk-button-text-color' }: var(--stk-button-plain-text-color-current-hover, cssvar(button-background-color));`
	`88`	`+ #{ '--stk-accent-color-hover' }: var(--stk-button-plain-text-color-current-hover, cssvar(button-background-color));`
	`89`	`+ #{ '--stk-accent-color' }: var(--stk-button-plain-text-color-current-hover, cssvar(button-background-color));`
`90`	`90`	`}`
`91`	`91`	`}`
`92`	`92`