color tweaks

aslilac · aslilac · commit 3a4fb5e24500 · 2024-02-08T22:06:26.000Z
diff --git a/site/src/pages/WorkspacePage/WorkspaceScheduleControls.tsx b/site/src/pages/WorkspacePage/WorkspaceScheduleControls.tsx
@@ -148,7 +148,7 @@ const AutoStopDisplay: FC<AutoStopDisplayProps> = ({ workspace, template }) => {
       css={
         isShutdownSoon(workspace) &&
         ((theme) => ({
-          color: `${theme.palette.warning.light} !important`,
+          color: `${theme.roles.danger.fill.outline} !important`,
         }))
       }
     >
diff --git a/site/src/theme/dark/roles.ts b/site/src/theme/dark/roles.ts
@@ -7,8 +7,8 @@ export default {
     outline: colors.orange[500],
     text: colors.orange[50],
     fill: {
-      solid: colors.orange[700],
-      outline: colors.orange[700],
+      solid: colors.orange[500],
+      outline: colors.orange[400],
       text: colors.white,
     },
     disabled: {
diff --git a/site/src/theme/darkBlue/roles.ts b/site/src/theme/darkBlue/roles.ts
@@ -7,8 +7,8 @@ export default {
     outline: colors.orange[600],
     text: colors.orange[50],
     fill: {
-      solid: colors.orange[600],
-      outline: colors.orange[600],
+      solid: colors.orange[500],
+      outline: colors.orange[400],
       text: colors.white,
     },
     disabled: {
diff --git a/site/src/theme/roles.ts b/site/src/theme/roles.ts
@@ -55,10 +55,10 @@ export interface Role {
 
   /** A set of more saturated colors to make things stand out */
   fill: {
-    /** A saturated color for use as a background, or for text or icons on a neutral background */
+    /** A saturated color for use as a background, or icons on a neutral background */
     solid: string;
 
-    /** A color for outlining an area using the solid background color, or for an outlined icon */
+    /** A color for outlining an area using the solid background color, or for text or for an outlined icon */
     outline: string;
 
     /** A color for text when using the `solid` background color */

Original file line number	Diff line number	Diff line change
`@@ -148,7 +148,7 @@ const AutoStopDisplay: FC<AutoStopDisplayProps> = ({ workspace, template }) => {`
`148`	`148`	`css={`
`149`	`149`	`isShutdownSoon(workspace) &&`
`150`	`150`	`((theme) => ({`
`151`		- color: `${theme.palette.warning.light} !important`,
	`151`	+ color: `${theme.roles.danger.fill.outline} !important`,
`152`	`152`	`}))`
`153`	`153`	`}`
`154`	`154`	`>`