binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: updated text and background colors (#1496)

Browse source 
* fix: custom colors opacity

* chore: update text colors for dark mode

* fix: dropdown text colors, datepicker bg color

* chore: update text colors

* chore: updated primary bg color
This commit is contained in:
Aaryan Khandelwal 2023-07-11 15:18:47 +05:30 • committed by GitHub
parent 7554988164
commit 253edebb93
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
29 changed files with 158 additions and 139 deletions
Download patch file Download diff file Expand all files Collapse all files

2
apps/app/pages/[workspaceSlug]/projects/[projectId]/cycles/[cycleId].tsx
View file

@ -140,7 +140,7 @@ const SingleCycle: React.FC = () => {
<IssuesFilterView />
<SecondaryButton
onClick={() => setAnalyticsModal(true)}
className="!py-1.5 font-normal rounded-md text-custom-text-200"
className="!py-1.5 font-normal rounded-md text-custom-text-200 hover:text-custom-text-100"
outline
>
Analytics

4
apps/app/pages/[workspaceSlug]/projects/[projectId]/issues/index.tsx
View file

@ -63,7 +63,7 @@ const ProjectIssues: NextPage = () => {
<IssuesFilterView />
<SecondaryButton
onClick={() => setAnalyticsModal(true)}
className="!py-1.5 rounded-md font-normal text-custom-sidebar-text-200 border-custom-sidebar-border-100 hover:bg-custom-sidebar-background-90"
className="!py-1.5 rounded-md font-normal text-custom-sidebar-text-200 border-custom-sidebar-border-100 hover:text-custom-text-100 hover:bg-custom-sidebar-background-90"
outline
>
Analytics
@ -72,7 +72,7 @@ const ProjectIssues: NextPage = () => {
<Link href={`/${workspaceSlug}/projects/${projectId}/inbox/${inboxList?.[0]?.id}`}>
<a>
<SecondaryButton
className="relative !py-1.5 rounded-md font-normal text-custom-sidebar-text-200 border-custom-sidebar-border-100 hover:bg-custom-sidebar-background-90"
className="relative !py-1.5 rounded-md font-normal text-custom-sidebar-text-200 border-custom-sidebar-border-100 hover:text-custom-text-100 hover:bg-custom-sidebar-background-90"
outline
>
<span>Inbox</span>

2
apps/app/pages/[workspaceSlug]/projects/[projectId]/modules/[moduleId].tsx
View file

@ -144,7 +144,7 @@ const SingleModule: React.FC = () => {
<IssuesFilterView />
<SecondaryButton
onClick={() => setAnalyticsModal(true)}
className="!py-1.5 font-normal rounded-md text-custom-text-200"
className="!py-1.5 font-normal rounded-md text-custom-text-200 hover:text-custom-text-100"
outline
>
Analytics

12
apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/estimates.tsx
View file

@ -122,14 +122,14 @@ const EstimatesSettings: NextPage = () => {
</Breadcrumbs>
}
>
<div className="p-8">
<div className="h-full flex flex-col p-8 overflow-hidden">
<SettingsHeader />
<section className="flex items-center justify-between">
<h3 className="text-2xl font-semibold">Estimates</h3>
<div className="col-span-12 space-y-5 sm:col-span-7">
<div className="flex items-center gap-2">
<span
className="flex cursor-pointer items-center gap-2 text-theme"
<div
className="flex cursor-pointer items-center gap-2 text-custom-primary-100 hover:text-custom-primary-200"
onClick={() => {
setEstimateToUpdate(undefined);
setEstimateFormOpen(true);
@ -137,7 +137,7 @@ const EstimatesSettings: NextPage = () => {
>
<PlusIcon className="h-4 w-4" />
Create New Estimate
</span>
</div>
{projectDetails?.estimate && (
<SecondaryButton onClick={disableEstimates}>Disable Estimates</SecondaryButton>
)}
@ -146,7 +146,7 @@ const EstimatesSettings: NextPage = () => {
</section>
{estimatesList ? (
estimatesList.length > 0 ? (
<section className="mt-5 divide-y divide-custom-border-100 rounded-xl border border-custom-border-100 bg-custom-background-100 px-6">
<section className="h-full mt-5 divide-y divide-custom-border-100 rounded-xl border border-custom-border-100 bg-custom-background-100 px-6 overflow-y-auto">
{estimatesList.map((estimate) => (
<SingleEstimate
key={estimate.id}
@ -158,7 +158,7 @@ const EstimatesSettings: NextPage = () => {
))}
</section>
) : (
<div className="mt-5">
<div className="grid h-full w-full place-items-center">
<EmptyState
type="estimate"
title="Create New Estimate"

18
apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/features.tsx
View file

@ -188,7 +188,7 @@ const FeaturesSettings: NextPage = () => {
>
<div className="flex items-start gap-3">
{feature.icon}
<div>
<div className="">
<h4 className="text-lg font-semibold">{feature.title}</h4>
<p className="text-sm text-custom-text-200">{feature.description}</p>
</div>
@ -219,11 +219,21 @@ const FeaturesSettings: NextPage = () => {
</div>
))}
</div>
<div className="flex items-center gap-2">
<a href="https://plane.so/" target="_blank" rel="noreferrer">
<div className="flex items-center gap-2 text-custom-text-200">
<a
href="https://plane.so/"
target="_blank"
rel="noreferrer"
className="hover:text-custom-text-100"
>
<SecondaryButton outline>Plane is open-source, view Roadmap</SecondaryButton>
</a>
<a href="https://github.com/makeplane/plane" target="_blank" rel="noreferrer">
<a
href="https://github.com/makeplane/plane"
target="_blank"
rel="noreferrer"
className="hover:text-custom-text-100"
>
<SecondaryButton outline>Star us on GitHub</SecondaryButton>
</a>
</div>

4
apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/integrations.tsx
View file

@ -58,11 +58,11 @@ const ProjectIntegrations: NextPage = () => {
</Breadcrumbs>
}
>
<div className="p-8">
<div className="h-full flex flex-col p-8 overflow-hidden">
<SettingsHeader />
{workspaceIntegrations ? (
workspaceIntegrations.length > 0 ? (
<section className="space-y-8">
<section className="space-y-8 overflow-y-auto">
<IntegrationAndImportExportBanner bannerName="Integrations" />
<div className="space-y-5">
{workspaceIntegrations.map((integration) => (

4
apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/states.tsx
View file

@ -85,10 +85,10 @@ const StatesSettings: NextPage = () => {
return (
<div key={key}>
<div className="mb-2 flex w-full justify-between">
<h4 className="font-medium capitalize">{key}</h4>
<h4 className="text-custom-text-200 capitalize">{key}</h4>
<button
type="button"
className="flex items-center gap-2 text-custom-primary outline-none"
className="flex items-center gap-2 text-custom-primary-100 hover:text-custom-primary-200 outline-none"
onClick={() => setActiveGroup(key as keyof StateGroup)}
>
<PlusIcon className="h-4 w-4" />