@finastra/angular-theme

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