[PR #203] [MERGED] feat: dark mode & theme switching #790

New issue

Closed

opened 2026-02-26 18:48:56 +03:00 by kerem · 0 comments

kerem commented

2026-02-26 18:48:56 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/documenso/documenso/pull/203
Author: @doug-andrade
Created: 6/11/2023
Status: ✅ Merged
Merged: 6/12/2023
Merged by: @Mythie

Base: feat/refresh ← Head: refresh/darkmode

📝 Commits (4)

877a579 adding dark mode to feat/refresh
64d1d6d resolving eslint build errors
07d13c7 fix: signature pad in dark mode
dd83d46 fix: dark mode on signup and signin pages

📊 Changes

28 files changed (+262 additions, -102 deletions)

View changed files

📝 apps/web/package.json (+2 -1)
📝 apps/web/src/app/(dashboard)/dashboard/page.tsx (+2 -2)
📝 apps/web/src/app/(dashboard)/documents/[id]/page.tsx (+1 -1)
📝 apps/web/src/app/(dashboard)/documents/page.tsx (+1 -1)
📝 apps/web/src/app/(dashboard)/layout.tsx (+1 -4)
📝 apps/web/src/app/(unauthenticated)/signin/page.tsx (+9 -3)
📝 apps/web/src/app/(unauthenticated)/signup/page.tsx (+7 -3)
📝 apps/web/src/app/layout.tsx (+4 -1)
📝 apps/web/src/components/(dashboard)/document-dropzone/document-dropzone.tsx (+22 -13)
📝 apps/web/src/components/(dashboard)/layout/desktop-nav.tsx (+12 -6)
📝 apps/web/src/components/(dashboard)/layout/header.tsx (+4 -1)
📝 apps/web/src/components/(dashboard)/layout/profile-dropdown.tsx (+36 -2)
📝 apps/web/src/components/(dashboard)/metric-card/metric-card.tsx (+2 -2)
📝 apps/web/src/components/(dashboard)/pdf-viewer/pdf-viewer.tsx (+1 -1)
📝 apps/web/src/components/forms/edit-document.tsx (+23 -10)
📝 apps/web/src/components/forms/edit-document/add-fields.tsx (+43 -15)
📝 apps/web/src/components/forms/edit-document/add-signers.tsx (+7 -5)
📝 apps/web/src/components/forms/password.tsx (+7 -2)
📝 apps/web/src/components/forms/profile.tsx (+3 -3)
📝 apps/web/src/components/forms/signin.tsx (+12 -7)

...and 8 more files

📄 Description

Added theme switching to feat/refresh

https://www.loom.com/share/57687e631ab34cecb37b670a69bff8d8

Needs Work:

Sign In Page
Sign Up Page
Signature Pad Stroke Color in Dark-mode

^ To complete these pages I will need "dark-mode" versions of the image assets and background pattern.

Build Result

web % npm run build

> @documenso/web@0.1.0 build
> next build

...
...
...

Route (app)                                Size     First Load JS
┌ ○ /                                      135 B          77.6 kB
├ λ /dashboard                             0 B                0 B
├ λ /documents                             0 B                0 B
├ λ /documents/[id]                        0 B                0 B
├ λ /settings                              0 B                0 B
├ λ /settings/billing                      0 B                0 B
├ λ /settings/password                     0 B                0 B
├ λ /settings/profile                      0 B                0 B
├ ○ /signin                                0 B                0 B
└ ○ /signup                                0 B                0 B
+ First Load JS shared by all              77.5 kB
  ├ chunks/7fd0f9f1-3fb3dc3e14815666.js    50.5 kB
  ├ chunks/9-cf592fc7a319a8e7.js           24.4 kB
  ├ chunks/main-app-9a6c377ca6c4fdfa.js    211 B
  └ chunks/webpack-41c748f0fd6fc070.js     2.34 kB

Route (pages)                              Size     First Load JS
┌ ○ /404                                   178 B          86.7 kB
├ λ /api/auth/[...nextauth]                0 B            86.5 kB
├ λ /api/claim-plan                        0 B            86.5 kB
├ λ /api/document/create                   0 B            86.5 kB
├ λ /api/stripe/webhook                    0 B            86.5 kB
└ λ /api/trpc/[trpc]                       0 B            86.5 kB
+ First Load JS shared by all              86.5 kB
  ├ chunks/main-c32231f5001c0b96.js        84 kB
  ├ chunks/pages/_app-415a5670032b79f5.js  190 B
  └ chunks/webpack-41c748f0fd6fc070.js     2.34 kB

ƒ Middleware                               22.9 kB

λ  (Server)  server-side renders at runtime (uses getInitialProps or getServerSideProps)
○  (Static)  automatically rendered as static HTML (uses no initial props)

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/documenso/documenso/pull/203 **Author:** [@doug-andrade](https://github.com/doug-andrade) **Created:** 6/11/2023 **Status:** ✅ Merged **Merged:** 6/12/2023 **Merged by:** [@Mythie](https://github.com/Mythie) **Base:** `feat/refresh` ← **Head:** `refresh/darkmode` --- ### 📝 Commits (4) - [`877a579`](https://github.com/documenso/documenso/commit/877a579533dbfffa7130369463d3d071d5ec752c) adding dark mode to feat/refresh - [`64d1d6d`](https://github.com/documenso/documenso/commit/64d1d6df373a91cda8cde2b949095aea005edeb1) resolving eslint build errors - [`07d13c7`](https://github.com/documenso/documenso/commit/07d13c74f5cda8da7091705a83e1dbeeb8a8828a) fix: signature pad in dark mode - [`dd83d46`](https://github.com/documenso/documenso/commit/dd83d4607c417588ceb7903fef12134409fddd3e) fix: dark mode on signup and signin pages ### 📊 Changes **28 files changed** (+262 additions, -102 deletions) <details> <summary>View changed files</summary> 📝 `apps/web/package.json` (+2 -1) 📝 `apps/web/src/app/(dashboard)/dashboard/page.tsx` (+2 -2) 📝 `apps/web/src/app/(dashboard)/documents/[id]/page.tsx` (+1 -1) 📝 `apps/web/src/app/(dashboard)/documents/page.tsx` (+1 -1) 📝 `apps/web/src/app/(dashboard)/layout.tsx` (+1 -4) 📝 `apps/web/src/app/(unauthenticated)/signin/page.tsx` (+9 -3) 📝 `apps/web/src/app/(unauthenticated)/signup/page.tsx` (+7 -3) 📝 `apps/web/src/app/layout.tsx` (+4 -1) 📝 `apps/web/src/components/(dashboard)/document-dropzone/document-dropzone.tsx` (+22 -13) 📝 `apps/web/src/components/(dashboard)/layout/desktop-nav.tsx` (+12 -6) 📝 `apps/web/src/components/(dashboard)/layout/header.tsx` (+4 -1) 📝 `apps/web/src/components/(dashboard)/layout/profile-dropdown.tsx` (+36 -2) 📝 `apps/web/src/components/(dashboard)/metric-card/metric-card.tsx` (+2 -2) 📝 `apps/web/src/components/(dashboard)/pdf-viewer/pdf-viewer.tsx` (+1 -1) 📝 `apps/web/src/components/forms/edit-document.tsx` (+23 -10) 📝 `apps/web/src/components/forms/edit-document/add-fields.tsx` (+43 -15) 📝 `apps/web/src/components/forms/edit-document/add-signers.tsx` (+7 -5) 📝 `apps/web/src/components/forms/password.tsx` (+7 -2) 📝 `apps/web/src/components/forms/profile.tsx` (+3 -3) 📝 `apps/web/src/components/forms/signin.tsx` (+12 -7) _...and 8 more files_ </details> ### 📄 Description Added theme switching to `feat/refresh` https://www.loom.com/share/57687e631ab34cecb37b670a69bff8d8 **Needs Work:** - [x] Sign In Page - [x] Sign Up Page - [x] Signature Pad Stroke Color in Dark-mode ^ To complete these pages I will need "dark-mode" versions of the image assets and background pattern. **Build Result** ```bash web % npm run build > @documenso/web@0.1.0 build > next build ... ... ... Route (app) Size First Load JS ┌ ○ / 135 B 77.6 kB ├ λ /dashboard 0 B 0 B ├ λ /documents 0 B 0 B ├ λ /documents/[id] 0 B 0 B ├ λ /settings 0 B 0 B ├ λ /settings/billing 0 B 0 B ├ λ /settings/password 0 B 0 B ├ λ /settings/profile 0 B 0 B ├ ○ /signin 0 B 0 B └ ○ /signup 0 B 0 B + First Load JS shared by all 77.5 kB ├ chunks/7fd0f9f1-3fb3dc3e14815666.js 50.5 kB ├ chunks/9-cf592fc7a319a8e7.js 24.4 kB ├ chunks/main-app-9a6c377ca6c4fdfa.js 211 B └ chunks/webpack-41c748f0fd6fc070.js 2.34 kB Route (pages) Size First Load JS ┌ ○ /404 178 B 86.7 kB ├ λ /api/auth/[...nextauth] 0 B 86.5 kB ├ λ /api/claim-plan 0 B 86.5 kB ├ λ /api/document/create 0 B 86.5 kB ├ λ /api/stripe/webhook 0 B 86.5 kB └ λ /api/trpc/[trpc] 0 B 86.5 kB + First Load JS shared by all 86.5 kB ├ chunks/main-c32231f5001c0b96.js 84 kB ├ chunks/pages/_app-415a5670032b79f5.js 190 B └ chunks/webpack-41c748f0fd6fc070.js 2.34 kB ƒ Middleware 22.9 kB λ (Server) server-side renders at runtime (uses getInitialProps or getServerSideProps) ○ (Static) automatically rendered as static HTML (uses no initial props) ``` --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

kerem

2026-02-26 18:48:56 +03:00

closed this issue
added the
pull-request
label

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

starred/documenso#790

No description provided.

Rows
Columns