lotobo/pdf-tools
1
0
Fork 0
Code Issues 14 Pull Requests Releases 6 Wiki Activity

feat: add shared Toolbox header and themes

Browse Source
This commit is contained in:
Albrecht Degering
2026-07-23 00:29:21 +02:00
parent d40a288a4e
commit 8425d44658
19 changed files with 356 additions and 274 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/components/PageWorkspace/CopyPagesDialog.tsx
View File

@@ -48,7 +48,7 @@ const CopyPagesDialog: React.FC<CopyPagesDialogProps> = ({
position: 'fixed',
inset: 0,
zIndex: 60,
background: 'rgba(15, 23, 42, 0.55)',
background: 'var(--pdf-overlay)',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
@@ -60,9 +60,10 @@ const CopyPagesDialog: React.FC<CopyPagesDialogProps> = ({
style={{
width: '100%',
maxWidth: '420px',
background: 'white',
background: 'var(--pdf-surface-raised)',
color: 'var(--pdf-text)',
borderRadius: '0.75rem',
boxShadow: '0 20px 40px rgba(15, 23, 42, 0.35)',
boxShadow: 'var(--pdf-dialog-shadow)',
padding: '1rem',
display: 'flex',
flexDirection: 'column',
@@ -95,8 +96,8 @@ const CopyPagesDialog: React.FC<CopyPagesDialogProps> = ({
borderRadius: '999px',
width: '1.8rem',
height: '1.8rem',
background: '#e5e7eb',
color: '#111827',
background: 'var(--pdf-control)',
color: 'var(--pdf-control-text)',
cursor: 'pointer',
fontSize: '1.1rem',
lineHeight: 1,
@@ -114,7 +115,7 @@ const CopyPagesDialog: React.FC<CopyPagesDialogProps> = ({
style={{
margin: 0,
fontSize: '0.9rem',
color: '#4b5563',
color: 'var(--pdf-muted)',
}}
>
Copy{' '}
@@ -145,7 +146,7 @@ const CopyPagesDialog: React.FC<CopyPagesDialogProps> = ({
style={{
padding: '0.45rem 0.55rem',
borderRadius: '0.5rem',
border: '1px solid #d1d5db',
border: '1px solid var(--pdf-border-strong)',
fontSize: '0.95rem',
}}
/>
@@ -154,7 +155,7 @@ const CopyPagesDialog: React.FC<CopyPagesDialogProps> = ({
<div
style={{
fontSize: '0.8rem',
color: '#6b7280',
color: 'var(--pdf-muted-soft)',
lineHeight: 1.4,
}}
>
@@ -166,9 +167,9 @@ const CopyPagesDialog: React.FC<CopyPagesDialogProps> = ({
<div
style={{
borderRadius: '0.5rem',
background: '#fef2f2',
border: '1px solid #fecaca',
color: '#b91c1c',
background: 'var(--pdf-danger-surface)',
border: '1px solid var(--pdf-danger-border)',
color: 'var(--pdf-danger-text)',
padding: '0.5rem',
fontSize: '0.85rem',
}}
@@ -192,8 +193,8 @@ const CopyPagesDialog: React.FC<CopyPagesDialogProps> = ({
border: 'none',
borderRadius: '0.5rem',
padding: '0.45rem 0.8rem',
background: '#e5e7eb',
color: '#111827',
background: 'var(--pdf-control)',
color: 'var(--pdf-control-text)',
cursor: 'pointer',
fontSize: '0.9rem',
}}
@@ -207,8 +208,8 @@ const CopyPagesDialog: React.FC<CopyPagesDialogProps> = ({
border: 'none',
borderRadius: '0.5rem',
padding: '0.45rem 0.8rem',
background: '#16a34a',
color: 'white',
background: 'var(--pdf-success-text)',
color: 'var(--pdf-on-primary)',
cursor: 'pointer',
fontSize: '0.9rem',
}}