feat: themes (#902)

* chore: add next theme and initial setup

* chore: add dark mode colors to layouts

* chore: user general setting page theming

* chore: dashboard theming

* chore: project page theming

* chore: workspace setting page theming

* chore: my issue page theming

* chore: cmdk theming

* chore: change hardcode bg and text color to theme

* chore: change color name according to the design

* style: fix card in the dashboard

* style: fix merge conflict design issues

* style: add light high contrast and dark high contrast

* style: fix cmd k menu color and selection

* feat: change theme from cmdk menu

* chore: add multiple theme field to custom theme

* chore: removed custom theming

* fix: build error

---------

Co-authored-by: Saheb Giri <iamsahebgiri@gmail.com>
This commit is contained in:
Aaryan Khandelwal 2023-04-20 13:41:24 +05:30 committed by GitHub
parent 9f04933957
commit 3c2f5d12ed
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
191 changed files with 1550 additions and 880 deletions

View file

@ -21,7 +21,7 @@ import type { NextPage } from "next";
import { USER_WORKSPACE_DASHBOARD } from "constants/fetch-keys";
const WorkspacePage: NextPage = () => {
const [month, setMonth] = useState(new Date().getMonth() + 1);
const [month, setMonth] = useState(new Date().getMonth() + 1);
const router = useRouter();
const { workspaceSlug } = router.query;
@ -42,7 +42,7 @@ const WorkspacePage: NextPage = () => {
<div className="h-full w-full">
<div className="flex flex-col gap-8">
<div
className="flex flex-col bg-white justify-between gap-x-2 gap-y-6 rounded-lg px-8 py-6 text-black md:flex-row md:items-center md:py-3"
className="flex flex-col bg-brand-sidebar justify-between gap-x-2 gap-y-6 rounded-lg px-8 py-6 text-brand-muted-1 md:flex-row md:items-center md:py-3"
// style={{ background: "linear-gradient(90deg, #8e2de2 0%, #4a00e0 100%)" }}
>
<p className="font-semibold">
@ -55,7 +55,7 @@ const WorkspacePage: NextPage = () => {
<a
href="https://github.com/makeplane/plane"
target="_blank"
className="rounded-md border-2 border-black font-medium px-3 py-1.5 text-sm duration-300"
className="rounded-md border-2 border-brand-base font-medium px-3 py-1.5 text-sm duration-300"
rel="noopener noreferrer"
>
Star us on GitHub