...
| Code Block |
|---|
|
<variable name="lighterGrayColorprimaryColor" value="#{[color:#d3d0d0#00A69D]}#" comment="
default: #d3d0d0
used as thumbnail background, page navigation background, disabled form fields, menu button hover effects #00A69D Primary color of the SAW Viewer affecting several major elements and referenced in different shades like 'primaryLightestColor' or 'primaryLighterColor' (see 'ADVANCED' section)
" category="Basic" /> |
With this one:
| Code Block |
|---|
|
<variable name="lighterGrayColorprimaryColor" value="#{[color:#8b8989#000088]}#" comment="
default: #d3d0d0
used as thumbnail background, page navigation background, disabled form fields, menu button hover effects#000088 Primary color of the SAW Viewer affecting several major elements and referenced in different shades like 'primaryLightestColor' or 'primaryLighterColor' (see 'ADVANCED' section)
" category="Basic" /> |
After the page navigation background color we are now changing the document background color. Therefor, search for the following line and change it to the lines below:
Replace the following line:
Replace the following line:
| Code Block |
|---|
|
<variable name="lightestGrayColorsecondaryColor" value="#{[color:#ebeaea#35364A]}#" comment="
default: #ebeaea
mainly used for the document background and menu backgrounds #35364A Secondary color of the SAW Viewer affecting most icons, some buttons and used as counterpart of 'primaryColor'
" category="Basic" />
|
With this one:
| Code Block |
|---|
|
<variable name="lightestGrayColorsecondaryColor" value="#{[color:#EEE9E9#000088]}#" comment="
default: #ebeaea
mainly used for the document background and menu backgrounds#000088 Secondary color of the SAW Viewer affecting most icons, some buttons and used as counterpart of 'primaryColor'
" category="Basic" /> |
...
Replace the following linelines:
| Code Block |
|---|
|
<variable name="defaultColorguidanceButtonNextColor" value="#{[colorcolorvar:#661864secondaryColor]}#" comment="
default: #661864
affects the cancel button border, active page navigation bar items, top small bar, focused element in the document, upload progress bars, finished message background color, active page border, active thumbnail border, icons and headers in dialogs, batch signing progressbar foreground, SignOnPhone background color
" category="" /> |
With this one:
" category="Expert" />
<variable name="guidanceButtonPreviousColor" value="#{[colorvar:secondaryColor]}#" comment="" category="Expert" />
<variable name="menuOverlayButtonColor" value="#{[colorvar:secondaryColor]}#" comment="" category="Expert" /> |
With this one:
| Code Block |
|---|
|
<variable name="guidanceButtonNextColor" value="#{[colorvar:whiteColor]}#" comment="" category="Expert" />
<variable name="guidanceButtonPreviousColor" value="#{[colorvar:whiteColor]}#" comment="" category="Expert" />
<variable name="menuOverlayButtonColor" value="#{[colorvar:whiteColor]}#" comment="" category="Expert |
| Code Block |
|---|
|
<variable name="defaultColor" value="#{[color:#000088]}#" comment="
default: #661864
affects the cancel button border, active page navigation bar items, top small bar, focused element in the document, upload progress bars, finished message background color, active page border, active thumbnail border, icons and headers in dialogs, batch signing progressbar foreground, SignOnPhone background color
" category="" /> |
After this configurations the viewer should look like the following:
...
