Skip to content

Commit 7ff5916

Browse files
jankeromnesgtsiolis
authored andcommitted
[dashboard] Update Tailwind green shades for buttons
Co-authored-by: George Tsiolis <[email protected]>
1 parent c871a20 commit 7ff5916

File tree

4 files changed

+2525
-6994
lines changed

4 files changed

+2525
-6994
lines changed

components/dashboard/src/components/StartPage.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ function ProgressBar(props: { phase: number, error: boolean }) {
1212
let classes = 'h-2 w-10 mx-1 my-2 rounded-full';
1313
if (i < props.phase) {
1414
// Already passed this phase successfully
15-
classes += ' bg-green-light';
15+
classes += ' bg-green-400';
1616
} else if (i > props.phase) {
1717
// Haven't reached this phase yet
1818
classes += ' bg-gray-200';
@@ -21,7 +21,7 @@ function ProgressBar(props: { phase: number, error: boolean }) {
2121
classes += ' bg-red';
2222
} else {
2323
// This phase is currently running
24-
classes += ' bg-green-light animate-pulse';
24+
classes += ' bg-green-400 animate-pulse';
2525
}
2626
return <div key={'phase-'+i} className={classes}/>;
2727
})}

components/dashboard/src/start/CreateWorkspace.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -93,14 +93,14 @@ export class CreateWorkspace extends React.Component<CreateWorkspaceProps, Creat
9393
<p>{w.workspace.contextURL}</p>
9494
</div>
9595
<div className="flex">
96-
<button className="border-green-dark bg-gitpod-green px-3 py-1 my-auto">Open</button>
96+
<button className="px-3 py-1 my-auto bg-green-600 hover:bg-green-700 border-green-800">Open</button>
9797
</div>
9898
</a>
9999
)}
100100
</>
101101
</div>
102102
<div className="flex justify-end mt-4">
103-
<button className="border-green-dark bg-gitpod-green" onClick={() => this.createWorkspace(CreateWorkspaceMode.Default)}>New Workspace</button>
103+
<button className="bg-green-600 hover:bg-green-700 border-green-800" onClick={() => this.createWorkspace(CreateWorkspaceMode.Default)}>New Workspace</button>
104104
</div>
105105
</Modal>;
106106
}

0 commit comments

Comments
 (0)