Background Header and Content?

[julio]

I need to change the color of the toolbar in the header and the background of the document, but I couldn’t find how to change it

[system]

Hello, I’m Ron, an automated tech support bot

While you wait for one of our customer support representatives to get back to you, please check out some of these documentation pages:

Guides:

• Customize color & style of viewer - Change color theme - CSS variables
• Basic searching - Changing highlight colors
• Changing themes & colors using JavaScript

APIs:

• Core.DocumentViewer - setDefaultPageColor(color)
• CoreControls.Document - insertPages(sourceDocument [, pageArray] [, insertBeforeThisPage])
• Core.Document - cropPages(pageArray, topMargin, botMargin, leftMargin, rightMargin)

Forums:

• How do i change default value of Rectangle > Storke > Style as Cloudy
• Position of Signature Tools Areas
• To replace Count tool icon by custom icon [Pdfjs-express 7.0]

[julio]

there are some buttons that I can’t change the color, the pdf.js put inline style

{
type: ‘toolButton’,
toolName: ‘AnnotationCreateDistanceMeasurement’
}

<button class="Button tool-button hasStyles" data-element="ellipseMeasurementToolButton" aria-label="Medição de área"><div class="Icon " style="color: rgb(228, 66, 52);">.....</div></button>

[Logan]

Hey there,

In the future please fill out the issue template correctly, or your post will be closed and deleted with no reply.

You can provide a custom CSS file - see this guide

Here’s an example of some CSS to get you started:

.Button .Icon {
  color: red;
}

.Button {
  background-color: green;
}

.DocumentContainer {
  background-color: blueviolet;
}

.HeaderItems {
  background-color: pink;
}

.Header.Tools .HeaderItems {
  background-color: yellow;
}

Thanks,
Logan