From 3ce02c9ef7ff8e66aa84401eef3c10034dd3bf27 Mon Sep 17 00:00:00 2001
From: alam00000 <abdullah.alam.tapadar2000@gmail.com>
Date: Fri, 30 Oct 2026 16:11:49 +0530
Subject: [PATCH] feat(editor): match the viewer theme to the site colors

---
 src/js/config/viewer-theme.ts | 62 +++++++++++++++++++++++++++++++++++
 src/js/logic/edit-pdf-page.ts |  2 ++
 2 files changed, 64 insertions(+)
 create mode 100644 src/js/config/viewer-theme.ts

diff --git a/src/js/config/viewer-theme.ts b/src/js/config/viewer-theme.ts
new file mode 100644
index 00000000..387441e3
--- /dev/null
+++ b/src/js/config/viewer-theme.ts
@@ -0,0 +1,62 @@
+import type { ThemeConfig } from 'bentopdf-viewer';
+
+export const viewerTheme: ThemeConfig = {
+  light: {
+    accent: {
+      primary: '#6366f1',
+      primaryHover: '#4f46e5',
+      primaryActive: '#4338ca',
+      primaryLight: '#eef2ff',
+      primaryForeground: '#ffffff',
+    },
+    interactive: {
+      selected: '#eef2ff',
+      focus: '#6366f1',
+      focusRing: '#c7d2fe',
+    },
+    state: {
+      info: '#6366f1',
+      infoLight: '#eef2ff',
+    },
+  },
+  dark: {
+    background: {
+      app: '#222222',
+      surface: '#2a2a2a',
+      surfaceAlt: '#383838',
+      elevated: '#2a2a2a',
+      input: '#383838',
+    },
+    foreground: {
+      onAccent: '#ffffff',
+    },
+    border: {
+      default: '#444444',
+      subtle: '#383838',
+      strong: '#737373',
+    },
+    accent: {
+      primary: '#6366f1',
+      primaryHover: '#4f46e5',
+      primaryActive: '#4338ca',
+      primaryLight: '#38395c',
+      primaryForeground: '#ffffff',
+    },
+    interactive: {
+      hover: '#383838',
+      active: '#444444',
+      selected: '#38395c',
+      focus: '#818cf8',
+      focusRing: '#3730a3',
+    },
+    state: {
+      info: '#818cf8',
+      infoLight: '#38395c',
+    },
+    scrollbar: {
+      track: '#2a2a2a',
+      thumb: '#444444',
+      thumbHover: '#737373',
+    },
+  },
+};
diff --git a/src/js/logic/edit-pdf-page.ts b/src/js/logic/edit-pdf-page.ts
index 66a26d4d..2bec202f 100644
--- a/src/js/logic/edit-pdf-page.ts
+++ b/src/js/logic/edit-pdf-page.ts
@@ -6,6 +6,7 @@ import { makeUniqueFileKey } from '../utils/deduplicate-filename.js';
 import { batchDecryptIfNeeded } from '../utils/password-prompt.js';
 import { getEditorDisabledCategories } from '../utils/disabled-tools.js';
 import { editorFontFallback } from '../config/editor-fonts.js';
+import { viewerTheme } from '../config/viewer-theme.js';
 import { needsFontEmbedding } from '../utils/freetext-script.js';
 
 const embedPdfWasmUrl = new URL(
@@ -334,6 +335,7 @@ async function handleFiles(files: FileList) {
         worker: true,
         wasmUrl: embedPdfWasmUrl,
         fontFallback: editorFontFallback,
+        theme: viewerTheme,
         export: {
           defaultFileName: firstFile.name,
         },