chore: update dark preivew role to use sky palette

Parkreiner · Parkreiner · commit 1b58e4d29a4f · 2024-09-17T17:20:12.000Z
diff --git a/site/src/theme/dark/roles.ts b/site/src/theme/dark/roles.ts
@@ -143,32 +143,33 @@ const roles: Roles = {
 		},
 	},
 	preview: {
-		background: colors.cyan[950],
-		outline: colors.cyan[600],
-		text: colors.cyan[400],
+		background: colors.sky[950],
+		outline: colors.sky[400],
+		text: colors.sky[400],
 		fill: {
-			solid: colors.cyan[400],
-			outline: colors.cyan[400],
+			solid: colors.sky[400],
+			outline: colors.sky[500],
 			text: colors.white,
 		},
 		hover: {
 			background: colors.zinc[950],
-			outline: colors.cyan[500],
-			text: colors.cyan[300],
+			outline: colors.sky[500],
+			text: colors.sky[400],
+
 			fill: {
 				text: colors.white,
-				outline: colors.cyan[600],
-				solid: colors.cyan[600],
+				outline: colors.sky[600],
+				solid: colors.sky[600],
 			},
 		},
 		disabled: {
-			background: colors.zinc[950],
-			outline: colors.cyan[500],
-			text: colors.cyan[300],
+			background: colors.sky[950],
+			outline: colors.sky[800],
+			text: colors.sky[800],
 			fill: {
 				text: colors.white,
-				outline: colors.cyan[600],
-				solid: colors.cyan[600],
+				outline: colors.sky[600],
+				solid: colors.sky[600],
 			},
 		},
 	},
