# @anjuna/theme > Anjuna Theme and Static Assets Latest version **1.2.19** (published 2021-10-29) · MIT license · 0 weekly downloads ## Install ```sh npm install @anjuna/theme pnpm add @anjuna/theme yarn add @anjuna/theme bun add @anjuna/theme ``` ## Health **Score 15/100 (F)** — status: abandoned. Positive: no vulnerabilities. Warnings: low downloads; no types; no esm support. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 1.2.19 | | Published | 2021-10-29 | | First published | 2019-01-10 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | none | | Module format | CommonJS | | Dependencies | 3 | | Unpacked size | 664.8 KB | | Known vulnerabilities | 0 (+3 in 1 direct dependencies) | | Install scripts | no | | Author | Zuora UI Foundation Team | | Maintainers | rdesisto, z-cduflo, gmazerogers, twotonebytes | ## Links - npm: https://www.npmjs.com/package/@anjuna/theme - Repository: https://git.zias.io/ui-foundation/anjuna - Issues: https://git.zias.io/ui-foundation/anjuna/issues - npm.io page: https://npm.io/package/@anjuna/theme ## Dependencies (3) - [jquery](https://npm.io/package/jquery.md) ~3.2.1 - [bootstrap](https://npm.io/package/bootstrap.md) ~4.3.1 - [popper.js](https://npm.io/package/popper.js.md) ~1.14.7 ## Recent versions - 1.2.19 (latest) — 2021-10-29 - 1.2.18 — 2021-06-14 - 1.2.17 — 2021-01-06 - 1.2.16 — 2021-01-05 - 1.2.15 — 2020-11-20 - 1.2.14 — 2020-06-04 - 1.2.13 — 2020-06-02 - 1.2.12 — 2020-05-12 - 1.2.7 — 2020-04-15 - 1.2.6 — 2020-03-17 - 1.2.5 — 2020-03-11 - 1.2.4 — 2020-03-06 - 1.2.3 — 2020-03-05 - 1.2.2 — 2020-03-05 - 1.2.1 — 2020-03-03 - … 62 more at https://npm.io/package/@anjuna/theme/versions ## README



# @anjuna/theme The @anjuna/theme package consists of a few different pieces to use in your app. * Raw SASS files to be imported directly into your app. * [**anjuna.scss**](theme/anjuna-sass): does not generate any CSS output. * Compiled CSS to be included in your app via CDN. * [**theme.css**](theme/theme-css): includes color palette and utility classes to be used by libraries and apps. * [**icons.css**](theme/icons): includes color palette and utility classes to be used by libraries and apps. * [**application.css**](theme/application-css): Subset of Bootstrap blended with our theme for use by applications. * Static assets (favicon for example) which are also included via the CDN. * [**favicon.ico**](theme/assets) ## Using CSS via CDN Using the CDN is comparable to using any other CDN assets. CSS can either be included either directly in the application HTML like such: ```html ``` Or you can import the file into your CSS/SASS like this: ```sass @import url('//cdn.zuora.com/@anjuna/theme@0.0.0/dist/css/application.css'); ``` ## Using assets Assets on the CDN work the same way except they are in the "assets" path, not the "css" path. ```html ``` ## Using the SASS To use Bootstrap and Anjuna SASS variables and mixins within your application, install the @anjuna/theme npm package. ```bash npm install @anjuna/theme ``` The shared sass file can then be imported into your application's sass. ```sass @import "~@anjuna/theme/sass/anjuna"; ``` **NOTE:** While it is possible to just import the anjuna.scss sass file wherever you need, that is not recommended. Instead we suggest creating your own _shared.scss partial, including anjuna.scss there, and then including your application specific shared file into your other sass files. This will let you leverage not only the Bootstrap and Anjuna helpers, but also your own. Like the Anjuna sass file, your own shared file shouldn't generate any output. --- _Source: https://npm.io/package/@anjuna/theme · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._