chore: update color palettes for light/darkBlue themes

Parkreiner · Parkreiner · commit ebc5397ef238 · 2024-09-17T17:29:34.000Z
diff --git a/site/src/theme/darkBlue/roles.ts b/site/src/theme/darkBlue/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],
 			},
 		},
 	},
diff --git a/site/src/theme/light/roles.ts b/site/src/theme/light/roles.ts
@@ -143,31 +143,31 @@ const roles: Roles = {
 		},
 	},
 	preview: {
-		background: colors.cyan[100],
-		outline: colors.cyan[500],
-		text: colors.cyan[950],
+		background: colors.sky[50],
+		outline: colors.sky[700],
+		text: colors.sky[700],
 		fill: {
-			solid: colors.cyan[600],
-			outline: colors.cyan[600],
+			solid: colors.sky[600],
+			outline: colors.sky[700],
 			text: colors.white,
 		},
 		hover: {
-			background: colors.cyan[50],
-			outline: colors.cyan[600],
-			text: colors.cyan[950],
+			background: colors.zinc[50],
+			outline: colors.sky[700],
+			text: colors.sky[700],
 			fill: {
-				outline: colors.cyan[500],
-				solid: colors.cyan[500],
+				outline: colors.sky[500],
+				solid: colors.sky[500],
 				text: colors.white,
 			},
 		},
 		disabled: {
-			background: colors.cyan[50],
-			outline: colors.cyan[800],
-			text: colors.cyan[200],
+			background: colors.sky[50],
+			outline: colors.sky[800],
+			text: colors.sky[200],
 			fill: {
-				solid: colors.cyan[800],
-				outline: colors.cyan[800],
+				solid: colors.sky[800],
+				outline: colors.sky[800],
 				text: colors.white,
 			},
 		},
