use error color and add actvie

wpkelso · wpkelso · commit f6bb826efaf0 · 2025-06-30T13:51:13.000-04:00
diff --git a/lib/Styles/Granite/_classes.scss b/lib/Styles/Granite/_classes.scss
@@ -48,7 +48,12 @@ paper {
     font-family: monospace;
 }
 
-.destructive {
-    background-color: $STRAWBERRY_300;
+button.text-button.destructive {
+    background-color: $error_color;
+    color: bg-color(0);
     text-shadow: none;
+
+    &:active {
+        background-color: mix($error_color, $BLACK_900, 90%);
+    }
 }

Original file line number	Diff line number	Diff line change
`@@ -48,7 +48,12 @@ paper {`
`48`	`48`	`font-family: monospace;`
`49`	`49`	`}`
`50`	`50`
`51`		`-.destructive {`
`52`		`- background-color: $STRAWBERRY_300;`
	`51`	`+button.text-button.destructive {`
	`52`	`+ background-color: $error_color;`
	`53`	`+ color: bg-color(0);`
`53`	`54`	`text-shadow: none;`
	`55`	`+`
	`56`	`+ &:active {`
	`57`	`+ background-color: mix($error_color, $BLACK_900, 90%);`
	`58`	`+ }`
`54`	`59`	`}`