Update kumquat colors (#18616)

gtsiolis · web-flow · commit 68577dbc81bb · 2023-08-29T18:43:55.000+02:00
diff --git a/components/dashboard/src/admin/BlockedEmailDomains.tsx b/components/dashboard/src/admin/BlockedEmailDomains.tsx
@@ -170,7 +170,7 @@ function BlockedDomainEntry(props: {
         },
     ];
     return (
-        <div className="rounded whitespace-nowrap flex py-6 px-6 w-full justify-between hover:bg-gray-100 dark:hover:bg-gray-800 focus:bg-gitpod-kumquat-light group">
+        <div className="rounded whitespace-nowrap flex py-6 px-6 w-full justify-between hover:bg-gray-100 dark:hover:bg-gray-800 focus:bg-kumquat-light group">
             <div className="flex flex-col w-9/12 truncate">
                 <span className="mr-3 text-lg text-gray-600 truncate">{props.br.domain}</span>
             </div>
@@ -248,7 +248,7 @@ function Details(props: {
     return (
         <div className="border-gray-200 dark:border-gray-800 -mx-6 px-6 py-4 flex flex-col">
             {props.error ? (
-                <div className="bg-gitpod-kumquat-light rounded-md p-3 text-gitpod-red text-sm mb-2">{props.error}</div>
+                <div className="bg-kumquat-light rounded-md p-3 text-gitpod-red text-sm mb-2">{props.error}</div>
             ) : null}
             <div>
                 <h4>Domain (may contain '%' as wild card)</h4>
diff --git a/components/dashboard/src/admin/BlockedRepositories.tsx b/components/dashboard/src/admin/BlockedRepositories.tsx
@@ -175,7 +175,7 @@ function BlockedRepositoryEntry(props: { br: BlockedRepository; confirmedDelete:
         },
     ];
     return (
-        <div className="rounded whitespace-nowrap flex py-6 px-6 w-full justify-between hover:bg-gray-100 dark:hover:bg-gray-800 focus:bg-gitpod-kumquat-light group">
+        <div className="rounded whitespace-nowrap flex py-6 px-6 w-full justify-between hover:bg-gray-100 dark:hover:bg-gray-800 focus:bg-kumquat-light group">
             <div className="flex flex-col w-9/12 truncate">
                 <span className="mr-3 text-lg text-gray-600 truncate">{props.br.urlRegexp}</span>
             </div>
@@ -273,7 +273,7 @@ function Details(props: {
     return (
         <div className="border-gray-200 dark:border-gray-800 -mx-6 px-6 py-4 flex flex-col">
             {props.error ? (
-                <div className="bg-gitpod-kumquat-light rounded-md p-3 text-gitpod-red text-sm mb-2">{props.error}</div>
+                <div className="bg-kumquat-light rounded-md p-3 text-gitpod-red text-sm mb-2">{props.error}</div>
             ) : null}
             <div>
                 <h4>Repository URL RegEx</h4>
diff --git a/components/dashboard/src/admin/ProjectsSearch.tsx b/components/dashboard/src/admin/ProjectsSearch.tsx
@@ -140,7 +140,7 @@ export function ProjectsSearch() {
                 to={"/admin/projects/" + p.project.id}
                 data-analytics='{"button_type":"sidebar_menu"}'
             >
-                <div className="rounded-xl whitespace-nowrap flex py-6 px-6 w-full justify-between hover:bg-gray-100 dark:hover:bg-gray-800 focus:bg-gitpod-kumquat-light group">
+                <div className="rounded-xl whitespace-nowrap flex py-6 px-6 w-full justify-between hover:bg-gray-100 dark:hover:bg-gray-800 focus:bg-kumquat-light group">
                     <div className="flex flex-col w-4/12 truncate">
                         <div className="font-medium text-gray-800 dark:text-gray-100 truncate">{p.project.name}</div>
                     </div>
diff --git a/components/dashboard/src/admin/TeamsSearch.tsx b/components/dashboard/src/admin/TeamsSearch.tsx
@@ -138,7 +138,7 @@ export function TeamsSearch() {
                 to={"/admin/orgs/" + props.team.id}
                 data-analytics='{"button_type":"sidebar_menu"}'
             >
-                <div className="rounded-xl whitespace-nowrap flex py-6 px-6 w-full justify-between hover:bg-gray-100 dark:hover:bg-gray-800 focus:bg-gitpod-kumquat-light group">
+                <div className="rounded-xl whitespace-nowrap flex py-6 px-6 w-full justify-between hover:bg-gray-100 dark:hover:bg-gray-800 focus:bg-kumquat-light group">
                     <div className="flex flex-col w-7/12 truncate">
                         <div className="font-medium text-gray-800 dark:text-gray-100 truncate max-w-sm">
                             {props.team.name}
diff --git a/components/dashboard/src/admin/UserSearch.tsx b/components/dashboard/src/admin/UserSearch.tsx
@@ -132,7 +132,7 @@ function UserEntry(p: { user: User }) {
     const email = User.getPrimaryEmail(p.user) || "---";
     return (
         <Link key={p.user.id} to={"/admin/users/" + p.user.id} data-analytics='{"button_type":"sidebar_menu"}'>
-            <div className="rounded-xl whitespace-nowrap flex space-x-2 py-6 px-6 w-full justify-between hover:bg-gray-100 dark:hover:bg-gray-800 focus:bg-gitpod-kumquat-light group">
+            <div className="rounded-xl whitespace-nowrap flex space-x-2 py-6 px-6 w-full justify-between hover:bg-gray-100 dark:hover:bg-gray-800 focus:bg-kumquat-light group">
                 <div className="pr-3 self-center w-1/12">
                     <img className="rounded-full" src={p.user.avatarUrl} alt={p.user.fullName || p.user.name} />
                 </div>
diff --git a/components/dashboard/src/admin/WorkspacesSearch.tsx b/components/dashboard/src/admin/WorkspacesSearch.tsx
@@ -172,7 +172,7 @@ function WorkspaceEntry(p: { ws: WorkspaceAndInstance }) {
             to={"/admin/workspaces/" + p.ws.workspaceId}
             data-analytics='{"button_type":"sidebar_menu"}'
         >
-            <div className="rounded-xl whitespace-nowrap flex py-6 px-6 w-full justify-between hover:bg-gray-100 dark:hover:bg-gray-800 focus:bg-gitpod-kumquat-light group">
+            <div className="rounded-xl whitespace-nowrap flex py-6 px-6 w-full justify-between hover:bg-gray-100 dark:hover:bg-gray-800 focus:bg-kumquat-light group">
                 <div className="pr-3 self-center w-8">
                     <WorkspaceStatusIndicator instance={WorkspaceAndInstance.toInstance(p.ws)} />
                 </div>
diff --git a/components/dashboard/src/components/ItemsList.tsx b/components/dashboard/src/components/ItemsList.tsx
@@ -14,7 +14,7 @@ export function Item(props: { children?: React.ReactNode; className?: string; he
     // cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700
     const solidClassName = props.solid ? "bg-gray-100 dark:bg-gray-800" : "hover:bg-gray-100 dark:hover:bg-gray-800";
     const headerClassName = "text-sm text-gray-400 border-t border-b border-gray-200 dark:border-gray-800";
-    const notHeaderClassName = "rounded-xl focus:bg-gitpod-kumquat-light " + solidClassName;
+    const notHeaderClassName = "rounded-xl focus:bg-kumquat-light " + solidClassName;
     return (
         <div
             className={`flex flex-grow flex-row w-full p-3 justify-between transition ease-in-out ${
diff --git a/components/dashboard/src/projects/Projects.tsx b/components/dashboard/src/projects/Projects.tsx
@@ -128,7 +128,7 @@ export default function ProjectsPage() {
                         {!searchFilter && (
                             <div
                                 key="new-project"
-                                className="h-52 border-dashed border-2 border-gray-100 dark:border-gray-800 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-xl focus:bg-gitpod-kumquat-light transition ease-in-out group"
+                                className="h-52 border-dashed border-2 border-gray-100 dark:border-gray-800 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-xl focus:bg-kumquat-light transition ease-in-out group"
                             >
                                 <Link to={projectsPathNew} data-analytics='{"button_type":"card"}'>
                                     <div className="flex h-full">
diff --git a/components/dashboard/src/projects/new-project/NewProjectRepoList.tsx b/components/dashboard/src/projects/new-project/NewProjectRepoList.tsx
@@ -23,7 +23,7 @@ export const NewProjectRepoList: FC<Props> = ({ filteredRepos, noReposAvailable,
                     {filteredRepos.map((r, index) => (
                         <div
                             key={`repo-${index}-${r.account}-${r.name}`}
-                            className="flex p-3 rounded-xl hover:bg-gray-100 dark:hover:bg-gray-800 focus:bg-gitpod-kumquat-light transition ease-in-out group"
+                            className="flex p-3 rounded-xl hover:bg-gray-100 dark:hover:bg-gray-800 focus:bg-kumquat-light transition ease-in-out group"
                             title={r.cloneUrl}
                         >
                             <div className="flex-grow">
diff --git a/components/dashboard/src/start/StartWorkspace.tsx b/components/dashboard/src/start/StartWorkspace.tsx
@@ -639,7 +639,7 @@ export default class StartWorkspace extends React.Component<StartWorkspaceProps,
                 statusMessage = (
                     <div>
                         <div className="flex space-x-3 items-center text-left rounded-xl m-auto px-4 h-16 w-72 mt-4 bg-gray-100 dark:bg-gray-800">
-                            <div className="rounded-full w-3 h-3 text-sm bg-gitpod-kumquat">&nbsp;</div>
+                            <div className="rounded-full w-3 h-3 text-sm bg-kumquat-ripe">&nbsp;</div>
                             <div>
                                 <p className="text-gray-700 dark:text-gray-200 font-semibold w-56 truncate">
                                     {this.state.workspaceInstance.workspaceId}
diff --git a/components/dashboard/src/teams/sso/OIDCClientListItem.tsx b/components/dashboard/src/teams/sso/OIDCClientListItem.tsx
@@ -85,7 +85,7 @@ export const OIDCClientListItem: FC<Props> = ({ clientConfig, hasActiveConfig, o
                                 (clientConfig.active
                                     ? "bg-green-500"
                                     : clientConfig.verified
-                                    ? "bg-gitpod-kumquat"
+                                    ? "bg-kumquat-ripe"
                                     : "bg-gray-400")
                             }
                         >
diff --git a/components/dashboard/src/user-settings/EnvironmentVariables.tsx b/components/dashboard/src/user-settings/EnvironmentVariables.tsx
@@ -55,7 +55,7 @@ function AddEnvVarModal(p: EnvVarModalProps) {
             <ModalHeader>{isNew ? "New" : "Edit"} Variable</ModalHeader>
             <ModalBody>
                 {error ? (
-                    <div className="bg-gitpod-kumquat-light rounded-md p-3 text-gitpod-red text-sm mb-2">{error}</div>
+                    <div className="bg-kumquat-light rounded-md p-3 text-gitpod-red text-sm mb-2">{error}</div>
                 ) : null}
                 <div>
                     <h4>Name</h4>
diff --git a/components/dashboard/src/user-settings/TokenEntry.tsx b/components/dashboard/src/user-settings/TokenEntry.tsx
@@ -35,7 +35,7 @@ function TokenEntry(props: TokenEntryProps) {
     };
 
     return (
-        <div className="rounded-xl whitespace-nowrap flex space-x-2 py-4 px-4 w-full justify-between hover:bg-gray-100 dark:hover:bg-gray-800 focus:bg-gitpod-kumquat-light group">
+        <div className="rounded-xl whitespace-nowrap flex space-x-2 py-4 px-4 w-full justify-between hover:bg-gray-100 dark:hover:bg-gray-800 focus:bg-kumquat-light group">
             <div className="flex items-center pr-3 w-4/12">
                 <span className="truncate">{props.token.name || ""}</span>
             </div>
diff --git a/components/dashboard/src/workspaces/RenameWorkspaceModal.tsx b/components/dashboard/src/workspaces/RenameWorkspaceModal.tsx
@@ -48,9 +48,7 @@ export const RenameWorkspaceModal: FunctionComponent<Props> = ({ workspace, onCl
             <ModalHeader>Rename Workspace Description</ModalHeader>
             <ModalBody>
                 {errorMessage.length > 0 ? (
-                    <div className="bg-gitpod-kumquat-light rounded-md p-3 text-gitpod-red text-sm mb-2">
-                        {errorMessage}
-                    </div>
+                    <div className="bg-kumquat-light rounded-md p-3 text-gitpod-red text-sm mb-2">{errorMessage}</div>
                 ) : null}
                 <input
                     autoFocus
diff --git a/components/dashboard/src/workspaces/WorkspaceStatusIndicator.tsx b/components/dashboard/src/workspaces/WorkspaceStatusIndicator.tsx
@@ -33,7 +33,7 @@ export function WorkspaceStatusIndicator({ instance }: { instance?: WorkspaceIns
             break;
         }
         default: {
-            stateClassName += " bg-gitpod-kumquat animate-pulse";
+            stateClassName += " bg-kumquat-ripe animate-pulse";
             break;
         }
     }

Original file line number	Diff line number	Diff line change
`@@ -140,7 +140,7 @@ export function ProjectsSearch() {`
`140`	`140`	`to={"/admin/projects/" + p.project.id}`
`141`	`141`	`data-analytics='{"button_type":"sidebar_menu"}'`
`142`	`142`	`>`
`143`		`- <div className="rounded-xl whitespace-nowrap flex py-6 px-6 w-full justify-between hover:bg-gray-100 dark:hover:bg-gray-800 focus:bg-gitpod-kumquat-light group">`
	`143`	`+ <div className="rounded-xl whitespace-nowrap flex py-6 px-6 w-full justify-between hover:bg-gray-100 dark:hover:bg-gray-800 focus:bg-kumquat-light group">`
`144`	`144`	`<div className="flex flex-col w-4/12 truncate">`
`145`	`145`	`<div className="font-medium text-gray-800 dark:text-gray-100 truncate">{p.project.name}</div>`
`146`	`146`	`</div>`
Original file line number	Diff line number	Diff line change
`@@ -138,7 +138,7 @@ export function TeamsSearch() {`
`138`	`138`	`to={"/admin/orgs/" + props.team.id}`
`139`	`139`	`data-analytics='{"button_type":"sidebar_menu"}'`
`140`	`140`	`>`
`141`		`- <div className="rounded-xl whitespace-nowrap flex py-6 px-6 w-full justify-between hover:bg-gray-100 dark:hover:bg-gray-800 focus:bg-gitpod-kumquat-light group">`
	`141`	`+ <div className="rounded-xl whitespace-nowrap flex py-6 px-6 w-full justify-between hover:bg-gray-100 dark:hover:bg-gray-800 focus:bg-kumquat-light group">`
`142`	`142`	`<div className="flex flex-col w-7/12 truncate">`
`143`	`143`	`<div className="font-medium text-gray-800 dark:text-gray-100 truncate max-w-sm">`
`144`	`144`	`{props.team.name}`
Original file line number	Diff line number	Diff line change
`@@ -172,7 +172,7 @@ function WorkspaceEntry(p: { ws: WorkspaceAndInstance }) {`
`172`	`172`	`to={"/admin/workspaces/" + p.ws.workspaceId}`
`173`	`173`	`data-analytics='{"button_type":"sidebar_menu"}'`
`174`	`174`	`>`
`175`		`- <div className="rounded-xl whitespace-nowrap flex py-6 px-6 w-full justify-between hover:bg-gray-100 dark:hover:bg-gray-800 focus:bg-gitpod-kumquat-light group">`
	`175`	`+ <div className="rounded-xl whitespace-nowrap flex py-6 px-6 w-full justify-between hover:bg-gray-100 dark:hover:bg-gray-800 focus:bg-kumquat-light group">`
`176`	`176`	`<div className="pr-3 self-center w-8">`
`177`	`177`	`<WorkspaceStatusIndicator instance={WorkspaceAndInstance.toInstance(p.ws)} />`
`178`	`178`	`</div>`
Original file line number	Diff line number	Diff line change
`@@ -128,7 +128,7 @@ export default function ProjectsPage() {`
`128`	`128`	`{!searchFilter && (`
`129`	`129`	`<div`
`130`	`130`	`key="new-project"`
`131`		`- className="h-52 border-dashed border-2 border-gray-100 dark:border-gray-800 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-xl focus:bg-gitpod-kumquat-light transition ease-in-out group"`
	`131`	`+ className="h-52 border-dashed border-2 border-gray-100 dark:border-gray-800 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-xl focus:bg-kumquat-light transition ease-in-out group"`
`132`	`132`	`>`
`133`	`133`	`<Link to={projectsPathNew} data-analytics='{"button_type":"card"}'>`
`134`	`134`	`<div className="flex h-full">`
Original file line number	Diff line number	Diff line change
`@@ -23,7 +23,7 @@ export const NewProjectRepoList: FC<Props> = ({ filteredRepos, noReposAvailable,`
`23`	`23`	`{filteredRepos.map((r, index) => (`
`24`	`24`	`<div`
`25`	`25`	key={`repo-${index}-${r.account}-${r.name}`}
`26`		`- className="flex p-3 rounded-xl hover:bg-gray-100 dark:hover:bg-gray-800 focus:bg-gitpod-kumquat-light transition ease-in-out group"`
	`26`	`+ className="flex p-3 rounded-xl hover:bg-gray-100 dark:hover:bg-gray-800 focus:bg-kumquat-light transition ease-in-out group"`
`27`	`27`	`title={r.cloneUrl}`
`28`	`28`	`>`
`29`	`29`	`<div className="flex-grow">`
Original file line number	Diff line number	Diff line change
`@@ -85,7 +85,7 @@ export const OIDCClientListItem: FC<Props> = ({ clientConfig, hasActiveConfig, o`
`85`	`85`	`(clientConfig.active`
`86`	`86`	`? "bg-green-500"`
`87`	`87`	`: clientConfig.verified`
`88`		`- ? "bg-gitpod-kumquat"`
	`88`	`+ ? "bg-kumquat-ripe"`
`89`	`89`	`: "bg-gray-400")`
`90`	`90`	`}`
`91`	`91`	`>`
Original file line number	Diff line number	Diff line change
`@@ -33,7 +33,7 @@ export function WorkspaceStatusIndicator({ instance }: { instance?: WorkspaceIns`
`33`	`33`	`break;`
`34`	`34`	`}`
`35`	`35`	`default: {`
`36`		`- stateClassName += " bg-gitpod-kumquat animate-pulse";`
	`36`	`+ stateClassName += " bg-kumquat-ripe animate-pulse";`
`37`	`37`	`break;`
`38`	`38`	`}`
`39`	`39`	`}`