The Finastra Angular Theme is the Angular implementation of the Finastra Design System. It features Finastra's branding of foundations (color, typography, icons, logo) and UI elements (buttons, checkbox, input...).

🤔 How to use it?

You can get started in 2 simple steps:

Install the dependencies

npm install @finastra/angular-theme @angular/material

With SASS

The most flexible way of using the angular-theme

@use '@finastra/angular-theme' as fds;
@use '@finastra/angular-theme/base';

@include fds.uxg-core();
@include fds.uxg-material-theme(fds.$light-theme);

With CSS pre-built themes

Choose between light, dark or all-theme

@import '@finastra/angular-theme/prebuilt-theme/all-theme';

💌 Want to help?

Want to file a bug, contribute some code, or improve documentation? Excellent! consider reading our contribution guidelines