Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-13 16:23:06 +10:00
Code Issues Packages Projects Releases Wiki Activity

feat: darker dark theme

Browse Source
This commit is contained in:
Mythie
2023-09-24 14:45:50 +10:00
parent cee147bc9a
commit 99481b6144
39 changed files with 494 additions and 433 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/ui/primitives/document-flow/add-fields.tsx
View File

@ -281,7 +281,7 @@ export const AddFieldsFormPartial = ({
{selectedField && (
<Card
className={cn(
'pointer-events-none fixed z-50 cursor-pointer bg-white transition-opacity',
'bg-background pointer-events-none fixed z-50 cursor-pointer transition-opacity',
{
'border-primary': isFieldWithinBounds,
'opacity-50': !isFieldWithinBounds,

4
packages/ui/primitives/document-flow/field-item.tsx
View File

@ -118,7 +118,7 @@ export const FieldItem = ({
>
{!disabled && (
<button
className="text-muted-foreground/50 hover:text-muted-foreground/80 absolute -right-2 -top-2 z-20 flex h-8 w-8 items-center justify-center rounded-full border bg-white shadow-[0_0_0_2px_theme(colors.gray.100/70%)]"
className="text-muted-foreground/50 hover:text-muted-foreground/80 bg-background absolute -right-2 -top-2 z-20 flex h-8 w-8 items-center justify-center rounded-full border"
onClick={() => onRemove?.()}
>
<Trash className="h-4 w-4" />
@ -126,7 +126,7 @@ export const FieldItem = ({
)}
<Card
className={cn('h-full w-full bg-white', {
className={cn('bg-background h-full w-full', {
'border-primary': !disabled,
'border-primary/80': active,
})}

38
packages/ui/styles/theme.css
View File

@ -41,34 +41,34 @@
}
.dark {
--background: 224 71% 4%;
--foreground: 213 31% 91%;
--background: 0 0% 14.9%;
--foreground: 0 0% 97%;
--muted: 223 47% 11%;
--muted-foreground: 215.4 16.3% 56.9%;
--muted: 0 0% 23.4%;
--muted-foreground: 0 0% 85%;
--popover: 224 71% 4%;
--popover-foreground: 215 20.2% 65.1%;
--popover: 0 0% 14.9%;
--popover-foreground: 0 0% 90%;
--card: 224 71% 4%;
--card-border: 216 34% 17%;
--card: 0 0% 14.9%;
--card-border: 0 0% 27.9%;
--card-border-tint: 112 205 159;
--card-foreground: 213 31% 91%;
--card-foreground: 0 0% 95%;
--border: 216 34% 17%;
--input: 216 34% 17%;
--border: 0 0% 27.9%;
--input: 0 0% 27.9%;
--primary: 210 40% 98%;
--primary-foreground: 222.2 47.4% 1.2%;
--primary: 95.08 71.08% 67.45%;
--primary-foreground: 95.08 71.08% 10%;
--secondary: 222.2 47.4% 11.2%;
--secondary-foreground: 210 40% 98%;
--secondary: 0 0% 23.4%;
--secondary-foreground: 95.08 71.08% 67.45%;
--accent: 216 34% 17%;
--accent-foreground: 210 40% 98%;
--accent: 0 0% 27.9%;
--accent-foreground: 95.08 71.08% 67.45%;
--destructive: 0 63% 31%;
--destructive-foreground: 210 40% 98%;
--destructive: 0 87% 62%;
--destructive-foreground: 0 87% 19%;
--ring: 95.08 71.08% 67.45%;