Pdftron webviewer 11.6 signature background change on dark theme

Technical Support WebViewer
,
1

WebViewer Version: 11.6

Can you reproduce using one of our samples or online demos? yes
Are you using the WebViewer server? yes
Does the issue only happen on certain browsers? all
Is your issue related to a front-end framework? no
Is your issue related to annotations? yes

Please give a brief summary of your issue:
ok so signatures background color is very dark when signature is in black color

so i want to change background of it

i did
.signature-row-content.interactable.full-signature {
background-color: #343a40 !important;
}

but it also gets static even when i switch to light mode

so i want to make light mode theme as it is but change background of signature to above mentioned color only in dark mode

it should also work when i switch in b/w dark and light mode

Please describe your issue and provide steps to reproduce it:
(The more descriptive your answer, the faster we are able to help you)

Please provide a link to a minimal sample where the issue is reproducible:

1 Like
2

Hello, I’m AiRon, an automated tech support bot :robot:
While you wait for one of our customer support representatives, I can help you with your question.


It seems like you’re trying to customize the signature background color in WebViewer when using a dark theme, but you want it to switch dynamically based on the theme. This can be achieved by using JavaScript to listen for theme changes and applying the appropriate styles dynamically.

Some things you can try:

  • Use JavaScript to detect when the theme changes and apply different styles accordingly.

  • Attach a listener to the theme switch event if available, or manually detect theme changes by toggling a class on the body element.

  • Apply different CSS styles based on the current theme using JavaScript or by adding a class to the body element that indicates the current theme.




Here are some resources that might help you:



Hopefully, this helps you solve your problem while you wait for a human to get back to you.

1 Like
3

Hi Shujahusnaixi,

I’m afraid I don’t understand what you mean.

Could you please show us the desired output and the actual output you have?
This would greatly help us understand what you are aiming to achieve.

Best Regards,
Mickaël.

1 Like