UX: Apply default button styling to review buttons (#36648)

KrisKotlarek · web-flow · commit 9abdc35ef82f · 2025-12-12T12:56:18.000+08:00
Reviewable action buttons and reject post summary elements now use standard button color variables instead of colored variants. Before <img width="1076" height="716" alt="Screenshot 2025-12-12 at 10 26 46 am" src="https://github.com/user-attachments/assets/1e032605-ae87-4eab-8d23-79c837d1279b" /> After <img width="1082" height="750" alt="Screenshot 2025-12-12 at 10 34 13 am" src="https://github.com/user-attachments/assets/d1207c00-66e8-41ec-bcb2-bb4ff1af1d06" />
diff --git a/app/assets/stylesheets/common/base/review.scss b/app/assets/stylesheets/common/base/review.scss
@@ -71,6 +71,12 @@
       padding-inline: var(--space-4);
     }
 
+    .reviewable-action,
+    .reject-post summary {
+      background-color: var(--d-button-default-bg-color);
+      color: var(--d-button-default-text-color);
+    }
+
     @include viewport.from(sm) {
       padding: var(--space-4);
     }

Original file line number	Diff line number	Diff line change
`@@ -71,6 +71,12 @@`
`71`	`71`	`padding-inline: var(--space-4);`
`72`	`72`	`}`
`73`	`73`
	`74`	`+ .reviewable-action,`
	`75`	`+ .reject-post summary {`
	`76`	`+ background-color: var(--d-button-default-bg-color);`
	`77`	`+ color: var(--d-button-default-text-color);`
	`78`	`+ }`
	`79`	`+`
`74`	`80`	`@include viewport.from(sm) {`
`75`	`81`	`padding: var(--space-4);`
`76`	`82`	`}`