blsmedia/sign
2
0
Fork 0
Code Issues Packages Releases Activity

Design: Farben geändert

Browse Source
This commit is contained in:
Lars von BLS media
2025-04-25 10:03:06 +02:00
parent f1b989bb78
commit 28b28f7363
14 changed files with 50 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/remix/app/components/general/skeletons/document-edit-skeleton.tsx
View File

@@ -7,7 +7,7 @@ import { Skeleton } from '@documenso/ui/primitives/skeleton';
export default function DocumentEditSkeleton() { export default function DocumentEditSkeleton() {
return ( return (
<div className="mx-auto -mt-4 flex w-full max-w-screen-xl flex-col px-4 md:px-8"> <div className="mx-auto -mt-4 flex w-full max-w-screen-xl flex-col px-4 md:px-8">
<Link to="/documents" className="flex grow-0 items-center text-[#7AC455] hover:opacity-80"> <Link to="/documents" className="flex grow-0 items-center text-[#FF6B3D] hover:opacity-80">
<ChevronLeft className="mr-2 inline-block h-5 w-5" /> <ChevronLeft className="mr-2 inline-block h-5 w-5" />
<Trans>Documents</Trans> <Trans>Documents</Trans>
</Link> </Link>

2
apps/remix/app/routes/_authenticated+/documents.$id._index.tsx
View File

@@ -133,7 +133,7 @@ export default function DocumentPage() {
<DocumentRecipientLinkCopyDialog recipients={recipients} /> <DocumentRecipientLinkCopyDialog recipients={recipients} />
)} )}
<Link to={documentRootPath} className="flex items-center text-[#7AC455] hover:opacity-80"> <Link to={documentRootPath} className="flex items-center text-[#FF6B3D] hover:opacity-80">
<ChevronLeft className="mr-2 inline-block h-5 w-5" /> <ChevronLeft className="mr-2 inline-block h-5 w-5" />
<Trans>Documents</Trans> <Trans>Documents</Trans>
</Link> </Link>

2
apps/remix/app/routes/_authenticated+/documents.$id.edit.tsx
View File

@@ -95,7 +95,7 @@ export default function DocumentEditPage() {
return ( return (
<div className="mx-auto -mt-4 w-full max-w-screen-xl px-4 md:px-8"> <div className="mx-auto -mt-4 w-full max-w-screen-xl px-4 md:px-8">
<Link to={documentRootPath} className="flex items-center text-[#7AC455] hover:opacity-80"> <Link to={documentRootPath} className="flex items-center text-[#FF6B3D] hover:opacity-80">
<ChevronLeft className="mr-2 inline-block h-5 w-5" /> <ChevronLeft className="mr-2 inline-block h-5 w-5" />
<Trans>Documents</Trans> <Trans>Documents</Trans>
</Link> </Link>

2
apps/remix/app/routes/_authenticated+/documents.$id.logs.tsx
View File

@@ -123,7 +123,7 @@ export default function DocumentsLogsPage({ loaderData }: Route.ComponentProps)
<div className="mx-auto -mt-4 w-full max-w-screen-xl px-4 md:px-8"> <div className="mx-auto -mt-4 w-full max-w-screen-xl px-4 md:px-8">
<Link <Link
to={`${documentRootPath}/${document.id}`} to={`${documentRootPath}/${document.id}`}
className="flex items-center text-[#7AC455] hover:opacity-80" className="flex items-center text-[#FF6B3D] hover:opacity-80"
> >
<ChevronLeft className="mr-2 inline-block h-5 w-5" /> <ChevronLeft className="mr-2 inline-block h-5 w-5" />
<Trans>Document</Trans> <Trans>Document</Trans>

2
apps/remix/app/routes/_authenticated+/templates.$id._index.tsx
View File

@@ -97,7 +97,7 @@ export default function TemplatePage() {
return ( return (
<div className="mx-auto -mt-4 w-full max-w-screen-xl px-4 md:px-8"> <div className="mx-auto -mt-4 w-full max-w-screen-xl px-4 md:px-8">
<Link to={templateRootPath} className="flex items-center text-[#7AC455] hover:opacity-80"> <Link to={templateRootPath} className="flex items-center text-[#FF6B3D] hover:opacity-80">
<ChevronLeft className="mr-2 inline-block h-5 w-5" /> <ChevronLeft className="mr-2 inline-block h-5 w-5" />
<Trans>Templates</Trans> <Trans>Templates</Trans>
</Link> </Link>

2
apps/remix/app/routes/_authenticated+/templates.$id.edit.tsx
View File

@@ -65,7 +65,7 @@ export default function TemplateEditPage() {
<div> <div>
<Link <Link
to={`${templateRootPath}/${template.id}`} to={`${templateRootPath}/${template.id}`}
className="flex items-center text-[#7AC455] hover:opacity-80" className="flex items-center text-[#FF6B3D] hover:opacity-80"
> >
<ChevronLeft className="mr-2 inline-block h-5 w-5" /> <ChevronLeft className="mr-2 inline-block h-5 w-5" />
<Trans>Template</Trans> <Trans>Template</Trans>

4
apps/remix/public/site.webmanifest
View File

@@ -13,7 +13,7 @@
"type": "image/png" "type": "image/png"
} }
], ],
"theme_color": "#A2E771", //"theme_color": "#A2E771",
"background_color": "#FFFFFF", "background_color": "#F8F8F8",
"display": "standalone" "display": "standalone"
} }

4
packages/assets/site.webmanifest
View File

@@ -13,7 +13,7 @@
"type": "image/png" "type": "image/png"
} }
], ],
"theme_color": "#A2E771", //"theme_color": "#A2E771",
"background_color": "#FFFFFF", "background_color": "#F8F8F8",
"display": "standalone" "display": "standalone"
} }

2
packages/email/template-components/template-document-completed.tsx
View File

@@ -27,7 +27,7 @@ export const TemplateDocumentCompleted = ({
<Section> <Section>
<Section className="mb-4"> <Section className="mb-4">
<Column align="center"> <Column align="center">
<Text className="text-base font-semibold text-[#7AC455]"> <Text className="text-base font-semibold text-[#FF6B3D]">
<Img <Img
src={getAssetUrl('/static/completed.png')} src={getAssetUrl('/static/completed.png')}
className="-mt-0.5 mr-2 inline h-7 w-7 align-middle" className="-mt-0.5 mr-2 inline h-7 w-7 align-middle"

2
packages/email/template-components/template-document-recipient-signed.tsx
View File

@@ -29,7 +29,7 @@ export const TemplateDocumentRecipientSigned = ({
<Section> <Section>
<Section className="mb-4"> <Section className="mb-4">
<Column align="center"> <Column align="center">
<Text className="text-base font-semibold text-[#7AC455]"> <Text className="text-base font-semibold text-[#FF6B3D]">
<Img <Img
src={getAssetUrl('/static/completed.png')} src={getAssetUrl('/static/completed.png')}
className="-mt-0.5 mr-2 inline h-7 w-7 align-middle" className="-mt-0.5 mr-2 inline h-7 w-7 align-middle"

2
packages/email/template-components/template-document-self-signed.tsx
View File

@@ -29,7 +29,7 @@ export const TemplateDocumentSelfSigned = ({
<Section className="flex-row items-center justify-center"> <Section className="flex-row items-center justify-center">
<Section> <Section>
<Column align="center"> <Column align="center">
<Text className="text-base font-semibold text-[#7AC455]"> <Text className="text-base font-semibold text-[#FF6B3D]">
<Img <Img
src={getAssetUrl('/static/completed.png')} src={getAssetUrl('/static/completed.png')}
className="-mt-0.5 mr-2 inline h-7 w-7 align-middle" className="-mt-0.5 mr-2 inline h-7 w-7 align-middle"

2
packages/email/template-components/template-footer.tsx
View File

@@ -16,7 +16,7 @@ export const TemplateFooter = ({ isDocument = true }: TemplateFooterProps) => {
<Text className="my-4 text-base text-slate-400"> <Text className="my-4 text-base text-slate-400">
<Trans> <Trans>
This document was sent using{' '} This document was sent using{' '}
<Link className="text-[#7AC455]" href="https://bls.media/sign/"> <Link className="text-[#FF6B3D]" href="https://bls.media/sign/">
BLS sign. BLS sign.
</Link> </Link>
</Trans> </Trans>

24
packages/tailwind-config/index.cjs
View File

@@ -66,18 +66,18 @@ module.exports = {
foreground: 'hsl(var(--widget-foreground))', foreground: 'hsl(var(--widget-foreground))',
}, },
documenso: { documenso: {
DEFAULT: '#A2E771', DEFAULT: '#FF6A3D',
50: '#FFFFFF', 50: '#FFEBE5',
100: '#FDFFFD', 100: '#FFD8CC',
200: '#E7F9DA', 200: '#FFB199',
300: '#D0F3B7', 300: '#FF8A66',
400: '#B9ED94', 400: '#FF764D',
500: '#A2E771', 500: '#FF6A3D',
600: '#83DF41', 600: '#F35120',
700: '#66C622', 700: '#D03D11',
800: '#4D9619', 800: '#A53512',
900: '#356611', 900: '#7D2B12',
950: '#284E0D', 950: '#4E1D0E',
}, },
dawn: { dawn: {
DEFAULT: '#aaa89f', DEFAULT: '#aaa89f',

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

@@ -15,11 +15,11 @@
--card: 0 0% 100%; --card: 0 0% 100%;
--card-border: 214.3 31.8% 91.4%; --card-border: 214.3 31.8% 91.4%;
--card-border-tint: 112 205 159; --card-border-tint: 14 100% 62%;
--card-foreground: 222.2 47.4% 11.2%; --card-foreground: 222.2 47.4% 11.2%;
--field-card: 95 74% 90%; --field-card: linear-gradient(to bottom right,#ffce59,#ff6b3d);
--field-card-border: 95.08 71.08% 67.45%; --field-card-border: 14 100% 62%;
--field-card-foreground: 222.2 47.4% 11.2%; --field-card-foreground: 222.2 47.4% 11.2%;
--widget: 0 0% 97%; --widget: 0 0% 97%;
@@ -28,8 +28,8 @@
--border: 214.3 31.8% 91.4%; --border: 214.3 31.8% 91.4%;
--input: 214.3 31.8% 91.4%; --input: 214.3 31.8% 91.4%;
--primary: 95.08 71.08% 67.45%; --primary: 14 100% 62%;
--primary-foreground: 95.08 71.08% 10%; --primary-foreground: 0 0% 100%;
--secondary: 210 40% 96.1%; --secondary: 210 40% 96.1%;
--secondary-foreground: 222.2 47.4% 11.2%; --secondary-foreground: 222.2 47.4% 11.2%;
@@ -40,7 +40,7 @@
--destructive: 0 100% 50%; --destructive: 0 100% 50%;
--destructive-foreground: 210 40% 98%; --destructive-foreground: 210 40% 98%;
--ring: 95.08 71.08% 67.45%; --ring: 14 100% 62%;
--radius: 0.5rem; --radius: 0.5rem;
@@ -82,17 +82,18 @@
--new-white-900: 0, 0%, 100%; --new-white-900: 0, 0%, 100%;
/* Primary - Green */ /* Primary - Green */
--new-primary-50: 98, 73%, 97%; --new-primary-50: 14, 100%, 95%;
--new-primary-100: 95, 73%, 94%; --new-primary-100: 14, 100%, 90%;
--new-primary-200: 94, 70%, 87%; --new-primary-200: 14, 100%, 80%;
--new-primary-300: 95, 71%, 81%; --new-primary-300: 14, 100%, 70%;
--new-primary-400: 95, 71%, 74%; --new-primary-400: 14, 100%, 65%;
--new-primary-500: 95, 71%, 67%; --new-primary-500: 14, 100%, 62%;
--new-primary-600: 95, 71%, 54%; --new-primary-600: 14, 90%, 54%;
--new-primary-700: 95, 71%, 41%; --new-primary-700: 14, 85%, 44%;
--new-primary-800: 95, 71%, 27%; --new-primary-800: 14, 80%, 36%;
--new-primary-900: 95, 72%, 14%; --new-primary-900: 14, 75%, 28%;
--new-primary-950: 95, 72%, 7%; --new-primary-950: 14, 70%, 18%;
/* Secondary - Info */ /* Secondary - Info */
--new-info-50: 210, 54%, 95%; --new-info-50: 210, 54%, 95%;
@@ -150,7 +151,7 @@
--card: 0 0% 14.9%; --card: 0 0% 14.9%;
--card-border: 0 0% 27.9%; --card-border: 0 0% 27.9%;
--card-border-tint: 112 205 159; --card-border-tint: 14 100% 62%;
--card-foreground: 0 0% 95%; --card-foreground: 0 0% 95%;
--widget: 0 0% 14.9%; --widget: 0 0% 14.9%;
@@ -161,19 +162,19 @@
--field-border: 214.3 31.8% 91.4%; --field-border: 214.3 31.8% 91.4%;
--primary: 95.08 71.08% 67.45%; --primary: 14 100% 62%;
--primary-foreground: 95.08 71.08% 10%; --primary-foreground: 0 0% 100%;
--secondary: 0 0% 23.4%; --secondary: 0 0% 23.4%;
--secondary-foreground: 95.08 71.08% 67.45%; --secondary-foreground: 14 100% 62%;
--accent: 0 0% 27.9%; --accent: 0 0% 27.9%;
--accent-foreground: 95.08 71.08% 67.45%; --accent-foreground: 14 100% 62%;
--destructive: 0 87% 62%; --destructive: 0 87% 62%;
--destructive-foreground: 0 87% 19%; --destructive-foreground: 0 87% 19%;
--ring: 95.08 71.08% 67.45%; --ring: 14 100% 62%;
--radius: 0.5rem; --radius: 0.5rem;