a couple tweaks

aslilac · aslilac · commit 2ffbfcaad505 · 2024-08-19T21:45:23.000Z
diff --git a/site/src/components/Badges/Badges.tsx b/site/src/components/Badges/Badges.tsx
@@ -112,9 +112,9 @@ export const EnterpriseBadge: FC = () => {
 			css={[
 				styles.badge,
 				(theme) => ({
-					backgroundColor: theme.roles.info.background,
-					border: `1px solid ${theme.roles.info.outline}`,
-					color: theme.roles.info.text,
+					backgroundColor: theme.roles.notice.background,
+					border: `1px solid ${theme.roles.notice.outline}`,
+					color: theme.roles.notice.text,
 				}),
 			]}
 		>
@@ -129,9 +129,9 @@ export const PremiumBadge: FC = () => {
 			css={[
 				styles.badge,
 				(theme) => ({
-					backgroundColor: theme.roles.info.background,
-					border: `1px solid ${theme.roles.info.outline}`,
-					color: theme.roles.info.text,
+					backgroundColor: theme.roles.notice.background,
+					border: `1px solid ${theme.roles.notice.outline}`,
+					color: theme.roles.notice.text,
 				}),
 			]}
 		>
diff --git a/site/src/pages/ManagementSettingsPage/UserTable/UserRoleCell.tsx b/site/src/pages/ManagementSettingsPage/UserTable/UserRoleCell.tsx
@@ -170,8 +170,8 @@ const styles = {
 		borderColor: theme.roles.active.outline,
 	}),
 	ownerRoleBadge: (theme) => ({
-		backgroundColor: theme.roles.info.background,
-		borderColor: theme.roles.info.outline,
+		backgroundColor: theme.roles.notice.background,
+		borderColor: theme.roles.notice.outline,
 	}),
 	roleBadge: (theme) => ({
 		backgroundColor: theme.experimental.l2.background,
diff --git a/site/src/theme/darkBlue/roles.ts b/site/src/theme/darkBlue/roles.ts
@@ -4,7 +4,7 @@ import colors from "../tailwindColors";
 export default {
 	danger: {
 		background: colors.orange[950],
-		outline: colors.orange[600],
+		outline: colors.orange[500],
 		text: colors.orange[50],
 		fill: {
 			solid: colors.orange[500],
@@ -34,11 +34,11 @@ export default {
 	},
 	error: {
 		background: colors.red[950],
-		outline: colors.red[500],
+		outline: colors.red[600],
 		text: colors.red[50],
 		fill: {
-			solid: colors.red[600],
-			outline: colors.red[600],
+			solid: colors.red[400],
+			outline: colors.red[400],
 			text: colors.white,
 		},
 	},
@@ -53,16 +53,6 @@ export default {
 		},
 	},
 	notice: {
-		background: colors.yellow[950],
-		outline: colors.yellow[200],
-		text: colors.yellow[50],
-		fill: {
-			solid: colors.yellow[500],
-			outline: colors.yellow[500],
-			text: colors.white,
-		},
-	},
-	info: {
 		background: colors.blue[950],
 		outline: colors.blue[400],
 		text: colors.blue[50],
@@ -72,6 +62,16 @@ export default {
 			text: colors.white,
 		},
 	},
+	info: {
+		background: colors.zinc[950],
+		outline: colors.zinc[400],
+		text: colors.zinc[50],
+		fill: {
+			solid: colors.zinc[500],
+			outline: colors.zinc[600],
+			text: colors.white,
+		},
+	},
 	success: {
 		background: colors.green[950],
 		outline: colors.green[500],
@@ -108,7 +108,7 @@ export default {
 		text: colors.sky[50],
 		fill: {
 			solid: colors.sky[600],
-			outline: colors.sky[600],
+			outline: colors.sky[400],
 			text: colors.white,
 		},
 		disabled: {
diff --git a/site/src/theme/light/roles.ts b/site/src/theme/light/roles.ts
@@ -53,16 +53,6 @@ export default {
 		},
 	},
 	notice: {
-		background: colors.yellow[50],
-		outline: colors.yellow[600],
-		text: colors.yellow[950],
-		fill: {
-			solid: colors.yellow[500],
-			outline: colors.yellow[500],
-			text: colors.white,
-		},
-	},
-	info: {
 		background: colors.blue[50],
 		outline: colors.blue[400],
 		text: colors.blue[950],
@@ -72,6 +62,16 @@ export default {
 			text: colors.white,
 		},
 	},
+	info: {
+		background: colors.zinc[50],
+		outline: colors.zinc[400],
+		text: colors.zinc[950],
+		fill: {
+			solid: colors.zinc[700],
+			outline: colors.zinc[600],
+			text: colors.white,
+		},
+	},
 	success: {
 		background: colors.green[50],
 		outline: colors.green[500],
