ビューワの外観はテーマ(CSS)を使用してカスタマイズすることができます。

製品に付属しているテーマは以下の4つです。

• ar-js-viewer.css （デフォルト）
• dark-yellow.css
• green.css
• light-blue.css

npmパッケージに含まれるテーマを参照する場合、以下のいずれかを記述します。

<link rel="stylesheet" href="./node_modules/@grapecity/activereports/styles/ar-js-viewer.css" />
<link rel="stylesheet" href="./node_modules/@grapecity/activereports/styles/dark-yellow.css" />
<link rel="stylesheet" href="./node_modules/@grapecity/activereports/styles/green.css" />
<link rel="stylesheet" href="./node_modules/@grapecity/activereports/styles/light-blue.css" />

オンラインのテーマエディタを使用して独自のテーマを作成することも可能です。
テーマエディタ

※テーマエディタはInternet Explorerでは使用できません。