github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: improved colors

Browse Source
This commit is contained in:
Aaryan Khandelwal 2024-04-18 14:41:23 +05:30
parent 8e764004f0
commit 97804466d1
7 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/components/issues/issue-layouts/kanban/base-kanban-root.tsx
View File

@ -230,10 +230,10 @@ export const BaseKanBanRoot: React.FC<IBaseKanBanLayout> = observer((props: IBas
)}
<div
className={`horizontal-scrollbar scrollbar-lg relative flex h-full w-full bg-custom-background-90 ${sub_group_by ? "vertical-scrollbar overflow-y-auto" : "overflow-x-auto overflow-y-hidden"}`}
className={`horizontal-scrollbar scrollbar-lg relative flex h-full w-full bg-custom-background-100 ${sub_group_by ? "vertical-scrollbar overflow-y-auto" : "overflow-x-auto overflow-y-hidden"}`}
ref={scrollableContainerRef}
>
<div className="relative h-full w-max min-w-full bg-custom-background-90 px-2">
<div className="relative h-full w-max min-w-full px-2">
{/* drag and delete component */}
<div
className={`fixed left-1/2 -translate-x-1/2 ${

2
web/components/issues/issue-layouts/kanban/block.tsx
View File

@ -185,7 +185,7 @@ export const KanbanIssueBlock: React.FC<IssueBlockProps> = memo((props) => {
>
<div
className={cn(
"rounded border-[0.5px] outline-[0.5px] outline-transparent w-full border-custom-border-200 bg-custom-background-100 text-sm transition-all hover:border-custom-border-400",
"rounded border-[0.5px] outline-[0.5px] outline-transparent w-full border-custom-border-200 bg-custom-background-90 text-sm transition-all hover:border-custom-border-400",
{ "hover:cursor-pointer": !isDragDisabled },
{ "border border-custom-primary-70 hover:border-custom-primary-70": peekIssueId === issue.id },
{ "bg-custom-background-80 z-[100]": isCurrentBlockDragging }

2
web/components/issues/issue-layouts/kanban/default.tsx
View File

@ -153,7 +153,7 @@ const GroupByKanBan: React.FC<IGroupByKanBan> = observer((props) => {
} `}
>
{sub_group_by === null && (
<div className="sticky top-0 z-[2] w-full flex-shrink-0 bg-custom-background-90 py-1">
<div className="sticky top-0 z-[2] w-full flex-shrink-0 py-1">
<HeaderGroupByCard
sub_group_by={sub_group_by}
group_by={group_by}

4
web/components/issues/issue-layouts/kanban/kanban-group.tsx
View File

@ -167,7 +167,7 @@ export const KanbanGroup = (props: IKanbanGroup) => {
id={`${groupId}__${sub_group_id}`}
className={cn(
"relative h-full transition-all min-h-[50px]",
{ "bg-custom-background-80": isDraggingOverColumn },
{ "bg-custom-background-90": isDraggingOverColumn },
{ "vertical-scrollbar scrollbar-md": !sub_group_by }
)}
ref={columnRef}
@ -187,7 +187,7 @@ export const KanbanGroup = (props: IKanbanGroup) => {
/>
{enableQuickIssueCreate && !disableIssueCreation && (
<div className="w-full bg-custom-background-90 py-0.5 sticky bottom-0">
<div className="w-full py-0.5 sticky bottom-0 bg-custom-background-100">
<KanBanQuickAddIssueForm
formKey="name"
groupId={groupId}

6
web/components/issues/issue-layouts/kanban/swimlanes.tsx
View File

@ -180,8 +180,8 @@ const SubGroupSwimlane: React.FC<ISubGroupSwimlane> = observer((props) => {
if (subGroupByVisibilityToggle.showGroup === false) return <></>;
return (
<div key={_list.id} className="flex flex-shrink-0 flex-col">
<div className="sticky top-[50px] z-[1] flex w-full items-center bg-custom-background-90 py-1">
<div className="sticky left-0 flex-shrink-0 bg-custom-background-90 pr-2">
<div className="sticky top-[50px] z-[1] flex w-full items-center py-1">
<div className="sticky left-0 flex-shrink-0 pr-2">
<HeaderSubGroupByCard
column_id={_list.id}
icon={_list.Icon}
@ -313,7 +313,7 @@ export const KanBanSwimLanes: React.FC<IKanBanSwimLanes> = observer((props) => {
return (
<div className="relative">
<div className="sticky top-0 z-[2] h-[50px] bg-custom-background-90">
<div className="sticky top-0 z-[2] h-[50px]">
<SubGroupSwimlaneHeader
issueIds={issueIds}
group_by={group_by}

2
web/layouts/app-layout/sidebar.tsx
View File

@ -29,7 +29,7 @@ export const AppSidebar: FC<IAppSidebar> = observer(() => {
return (
<div
className={`inset-y-0 z-20 flex h-full flex-shrink-0 flex-grow-0 flex-col border-r border-custom-sidebar-border-200 bg-custom-sidebar-background-100 duration-300
className={`inset-y-0 z-20 flex h-full flex-shrink-0 flex-grow-0 flex-col border-r-[0.5px] border-custom-sidebar-border-200 bg-custom-sidebar-background-90 duration-300
fixed md:relative
${themStore.sidebarCollapsed ? "-ml-[280px]" : ""}
sm:${themStore.sidebarCollapsed ? "-ml-[280px]" : ""}

8
web/styles/globals.css
View File

@ -44,7 +44,7 @@
--color-primary-900: 13, 24, 51;
--color-background-100: 255, 255, 255; /* primary bg */
--color-background-90: 247, 247, 247; /* secondary bg */
--color-background-90: 247, 247, 245; /* secondary bg */
--color-background-80: 232, 232, 232; /* tertiary bg */
--color-text-100: 23, 23, 23; /* primary text */
@ -110,7 +110,7 @@
color-scheme: light !important;
--color-background-100: 255, 255, 255; /* primary bg */
--color-background-90: 247, 247, 247; /* secondary bg */
--color-background-90: 247, 247, 245; /* secondary bg */
--color-background-80: 232, 232, 232; /* tertiary bg */
}
@ -189,8 +189,8 @@
[data-theme="dark-contrast"] {
color-scheme: dark !important;
--color-background-100: 25, 25, 25; /* primary bg */
--color-background-90: 32, 32, 32; /* secondary bg */
--color-background-100: 27, 27, 27; /* primary bg */
--color-background-90: 34, 34, 34; /* secondary bg */
--color-background-80: 44, 44, 44; /* tertiary bg */
--color-shadow-2xs: 0px 0px 1px 0px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.5);