How to use theming for Angular library ngx-extended-pdf-viewer

2.7k views Asked by At

As described here (github link) the ngx-extended-pdf-viewer library supports color theming. I would like to change the color of the header-menu and it's buttons. In my case the menu is very dark and the buttons are white. I can change the background color by creating a custom toolbar and set the style, but this is not a preferred solution I guess:

    <ngx-extended-pdf-viewer 
    #pdfViewer
      [customToolbar]="additionalButtons"
      [src]="'assets/pdfs/dachstein.pdf'"
      [height]="'50vh'"
      [useBrowserLocale]="true"
      [textLayer]="true">
    </ngx-extended-pdf-viewer>
    
    <ng-template #additionalButtons>
      <div id="toolbarViewer" style="background-color:darkblue">
...

But how do I use theming, or at least change the color of the buttons?

1

There are 1 answers

1
AthanasiusKirchner On BEST ANSWER

There is an option theme that is not appearing in the documentation. It offers three options dark, custom and light. For the custom option I could not find any documentations but one of the presets may be enought.

    <ngx-extended-pdf-viewer
        backgroundColor="#5c5c5c"
        theme="dark"