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...).
You can get started in 2 simple steps:
Install the dependencies
npm install @finastra/angular-theme @angular/material
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);
Choose between light
, dark
or all-theme
@import '@finastra/angular-theme/prebuilt-theme/all-theme';
Want to file a bug, contribute some code, or improve documentation? Excellent! consider reading our contribution guidelines