[dashboard] Update Tailwind green shades for buttons

Co-authored-by: George Tsiolis <[email protected]>
gitpod-io · Mar 16, 2021 · 72426a8 · 72426a8
1 parent 4c14041
commit 72426a8
Show file tree

Hide file tree

Showing 4 changed files with 2,525 additions and 6,994 deletions.
diff --git a/components/dashboard/src/components/StartPage.tsx b/components/dashboard/src/components/StartPage.tsx
@@ -12,7 +12,7 @@ function ProgressBar(props: { phase: number, error: boolean }) {
       let classes = 'h-2 w-10 mx-1 my-2 rounded-full';
       if (i < props.phase) {
         // Already passed this phase successfully
-        classes += ' bg-green-light';
+        classes += ' bg-green-400';
       } else if (i > props.phase) {
         // Haven't reached this phase yet
         classes += ' bg-gray-200';
@@ -21,7 +21,7 @@ function ProgressBar(props: { phase: number, error: boolean }) {
         classes += ' bg-red';
       } else {
         // This phase is currently running
-        classes += ' bg-green-light animate-pulse';
+        classes += ' bg-green-400 animate-pulse';
       }
       return <div key={'phase-'+i} className={classes}/>;
     })}

diff --git a/components/dashboard/src/start/CreateWorkspace.tsx b/components/dashboard/src/start/CreateWorkspace.tsx
@@ -93,14 +93,14 @@ export class CreateWorkspace extends React.Component<CreateWorkspaceProps, Creat
                   <p>{w.workspace.contextURL}</p>
                 </div>
                 <div className="flex">
-                  <button className="border-green-dark bg-gitpod-green px-3 py-1 my-auto">Open</button>
+                  <button className="px-3 py-1 my-auto bg-green-600 hover:bg-green-700 border-green-800">Open</button>
                 </div>
               </a>
             )}
           </>
         </div>
         <div className="flex justify-end mt-4">
-          <button className="border-green-dark bg-gitpod-green" onClick={() => this.createWorkspace(CreateWorkspaceMode.Default)}>New Workspace</button>
+          <button className="bg-green-600 hover:bg-green-700 border-green-800" onClick={() => this.createWorkspace(CreateWorkspaceMode.Default)}>New Workspace</button>
         </div>
       </Modal>;
     }