Skip to content

feat: add activity status and autostop reason to workspace overview #11987

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 17 commits into from
Feb 13, 2024
Prev Previous commit
Next Next commit
color tweaks
  • Loading branch information
aslilac committed Feb 8, 2024
commit 3a4fb5e245002bc21d614b8c49ee09e959a710e3
2 changes: 1 addition & 1 deletion site/src/pages/WorkspacePage/WorkspaceScheduleControls.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -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`,
}))
}
>
Expand Down
4 changes: 2 additions & 2 deletions site/src/theme/dark/roles.ts
Original file line number Diff line number Diff line change
Expand Up @@ -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: {
Expand Down
4 changes: 2 additions & 2 deletions site/src/theme/darkBlue/roles.ts
Original file line number Diff line number Diff line change
Expand Up @@ -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: {
Expand Down
4 changes: 2 additions & 2 deletions site/src/theme/roles.ts
Original file line number Diff line number Diff line change
Expand Up @@ -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 */
Expand Down