djoka/bentopdf
1
0
Fork 0
Code Issues Pull Requests Actions 4 Packages Projects Releases Wiki Activity

feat(signature): add font and color customization for typed signatures

Browse Source 
feat(stamps): implement new add stamps tool with image stamp support

fix(form-filler): improve form filler UI and XFA form support

refactor(sign-pdf): improve signature tool initialization and error handling

style(ui): update text color for better visibility in dark mode

chore: update navigation links to use root-relative paths
This commit is contained in:
abdullahalam123
2025-11-14 20:35:43 +05:30
parent c31704eb0e
commit ae8bd3a004
12 changed files with 579 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
public/pdfjs-viewer/viewer.css
View File

@@ -2401,6 +2401,50 @@
display:none;
}
/* Custom handwriting fonts for signature type input */
@font-face {
font-family:"PingFangChangAnTi";
src:url("./pdfjs-annotation-extension/font/PingFangChangAnTi-2.c4a81d.ttf") format("truetype");
font-weight:400;
font-style:normal;
font-display:swap;
}
@font-face {
font-family:"QiantuBifeng";
src:url("./pdfjs-annotation-extension/font/qiantubifengshouxieti.0cd35d.ttf") format("truetype");
font-weight:400;
font-style:normal;
font-display:swap;
}
@font-face {
font-family: "Kalam";
src: url("./pdfjs-annotation-extension/font/Kalam-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Merriweather";
src: url("./standard_fonts/merriweather-400.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Great Vibes";
src: url("./standard_fonts/great-vibes400.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
/* Custom end */
#addSignatureTypeContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureTypeInput{
position:absolute;
inset:0;
@@ -2419,6 +2463,33 @@
font-weight:400;
}
#signatureTypeControls{
position:absolute;
inset-inline:8px;
inset-block-start:8px;
display:flex;
align-items:center;
gap:8px;
padding:4px 8px;
background-color:rgba(0,0,0,0.4);
border-radius:4px;
z-index:1;
}
#signatureTypeControls label{
font-size:11px;
color:var(--secondary-text-color);
}
#signatureFontSelect{
font-size:11px;
}
#signatureColorPicker{
width:20px;
height:20px;
padding:0;
border:none;
background:transparent;
}
:is(#addSignatureTypeContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureTypeInput)::-moz-placeholder{
color:var(--signature-placeholder-color);
text-align:center;
@@ -3064,7 +3135,7 @@
@media (prefers-color-scheme: dark){
:is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton{
--csstools-color-scheme--light:;
--csstools-color-scheme--light: light;
}
}
@@ -3596,7 +3667,7 @@
@media (prefers-color-scheme: dark){
.commentPopup{
--csstools-color-scheme--light:;
--csstools-color-scheme--light: light;
}
}
@@ -5415,7 +5486,7 @@
@media (prefers-color-scheme: dark){
:root{
--csstools-color-scheme--light:;
--csstools-color-scheme--light: light;
}
}