ActiveReportsJS download package, CDN distribution and @grapecity/activereports npm package includes the following CSS files that are used to set up the appearance of ActiveReportsJS Viewer component:
link tags, for example:
<link rel="stylesheet" href="https://cdn.grapecity.com/activereportsjs/2.latest/styles/ar-js-ui.css" type="text/css" /> <link rel="stylesheet" href="https://cdn.grapecity.com/activereportsjs/2.latest/styles/ar-js-viewer.css" type="text/css" />
In applications that support CSS loaders, you can import these styles can with an
import statement, for example:
import "@grapecity/activereports/styles/light-blue-ui.css"; import "@grapecity/activereports/styles/light-blue-viewer.css";
You can also generate a custom color theme for the ActiveReportsJS Report Viewer component:
ar-js-designer.css. You can use the first two files exactly as described above. The third file is the style for the designer component.