diff --git a/booklore-ui/package-lock.json b/booklore-ui/package-lock.json
index ec57557b7..8ab0f4904 100644
--- a/booklore-ui/package-lock.json
+++ b/booklore-ui/package-lock.json
@@ -17,14 +17,14 @@
"@angular/platform-browser-dynamic": "^19.0.0",
"@angular/router": "^19.0.0",
"@iharbeck/ngx-virtual-scroller": "^19.0.1",
+ "@primeng/themes": "19.0.2",
"@stomp/rx-stomp": "^2.0.0",
"@stomp/stompjs": "^7.0.0",
"ng-lazyload-image": "^9.1.3",
"ngx-extended-pdf-viewer": "^22.0.0",
"ngx-infinite-scroll": "^19.0.0",
- "primeflex": "^3.3.1",
"primeicons": "^7.0.0",
- "primeng": "^17.18.12",
+ "primeng": "19.0.2",
"rxjs": "~7.8.0",
"tslib": "^2.3.0",
"ws": "^8.18.0",
@@ -359,6 +359,24 @@
}
}
},
+ "node_modules/@angular/cdk": {
+ "version": "19.0.4",
+ "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-19.0.4.tgz",
+ "integrity": "sha512-P8V1n6AFFjBUJG3YRgw8DiiNDWPZVrwQ42wbwgZxd4s2TQAuNFg3YY8h/DSMVxt2sXpavrshZsoLtP9yLKZjHA==",
+ "license": "MIT",
+ "peer": true,
+ "dependencies": {
+ "tslib": "^2.3.0"
+ },
+ "optionalDependencies": {
+ "parse5": "^7.1.2"
+ },
+ "peerDependencies": {
+ "@angular/common": "^19.0.0 || ^20.0.0",
+ "@angular/core": "^19.0.0 || ^20.0.0",
+ "rxjs": "^6.5.3 || ^7.4.0"
+ }
+ },
"node_modules/@angular/cli": {
"version": "19.0.2",
"resolved": "https://registry.npmjs.org/@angular/cli/-/cli-19.0.2.tgz",
@@ -4310,6 +4328,36 @@
"node": ">=14"
}
},
+ "node_modules/@primeng/themes": {
+ "version": "19.0.2",
+ "resolved": "https://registry.npmjs.org/@primeng/themes/-/themes-19.0.2.tgz",
+ "integrity": "sha512-rPLSUkoW6M36Jjd27XD0biiT6C0VdRx024he6ZRgGpFH5WrnKDJPbbzCdLNFF7JCvEgmBHWEDwnmpHgywjrn2g==",
+ "license": "SEE LICENSE IN LICENSE.md",
+ "dependencies": {
+ "@primeuix/styled": "^0.3.2"
+ }
+ },
+ "node_modules/@primeuix/styled": {
+ "version": "0.3.2",
+ "resolved": "https://registry.npmjs.org/@primeuix/styled/-/styled-0.3.2.tgz",
+ "integrity": "sha512-ColZes0+/WKqH4ob2x8DyNYf1NENpe5ZguOvx5yCLxaP8EIMVhLjWLO/3umJiDnQU4XXMLkn2mMHHw+fhTX/mw==",
+ "license": "MIT",
+ "dependencies": {
+ "@primeuix/utils": "^0.3.2"
+ },
+ "engines": {
+ "node": ">=12.11.0"
+ }
+ },
+ "node_modules/@primeuix/utils": {
+ "version": "0.3.2",
+ "resolved": "https://registry.npmjs.org/@primeuix/utils/-/utils-0.3.2.tgz",
+ "integrity": "sha512-B+nphqTQeq+i6JuICLdVWnDMjONome2sNz0xI65qIOyeB4EF12CoKRiCsxuZ5uKAkHi/0d1LqlQ9mIWRSdkavw==",
+ "license": "MIT",
+ "engines": {
+ "node": ">=12.11.0"
+ }
+ },
"node_modules/@rollup/rollup-android-arm-eabi": {
"version": "4.26.0",
"resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.26.0.tgz",
@@ -7233,7 +7281,7 @@
"version": "4.5.0",
"resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
"integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
- "dev": true,
+ "devOptional": true,
"license": "BSD-2-Clause",
"engines": {
"node": ">=0.12"
@@ -11477,7 +11525,7 @@
"version": "7.2.1",
"resolved": "https://registry.npmjs.org/parse5/-/parse5-7.2.1.tgz",
"integrity": "sha512-BuBYQYlv1ckiPdQi/ohiivi9Sagc9JG+Ozs0r7b/0iK3sKmrb0b9FdWdBbOdx6hBCM/F9Ir82ofnBhtZOjCRPQ==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"dependencies": {
"entities": "^4.5.0"
@@ -11814,12 +11862,6 @@
"dev": true,
"license": "MIT"
},
- "node_modules/primeflex": {
- "version": "3.3.1",
- "resolved": "https://registry.npmjs.org/primeflex/-/primeflex-3.3.1.tgz",
- "integrity": "sha512-zaOq3YvcOYytbAmKv3zYc+0VNS9Wg5d37dfxZnveKBFPr7vEIwfV5ydrpiouTft8MVW6qNjfkaQphHSnvgQbpQ==",
- "license": "MIT"
- },
"node_modules/primeicons": {
"version": "7.0.0",
"resolved": "https://registry.npmjs.org/primeicons/-/primeicons-7.0.0.tgz",
@@ -11827,19 +11869,24 @@
"license": "MIT"
},
"node_modules/primeng": {
- "version": "17.18.12",
- "resolved": "https://registry.npmjs.org/primeng/-/primeng-17.18.12.tgz",
- "integrity": "sha512-zElkv9c3209e1j2yNXalfv71gGJeo8c7bUuW3nsvtQZcYsXjdsJvBEhTThVghBdpCUoFYD3cNmTzg3t807cL6A==",
- "license": "MIT",
+ "version": "19.0.2",
+ "resolved": "https://registry.npmjs.org/primeng/-/primeng-19.0.2.tgz",
+ "integrity": "sha512-7vizB1ynvvADjZBE9/Ks/YFwbY/d2tKYo+8Uq3OsBq9+rf9pIwKQIhd9GKkpe1gXx5Ig2SOFVeTp1Ru4H/vlVA==",
+ "license": "SEE LICENSE IN LICENSE.md",
"dependencies": {
+ "@primeuix/styled": "^0.3.2",
+ "@primeuix/utils": "^0.3.2",
"tslib": "^2.3.0"
},
"peerDependencies": {
- "@angular/common": "^17.0.0 || ^18.0.0",
- "@angular/core": "^17.0.0 || ^18.0.0",
- "@angular/forms": "^17.0.0 || ^18.0.0",
- "rxjs": "^6.0.0 || ^7.8.1",
- "zone.js": "~0.14.0"
+ "@angular/animations": "^19.0.0",
+ "@angular/cdk": "^19.0.0",
+ "@angular/common": "^19.0.0",
+ "@angular/core": "^19.0.0",
+ "@angular/forms": "^19.0.0",
+ "@angular/platform-browser": "^19.0.0",
+ "@angular/router": "^19.0.0",
+ "rxjs": "^6.0.0 || ^7.8.1"
}
},
"node_modules/proc-log": {
diff --git a/booklore-ui/package.json b/booklore-ui/package.json
index a7e5e0702..04f8bdf38 100644
--- a/booklore-ui/package.json
+++ b/booklore-ui/package.json
@@ -24,9 +24,9 @@
"ng-lazyload-image": "^9.1.3",
"ngx-extended-pdf-viewer": "^22.0.0",
"ngx-infinite-scroll": "^19.0.0",
- "primeflex": "^3.3.1",
"primeicons": "^7.0.0",
- "primeng": "^17.18.12",
+ "@primeng/themes": "19.0.2",
+ "primeng": "19.0.2",
"rxjs": "~7.8.0",
"tslib": "^2.3.0",
"ws": "^8.18.0",
diff --git a/booklore-ui/src/app/app-routing.module.ts b/booklore-ui/src/app/app-routing.module.ts
index 3478b4a3b..cb201c5f1 100644
--- a/booklore-ui/src/app/app-routing.module.ts
+++ b/booklore-ui/src/app/app-routing.module.ts
@@ -1,10 +1,10 @@
import {NgModule} from '@angular/core';
import {RouterModule, Routes} from '@angular/router';
-import {AppLayoutComponent} from './book/component/layout/app.layout.component';
import {PdfViewerComponent} from './book/component/pdf-viewer/pdf-viewer.component';
import {DashboardComponent} from './book/component/dashboard/dashboard.component';
import {BookMetadataComponent} from './book/component/book-metadata/book-metadata.component';
import {BooksBrowserComponent} from './book/component/books-browser/books-browser.component';
+import {AppLayoutComponent} from './book/component/layout/app.layout.component';
const routes: Routes = [
{
diff --git a/booklore-ui/src/app/app.module.ts b/booklore-ui/src/app/app.module.ts
index 039a01260..22b75827b 100644
--- a/booklore-ui/src/app/app.module.ts
+++ b/booklore-ui/src/app/app.module.ts
@@ -38,6 +38,9 @@ import {CustomReuseStrategy} from './custom-reuse-strategy';
import {MenuModule} from 'primeng/menu';
import {IconPickerComponent} from './book/component/icon-picker/icon-picker.component';
import {ProgressSpinnerModule} from 'primeng/progressspinner';
+import {provideAnimationsAsync} from '@angular/platform-browser/animations/async';
+import {providePrimeNG} from 'primeng/config';
+import Aura from '@primeng/themes/aura';
@NgModule({
declarations: [
@@ -87,7 +90,13 @@ import {ProgressSpinnerModule} from 'primeng/progressspinner';
{
provide: RouteReuseStrategy,
useClass: CustomReuseStrategy
- }
+ },
+ provideAnimationsAsync(),
+ providePrimeNG({
+ theme: {
+ preset: Aura
+ }
+ })
],
bootstrap: [AppComponent]
})
diff --git a/booklore-ui/src/app/book/component/books-browser/books-browser.component.html b/booklore-ui/src/app/book/component/books-browser/books-browser.component.html
index 1ecab8a26..fff392212 100644
--- a/booklore-ui/src/app/book/component/books-browser/books-browser.component.html
+++ b/booklore-ui/src/app/book/component/books-browser/books-browser.component.html
@@ -1,6 +1,6 @@
diff --git a/booklore-ui/src/app/book/component/layout/app.layout.component.ts b/booklore-ui/src/app/book/component/layout/app.layout.component.ts
index d7f473060..aab24fe6f 100644
--- a/booklore-ui/src/app/book/component/layout/app.layout.component.ts
+++ b/booklore-ui/src/app/book/component/layout/app.layout.component.ts
@@ -4,7 +4,6 @@ import { filter, Subscription } from 'rxjs';
import { LayoutService } from "./service/app.layout.service";
import { AppSidebarComponent } from "./app.sidebar.component";
import { AppTopBarComponent } from './app.topbar.component';
-import {AppConfigComponent} from "./config/app.config.component";
import {NgClass} from '@angular/common';
import {ToastModule} from 'primeng/toast';
@@ -12,7 +11,6 @@ import {ToastModule} from 'primeng/toast';
selector: 'app-layout',
imports: [
RouterOutlet,
- AppConfigComponent,
AppSidebarComponent,
AppTopBarComponent,
NgClass,
diff --git a/booklore-ui/src/app/book/component/layout/app.layout.module.ts b/booklore-ui/src/app/book/component/layout/app.layout.module.ts
index 8ee8b9b08..b644d87f6 100644
--- a/booklore-ui/src/app/book/component/layout/app.layout.module.ts
+++ b/booklore-ui/src/app/book/component/layout/app.layout.module.ts
@@ -13,9 +13,7 @@ import { AppMenuComponent } from './app.menu.component';
import { AppMenuitemComponent } from './app.menuitem.component';
import { RouterModule } from '@angular/router';
import { AppTopBarComponent } from './app.topbar.component';
-import { AppConfigModule } from './config/config.module';
import { AppSidebarComponent } from "./app.sidebar.component";
-import { AppLayoutComponent } from "./app.layout.component";
@NgModule({
declarations: [
@@ -33,13 +31,10 @@ import { AppLayoutComponent } from "./app.layout.component";
InputSwitchModule,
RippleModule,
RouterModule,
- AppConfigModule,
AppMenuitemComponent,
AppTopBarComponent,
AppMenuComponent,
AppSidebarComponent,
- AppLayoutComponent
- ],
- exports: [AppLayoutComponent]
+ ]
})
export class AppLayoutModule { }
diff --git a/booklore-ui/src/app/book/component/layout/app.topbar.component.html b/booklore-ui/src/app/book/component/layout/app.topbar.component.html
index 986de91b8..b33602897 100644
--- a/booklore-ui/src/app/book/component/layout/app.topbar.component.html
+++ b/booklore-ui/src/app/book/component/layout/app.topbar.component.html
@@ -33,10 +33,12 @@
-
+
+
+
+
diff --git a/booklore-ui/src/app/book/component/layout/app.topbar.component.ts b/booklore-ui/src/app/book/component/layout/app.topbar.component.ts
index a081e5283..1ac0641b6 100644
--- a/booklore-ui/src/app/book/component/layout/app.topbar.component.ts
+++ b/booklore-ui/src/app/book/component/layout/app.topbar.component.ts
@@ -13,6 +13,8 @@ import {FileUploadComponent} from '../file-upload/file-upload.component';
import {NgClass, NgIf} from '@angular/common';
import {EventService} from '../../service/event.service';
import {LogNotification} from '../../model/log-notification.model';
+import {Button} from 'primeng/button';
+import {AppConfiguratorComponent} from '../../../configurator/configurator.component';
@Component({
selector: 'app-topbar',
@@ -25,7 +27,9 @@ import {LogNotification} from '../../model/log-notification.model';
InputTextModule,
SearchComponent,
ThemeSwitcherComponent,
- NgIf
+ NgIf,
+ Button,
+ AppConfiguratorComponent
],
})
export class AppTopBarComponent implements OnDestroy {
diff --git a/booklore-ui/src/app/book/component/layout/config/app.config.component.html b/booklore-ui/src/app/book/component/layout/config/app.config.component.html
deleted file mode 100644
index 6633f736f..000000000
--- a/booklore-ui/src/app/book/component/layout/config/app.config.component.html
+++ /dev/null
@@ -1,242 +0,0 @@
-
-
-
- Scale
-
-
-
- Menu Type
-
-
-
-
-
- Input Style
-
-
- Ripple Effect
-
-
-
-
- Bootstrap
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Material Design
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Material Design Compact
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Tailwind
-
-
-
-
-
-
- Fluent UI
-
-
-
-
-
-
- PrimeOne Design - 2022
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- PrimeOne Design - 2021
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/booklore-ui/src/app/book/component/layout/config/app.config.component.ts b/booklore-ui/src/app/book/component/layout/config/app.config.component.ts
deleted file mode 100644
index 1627fa722..000000000
--- a/booklore-ui/src/app/book/component/layout/config/app.config.component.ts
+++ /dev/null
@@ -1,115 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { LayoutService } from '../service/app.layout.service';
-import { MenuService } from '../app.menu.service';
-import {RadioButtonModule} from 'primeng/radiobutton';
-import {FormsModule} from '@angular/forms';
-import {InputSwitchModule} from 'primeng/inputswitch';
-import {NgClass, NgForOf, NgIf, NgOptimizedImage} from '@angular/common';
-import {SidebarModule} from 'primeng/sidebar';
-import {ButtonDirective} from 'primeng/button';
-
-@Component({
- selector: 'app-config',
- templateUrl: './app.config.component.html',
- imports: [
- RadioButtonModule,
- FormsModule,
- InputSwitchModule,
- NgIf,
- SidebarModule,
- NgClass,
- ButtonDirective,
- NgForOf
- ]
-})
-export class AppConfigComponent {
- @Input() minimal: boolean = false;
-
- scales: number[] = [12, 13, 14, 15, 16];
-
- constructor(
- public layoutService: LayoutService,
- public menuService: MenuService
- ) {}
-
- get visible(): boolean {
- return this.layoutService.state.configSidebarVisible;
- }
- set visible(_val: boolean) {
- this.layoutService.state.configSidebarVisible = _val;
- }
-
- get scale(): number {
- return this.layoutService.config().scale;
- }
- set scale(_val: number) {
- this.layoutService.config.update((config) => ({
- ...config,
- scale: _val,
- }));
- }
-
- get menuMode(): string {
- return this.layoutService.config().menuMode;
- }
- set menuMode(_val: string) {
- this.layoutService.config.update((config) => ({
- ...config,
- menuMode: _val,
- }));
- }
-
- get inputStyle(): string {
- return this.layoutService.config().inputStyle;
- }
- set inputStyle(_val: string) {
- this.layoutService.config().inputStyle = _val;
- }
-
- get ripple(): boolean {
- return this.layoutService.config().ripple;
- }
- set ripple(_val: boolean) {
- this.layoutService.config.update((config) => ({
- ...config,
- ripple: _val,
- }));
- }
-
- set theme(val: string) {
- this.layoutService.config.update((config) => ({
- ...config,
- theme: val,
- }));
- }
- get theme(): string {
- return this.layoutService.config().theme;
- }
-
- set colorScheme(val: string) {
- this.layoutService.config.update((config) => ({
- ...config,
- colorScheme: val,
- }));
- }
- get colorScheme(): string {
- return this.layoutService.config().colorScheme;
- }
-
- onConfigButtonClick() {
- this.layoutService.showConfigSidebar();
- }
-
- changeTheme(theme: string, colorScheme: string) {
- this.theme = theme;
- this.colorScheme = colorScheme;
- }
-
- decrementScale() {
- this.scale--;
- }
-
- incrementScale() {
- this.scale++;
- }
-}
diff --git a/booklore-ui/src/app/book/component/layout/config/config.module.ts b/booklore-ui/src/app/book/component/layout/config/config.module.ts
deleted file mode 100644
index f4b8740ac..000000000
--- a/booklore-ui/src/app/book/component/layout/config/config.module.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-import { SidebarModule } from 'primeng/sidebar';
-import { RadioButtonModule } from 'primeng/radiobutton';
-import { ButtonModule } from 'primeng/button';
-import { InputSwitchModule } from 'primeng/inputswitch';
-import { AppConfigComponent } from './app.config.component';
-
-@NgModule({
- imports: [
- CommonModule,
- FormsModule,
- SidebarModule,
- RadioButtonModule,
- ButtonModule,
- InputSwitchModule,
- AppConfigComponent
- ],
- declarations: [
-
- ],
- exports: [
- AppConfigComponent
- ]
-})
-export class AppConfigModule { }
diff --git a/booklore-ui/src/app/book/component/library-creator/library-creator.component.html b/booklore-ui/src/app/book/component/library-creator/library-creator.component.html
index dd5ac8df1..f89fdabf1 100644
--- a/booklore-ui/src/app/book/component/library-creator/library-creator.component.html
+++ b/booklore-ui/src/app/book/component/library-creator/library-creator.component.html
@@ -1,5 +1,5 @@
-
+
-
-
+
+
-
+
diff --git a/booklore-ui/src/app/book/component/shelf-assigner/shelf-assigner.component.html b/booklore-ui/src/app/book/component/shelf-assigner/shelf-assigner.component.html
index ccd0d8c3b..f50f362fb 100644
--- a/booklore-ui/src/app/book/component/shelf-assigner/shelf-assigner.component.html
+++ b/booklore-ui/src/app/book/component/shelf-assigner/shelf-assigner.component.html
@@ -31,7 +31,7 @@
diff --git a/booklore-ui/src/app/book/model/state/app-state.model.ts b/booklore-ui/src/app/book/model/state/app-state.model.ts
new file mode 100644
index 000000000..c08779f2b
--- /dev/null
+++ b/booklore-ui/src/app/book/model/state/app-state.model.ts
@@ -0,0 +1,9 @@
+export interface AppState {
+ preset?: string;
+ primary?: string;
+ surface?: string;
+ darkTheme?: boolean;
+ menuActive?: boolean;
+ designerKey?: string;
+ RTL?: boolean;
+}
diff --git a/booklore-ui/src/app/book/service/app-config.service.ts b/booklore-ui/src/app/book/service/app-config.service.ts
new file mode 100644
index 000000000..7759056e7
--- /dev/null
+++ b/booklore-ui/src/app/book/service/app-config.service.ts
@@ -0,0 +1,97 @@
+import { DOCUMENT, isPlatformBrowser } from '@angular/common';
+import { computed, effect, inject, Injectable, PLATFORM_ID, signal } from '@angular/core';
+import {AppState} from '../model/state/app-state.model';
+@Injectable({
+ providedIn: 'root'
+})
+export class AppConfigService {
+ private readonly STORAGE_KEY = 'appConfigState';
+
+ appState = signal({});
+
+ document = inject(DOCUMENT);
+
+ platformId = inject(PLATFORM_ID);
+
+ theme = computed(() => (this.appState()?.darkTheme ? 'dark' : 'light'));
+
+ transitionComplete = signal(false);
+
+ private initialized = false;
+
+ constructor() {
+ this.appState.set({ ...this.loadAppState() });
+
+ effect(
+ () => {
+ const state = this.appState();
+
+ if (!this.initialized || !state) {
+ this.initialized = true;
+ return;
+ }
+ this.saveAppState(state);
+ this.handleDarkModeTransition(state);
+ },
+ { allowSignalWrites: true }
+ );
+ }
+
+ private handleDarkModeTransition(state: AppState): void {
+ if (isPlatformBrowser(this.platformId)) {
+ if ((document as any).startViewTransition) {
+ this.startViewTransition(state);
+ } else {
+ this.toggleDarkMode(state);
+ this.onTransitionEnd();
+ }
+ }
+ }
+
+ private startViewTransition(state: AppState): void {
+ const transition = (document as any).startViewTransition(() => {
+ this.toggleDarkMode(state);
+ });
+
+ transition.ready.then(() => this.onTransitionEnd());
+ }
+
+ private toggleDarkMode(state: AppState): void {
+ if (state.darkTheme) {
+ this.document.documentElement.classList.add('p-dark');
+ } else {
+ this.document.documentElement.classList.remove('p-dark');
+ }
+ }
+
+ private onTransitionEnd() {
+ this.transitionComplete.set(true);
+ setTimeout(() => {
+ this.transitionComplete.set(false);
+ });
+ }
+
+ private loadAppState(): any {
+ if (isPlatformBrowser(this.platformId)) {
+ const storedState = localStorage.getItem(this.STORAGE_KEY);
+ if (storedState) {
+ return JSON.parse(storedState);
+ }
+ }
+ return {
+ preset: 'Aura',
+ primary: 'noir',
+ surface: null,
+ darkTheme: false,
+ menuActive: false,
+ designerKey: 'primeng-designer-theme',
+ RTL: false
+ };
+ }
+
+ private saveAppState(state: any): void {
+ if (isPlatformBrowser(this.platformId)) {
+ localStorage.setItem(this.STORAGE_KEY, JSON.stringify(state));
+ }
+ }
+}
diff --git a/booklore-ui/src/app/configurator/configurator.component.html b/booklore-ui/src/app/configurator/configurator.component.html
new file mode 100644
index 000000000..15e5d3268
--- /dev/null
+++ b/booklore-ui/src/app/configurator/configurator.component.html
@@ -0,0 +1 @@
+configurator works!
diff --git a/booklore-ui/src/app/configurator/configurator.component.scss b/booklore-ui/src/app/configurator/configurator.component.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/booklore-ui/src/app/configurator/configurator.component.ts b/booklore-ui/src/app/configurator/configurator.component.ts
new file mode 100644
index 000000000..ebaadfa15
--- /dev/null
+++ b/booklore-ui/src/app/configurator/configurator.component.ts
@@ -0,0 +1,505 @@
+import {CommonModule, isPlatformBrowser} from '@angular/common';
+import {Component, computed, inject, PLATFORM_ID} from '@angular/core';
+import {FormsModule} from '@angular/forms';
+import {$t, updatePreset, updateSurfacePalette} from '@primeng/themes';
+import Aura from '@primeng/themes/aura';
+import Lara from '@primeng/themes/lara';
+import Material from '@primeng/themes/material';
+import Nora from '@primeng/themes/nora';
+import {ButtonModule} from 'primeng/button';
+import {PrimeNG} from 'primeng/config';
+import {InputSwitchModule} from 'primeng/inputswitch';
+import {RadioButtonModule} from 'primeng/radiobutton';
+import {SelectButton} from 'primeng/selectbutton';
+import {ToggleSwitchModule} from 'primeng/toggleswitch';
+import {AppConfigService} from '../book/service/app-config.service';
+
+interface ColorPalette {
+ [key: string]: string; // Allows dynamic string keys like '500', '400', etc.
+}
+
+// Define interface for Palette
+interface Palette {
+ name: string;
+ palette: ColorPalette;
+}
+
+const presets = {
+ Aura,
+ Material,
+ Lara,
+ Nora
+};
+
+@Component({
+ selector: 'app-configurator',
+ standalone: true,
+ template: `
+
+
+
Primary
+
+ @for (primaryColor of primaryColors(); track primaryColor.name) {
+
+ }
+
+
+
+
+
Surface
+
+ @for (surface of surfaces; track surface.name) {
+
+ }
+
+
+
+
+
+
+ `,
+ host: {
+ class: 'config-panel hidden'
+ },
+ imports: [CommonModule, FormsModule, InputSwitchModule, ButtonModule, RadioButtonModule, SelectButton, ToggleSwitchModule]
+})
+export class AppConfiguratorComponent {
+ get ripple() {
+ return this.config.ripple();
+ }
+
+ set ripple(value: boolean) {
+ this.config.ripple.set(value);
+ }
+
+ get isRTL() {
+ return this.configService.appState().RTL;
+ }
+
+ config: PrimeNG = inject(PrimeNG);
+
+ configService: AppConfigService = inject(AppConfigService);
+
+ platformId = inject(PLATFORM_ID);
+
+ presets = Object.keys(presets);
+
+ onRTLChange(value: boolean) {
+ this.configService.appState.update((state) => ({...state, RTL: value}));
+ if (!(document as any).startViewTransition) {
+ this.toggleRTL(value);
+ return;
+ }
+
+ (document as any).startViewTransition(() => this.toggleRTL(value));
+ }
+
+ toggleRTL(value: boolean) {
+ const htmlElement = document.documentElement;
+
+ if (value) {
+ htmlElement.setAttribute('dir', 'rtl');
+ } else {
+ htmlElement.removeAttribute('dir');
+ }
+ }
+
+ ngOnInit() {
+ if (isPlatformBrowser(this.platformId)) {
+ this.onPresetChange(this.configService.appState().preset);
+ this.toggleRTL(this.configService.appState().RTL!);
+ }
+ }
+
+ surfaces = [
+ {
+ name: 'slate',
+ palette: {
+ 0: '#ffffff',
+ 50: '#f8fafc',
+ 100: '#f1f5f9',
+ 200: '#e2e8f0',
+ 300: '#cbd5e1',
+ 400: '#94a3b8',
+ 500: '#64748b',
+ 600: '#475569',
+ 700: '#334155',
+ 800: '#1e293b',
+ 900: '#0f172a',
+ 950: '#020617'
+ }
+ },
+ {
+ name: 'gray',
+ palette: {
+ 0: '#ffffff',
+ 50: '#f9fafb',
+ 100: '#f3f4f6',
+ 200: '#e5e7eb',
+ 300: '#d1d5db',
+ 400: '#9ca3af',
+ 500: '#6b7280',
+ 600: '#4b5563',
+ 700: '#374151',
+ 800: '#1f2937',
+ 900: '#111827',
+ 950: '#030712'
+ }
+ },
+ {
+ name: 'zinc',
+ palette: {
+ 0: '#ffffff',
+ 50: '#fafafa',
+ 100: '#f4f4f5',
+ 200: '#e4e4e7',
+ 300: '#d4d4d8',
+ 400: '#a1a1aa',
+ 500: '#71717a',
+ 600: '#52525b',
+ 700: '#3f3f46',
+ 800: '#27272a',
+ 900: '#18181b',
+ 950: '#09090b'
+ }
+ },
+ {
+ name: 'neutral',
+ palette: {
+ 0: '#ffffff',
+ 50: '#fafafa',
+ 100: '#f5f5f5',
+ 200: '#e5e5e5',
+ 300: '#d4d4d4',
+ 400: '#a3a3a3',
+ 500: '#737373',
+ 600: '#525252',
+ 700: '#404040',
+ 800: '#262626',
+ 900: '#171717',
+ 950: '#0a0a0a'
+ }
+ },
+ {
+ name: 'stone',
+ palette: {
+ 0: '#ffffff',
+ 50: '#fafaf9',
+ 100: '#f5f5f4',
+ 200: '#e7e5e4',
+ 300: '#d6d3d1',
+ 400: '#a8a29e',
+ 500: '#78716c',
+ 600: '#57534e',
+ 700: '#44403c',
+ 800: '#292524',
+ 900: '#1c1917',
+ 950: '#0c0a09'
+ }
+ },
+ {
+ name: 'soho',
+ palette: {
+ 0: '#ffffff',
+ 50: '#ececec',
+ 100: '#dedfdf',
+ 200: '#c4c4c6',
+ 300: '#adaeb0',
+ 400: '#97979b',
+ 500: '#7f8084',
+ 600: '#6a6b70',
+ 700: '#55565b',
+ 800: '#3f4046',
+ 900: '#2c2c34',
+ 950: '#16161d'
+ }
+ },
+ {
+ name: 'viva',
+ palette: {
+ 0: '#ffffff',
+ 50: '#f3f3f3',
+ 100: '#e7e7e8',
+ 200: '#cfd0d0',
+ 300: '#b7b8b9',
+ 400: '#9fa1a1',
+ 500: '#87898a',
+ 600: '#6e7173',
+ 700: '#565a5b',
+ 800: '#3e4244',
+ 900: '#262b2c',
+ 950: '#0e1315'
+ }
+ },
+ {
+ name: 'ocean',
+ palette: {
+ 0: '#ffffff',
+ 50: '#fbfcfc',
+ 100: '#F7F9F8',
+ 200: '#EFF3F2',
+ 300: '#DADEDD',
+ 400: '#B1B7B6',
+ 500: '#828787',
+ 600: '#5F7274',
+ 700: '#415B61',
+ 800: '#29444E',
+ 900: '#183240',
+ 950: '#0c1920'
+ }
+ }
+ ];
+
+ selectedPrimaryColor = computed(() => {
+ return this.configService.appState().primary;
+ });
+
+ selectedSurfaceColor = computed(() => this.configService.appState().surface);
+
+ selectedPreset = computed(() => this.configService.appState().preset);
+
+ primaryColors = computed(() => {
+ // @ts-ignore
+ const presetPalette = presets[this.configService.appState().preset].primitive;
+ const colors = ['emerald', 'green', 'lime', 'orange', 'amber', 'yellow', 'teal', 'cyan', 'sky', 'blue', 'indigo', 'violet', 'purple', 'fuchsia', 'pink', 'rose'];
+ const palettes: Palette[] = [{ name: 'noir', palette: {} }];
+
+ colors.forEach((color) => {
+ palettes.push({
+ name: color,
+ palette: presetPalette[color] || {}, // Fallback to an empty object
+ });
+ });
+
+ return palettes;
+ });
+
+ getPresetExt() {
+ const color = this.primaryColors().find((c) => c.name === this.selectedPrimaryColor());
+
+ if (color!.name === 'noir') {
+ return {
+ semantic: {
+ primary: {
+ 50: '{surface.50}',
+ 100: '{surface.100}',
+ 200: '{surface.200}',
+ 300: '{surface.300}',
+ 400: '{surface.400}',
+ 500: '{surface.500}',
+ 600: '{surface.600}',
+ 700: '{surface.700}',
+ 800: '{surface.800}',
+ 900: '{surface.900}',
+ 950: '{surface.950}'
+ },
+ colorScheme: {
+ light: {
+ primary: {
+ color: '{primary.950}',
+ contrastColor: '#ffffff',
+ hoverColor: '{primary.800}',
+ activeColor: '{primary.700}'
+ },
+ highlight: {
+ background: '{primary.950}',
+ focusBackground: '{primary.700}',
+ color: '#ffffff',
+ focusColor: '#ffffff'
+ }
+ },
+ dark: {
+ primary: {
+ color: '{primary.50}',
+ contrastColor: '{primary.950}',
+ hoverColor: '{primary.200}',
+ activeColor: '{primary.300}'
+ },
+ highlight: {
+ background: '{primary.50}',
+ focusBackground: '{primary.300}',
+ color: '{primary.950}',
+ focusColor: '{primary.950}'
+ }
+ }
+ }
+ }
+ };
+ } else {
+ if (this.configService.appState().preset === 'Nora') {
+ return {
+ semantic: {
+ primary: color!.palette,
+ colorScheme: {
+ light: {
+ primary: {
+ color: '{primary.600}',
+ contrastColor: '#ffffff',
+ hoverColor: '{primary.700}',
+ activeColor: '{primary.800}'
+ },
+ highlight: {
+ background: '{primary.600}',
+ focusBackground: '{primary.700}',
+ color: '#ffffff',
+ focusColor: '#ffffff'
+ }
+ },
+ dark: {
+ primary: {
+ color: '{primary.500}',
+ contrastColor: '{surface.900}',
+ hoverColor: '{primary.400}',
+ activeColor: '{primary.300}'
+ },
+ highlight: {
+ background: '{primary.500}',
+ focusBackground: '{primary.400}',
+ color: '{surface.900}',
+ focusColor: '{surface.900}'
+ }
+ }
+ }
+ }
+ };
+ } else if (this.configService.appState().preset === 'Material') {
+ return {
+ semantic: {
+ primary: color!.palette,
+ colorScheme: {
+ light: {
+ primary: {
+ color: '{primary.500}',
+ contrastColor: '#ffffff',
+ hoverColor: '{primary.400}',
+ activeColor: '{primary.300}'
+ },
+ highlight: {
+ background: 'color-mix(in srgb, {primary.color}, transparent 88%)',
+ focusBackground: 'color-mix(in srgb, {primary.color}, transparent 76%)',
+ color: '{primary.700}',
+ focusColor: '{primary.800}'
+ }
+ },
+ dark: {
+ primary: {
+ color: '{primary.400}',
+ contrastColor: '{surface.900}',
+ hoverColor: '{primary.300}',
+ activeColor: '{primary.200}'
+ },
+ highlight: {
+ background: 'color-mix(in srgb, {primary.400}, transparent 84%)',
+ focusBackground: 'color-mix(in srgb, {primary.400}, transparent 76%)',
+ color: 'rgba(255,255,255,.87)',
+ focusColor: 'rgba(255,255,255,.87)'
+ }
+ }
+ }
+ }
+ };
+ } else {
+ return {
+ semantic: {
+ primary: color!.palette,
+ colorScheme: {
+ light: {
+ primary: {
+ color: '{primary.500}',
+ contrastColor: '#ffffff',
+ hoverColor: '{primary.600}',
+ activeColor: '{primary.700}'
+ },
+ highlight: {
+ background: '{primary.50}',
+ focusBackground: '{primary.100}',
+ color: '{primary.700}',
+ focusColor: '{primary.800}'
+ }
+ },
+ dark: {
+ primary: {
+ color: '{primary.400}',
+ contrastColor: '{surface.900}',
+ hoverColor: '{primary.300}',
+ activeColor: '{primary.200}'
+ },
+ highlight: {
+ background: 'color-mix(in srgb, {primary.400}, transparent 84%)',
+ focusBackground: 'color-mix(in srgb, {primary.400}, transparent 76%)',
+ color: 'rgba(255,255,255,.87)',
+ focusColor: 'rgba(255,255,255,.87)'
+ }
+ }
+ }
+ }
+ };
+ }
+ }
+ }
+
+ updateColors(event: any, type: string, color: any) {
+ if (type === 'primary') {
+ this.configService.appState.update((state) => ({...state, primary: color.name}));
+ } else if (type === 'surface') {
+ this.configService.appState.update((state) => ({...state, surface: color.name}));
+ }
+ this.applyTheme(type, color);
+
+ event.stopPropagation();
+ }
+
+ applyTheme(type: string, color: any) {
+ if (type === 'primary') {
+ updatePreset(this.getPresetExt());
+ } else if (type === 'surface') {
+ updateSurfacePalette(color.palette);
+ }
+ }
+
+ onPresetChange(event: any) {
+ this.configService.appState.update((state) => ({...state, preset: event}));
+ // @ts-ignore
+ const preset = presets[event];
+ const surfacePalette = this.surfaces.find((s) => s.name === this.selectedSurfaceColor())?.palette;
+ if (this.configService.appState().preset === 'Material') {
+ document.body.classList.add('material');
+ this.config.ripple.set(true);
+ } else {
+ document.body.classList.remove('material');
+ this.config.ripple.set(false);
+ }
+ $t().preset(preset).preset(this.getPresetExt()).surfacePalette(surfacePalette).use({useDefaultOptions: true});
+ }
+}
diff --git a/booklore-ui/src/assets/layout/images/themes/arya-blue.png b/booklore-ui/src/assets/layout/images/themes/arya-blue.png
deleted file mode 100644
index 62a7b0535..000000000
Binary files a/booklore-ui/src/assets/layout/images/themes/arya-blue.png and /dev/null differ
diff --git a/booklore-ui/src/assets/layout/images/themes/arya-green.png b/booklore-ui/src/assets/layout/images/themes/arya-green.png
deleted file mode 100644
index 8b67fd8fd..000000000
Binary files a/booklore-ui/src/assets/layout/images/themes/arya-green.png and /dev/null differ
diff --git a/booklore-ui/src/assets/layout/images/themes/arya-orange.png b/booklore-ui/src/assets/layout/images/themes/arya-orange.png
deleted file mode 100644
index fef1ac465..000000000
Binary files a/booklore-ui/src/assets/layout/images/themes/arya-orange.png and /dev/null differ
diff --git a/booklore-ui/src/assets/layout/images/themes/arya-purple.png b/booklore-ui/src/assets/layout/images/themes/arya-purple.png
deleted file mode 100644
index fb7f9e83a..000000000
Binary files a/booklore-ui/src/assets/layout/images/themes/arya-purple.png and /dev/null differ
diff --git a/booklore-ui/src/assets/layout/images/themes/bootstrap4-dark-blue.svg b/booklore-ui/src/assets/layout/images/themes/bootstrap4-dark-blue.svg
deleted file mode 100644
index d0a9de440..000000000
--- a/booklore-ui/src/assets/layout/images/themes/bootstrap4-dark-blue.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
diff --git a/booklore-ui/src/assets/layout/images/themes/bootstrap4-dark-purple.svg b/booklore-ui/src/assets/layout/images/themes/bootstrap4-dark-purple.svg
deleted file mode 100644
index c97df7743..000000000
--- a/booklore-ui/src/assets/layout/images/themes/bootstrap4-dark-purple.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
diff --git a/booklore-ui/src/assets/layout/images/themes/bootstrap4-light-blue.svg b/booklore-ui/src/assets/layout/images/themes/bootstrap4-light-blue.svg
deleted file mode 100644
index 93c8b56c6..000000000
--- a/booklore-ui/src/assets/layout/images/themes/bootstrap4-light-blue.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
diff --git a/booklore-ui/src/assets/layout/images/themes/bootstrap4-light-purple.svg b/booklore-ui/src/assets/layout/images/themes/bootstrap4-light-purple.svg
deleted file mode 100644
index b9c644c3b..000000000
--- a/booklore-ui/src/assets/layout/images/themes/bootstrap4-light-purple.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
diff --git a/booklore-ui/src/assets/layout/images/themes/fluent-light.png b/booklore-ui/src/assets/layout/images/themes/fluent-light.png
deleted file mode 100644
index 4766eebb7..000000000
Binary files a/booklore-ui/src/assets/layout/images/themes/fluent-light.png and /dev/null differ
diff --git a/booklore-ui/src/assets/layout/images/themes/lara-dark-blue.png b/booklore-ui/src/assets/layout/images/themes/lara-dark-blue.png
deleted file mode 100644
index 0a999085e..000000000
Binary files a/booklore-ui/src/assets/layout/images/themes/lara-dark-blue.png and /dev/null differ
diff --git a/booklore-ui/src/assets/layout/images/themes/lara-dark-indigo.png b/booklore-ui/src/assets/layout/images/themes/lara-dark-indigo.png
deleted file mode 100644
index b435d9804..000000000
Binary files a/booklore-ui/src/assets/layout/images/themes/lara-dark-indigo.png and /dev/null differ
diff --git a/booklore-ui/src/assets/layout/images/themes/lara-dark-purple.png b/booklore-ui/src/assets/layout/images/themes/lara-dark-purple.png
deleted file mode 100644
index e0d5bf41d..000000000
Binary files a/booklore-ui/src/assets/layout/images/themes/lara-dark-purple.png and /dev/null differ
diff --git a/booklore-ui/src/assets/layout/images/themes/lara-dark-teal.png b/booklore-ui/src/assets/layout/images/themes/lara-dark-teal.png
deleted file mode 100644
index 2ae219440..000000000
Binary files a/booklore-ui/src/assets/layout/images/themes/lara-dark-teal.png and /dev/null differ
diff --git a/booklore-ui/src/assets/layout/images/themes/lara-light-blue.png b/booklore-ui/src/assets/layout/images/themes/lara-light-blue.png
deleted file mode 100644
index 0278849dd..000000000
Binary files a/booklore-ui/src/assets/layout/images/themes/lara-light-blue.png and /dev/null differ
diff --git a/booklore-ui/src/assets/layout/images/themes/lara-light-indigo.png b/booklore-ui/src/assets/layout/images/themes/lara-light-indigo.png
deleted file mode 100644
index 80bee5833..000000000
Binary files a/booklore-ui/src/assets/layout/images/themes/lara-light-indigo.png and /dev/null differ
diff --git a/booklore-ui/src/assets/layout/images/themes/lara-light-purple.png b/booklore-ui/src/assets/layout/images/themes/lara-light-purple.png
deleted file mode 100644
index 7745c13a1..000000000
Binary files a/booklore-ui/src/assets/layout/images/themes/lara-light-purple.png and /dev/null differ
diff --git a/booklore-ui/src/assets/layout/images/themes/lara-light-teal.png b/booklore-ui/src/assets/layout/images/themes/lara-light-teal.png
deleted file mode 100644
index f8fb07fe9..000000000
Binary files a/booklore-ui/src/assets/layout/images/themes/lara-light-teal.png and /dev/null differ
diff --git a/booklore-ui/src/assets/layout/images/themes/luna-amber.png b/booklore-ui/src/assets/layout/images/themes/luna-amber.png
deleted file mode 100644
index 2cb7685a4..000000000
Binary files a/booklore-ui/src/assets/layout/images/themes/luna-amber.png and /dev/null differ
diff --git a/booklore-ui/src/assets/layout/images/themes/luna-blue.png b/booklore-ui/src/assets/layout/images/themes/luna-blue.png
deleted file mode 100644
index fac433949..000000000
Binary files a/booklore-ui/src/assets/layout/images/themes/luna-blue.png and /dev/null differ
diff --git a/booklore-ui/src/assets/layout/images/themes/luna-green.png b/booklore-ui/src/assets/layout/images/themes/luna-green.png
deleted file mode 100644
index f4c378994..000000000
Binary files a/booklore-ui/src/assets/layout/images/themes/luna-green.png and /dev/null differ
diff --git a/booklore-ui/src/assets/layout/images/themes/luna-pink.png b/booklore-ui/src/assets/layout/images/themes/luna-pink.png
deleted file mode 100644
index 6ef7b35fb..000000000
Binary files a/booklore-ui/src/assets/layout/images/themes/luna-pink.png and /dev/null differ
diff --git a/booklore-ui/src/assets/layout/images/themes/md-dark-deeppurple.svg b/booklore-ui/src/assets/layout/images/themes/md-dark-deeppurple.svg
deleted file mode 100644
index c6f838bef..000000000
--- a/booklore-ui/src/assets/layout/images/themes/md-dark-deeppurple.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-
-
\ No newline at end of file
diff --git a/booklore-ui/src/assets/layout/images/themes/md-dark-indigo.svg b/booklore-ui/src/assets/layout/images/themes/md-dark-indigo.svg
deleted file mode 100644
index 68658b609..000000000
--- a/booklore-ui/src/assets/layout/images/themes/md-dark-indigo.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-
-
\ No newline at end of file
diff --git a/booklore-ui/src/assets/layout/images/themes/md-light-deeppurple.svg b/booklore-ui/src/assets/layout/images/themes/md-light-deeppurple.svg
deleted file mode 100644
index 0d3119f85..000000000
--- a/booklore-ui/src/assets/layout/images/themes/md-light-deeppurple.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-
-
\ No newline at end of file
diff --git a/booklore-ui/src/assets/layout/images/themes/md-light-indigo.svg b/booklore-ui/src/assets/layout/images/themes/md-light-indigo.svg
deleted file mode 100644
index 1afeed707..000000000
--- a/booklore-ui/src/assets/layout/images/themes/md-light-indigo.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-
-
\ No newline at end of file
diff --git a/booklore-ui/src/assets/layout/images/themes/saga-blue.png b/booklore-ui/src/assets/layout/images/themes/saga-blue.png
deleted file mode 100644
index 0671d4619..000000000
Binary files a/booklore-ui/src/assets/layout/images/themes/saga-blue.png and /dev/null differ
diff --git a/booklore-ui/src/assets/layout/images/themes/saga-green.png b/booklore-ui/src/assets/layout/images/themes/saga-green.png
deleted file mode 100644
index 4c8c3b8bd..000000000
Binary files a/booklore-ui/src/assets/layout/images/themes/saga-green.png and /dev/null differ
diff --git a/booklore-ui/src/assets/layout/images/themes/saga-orange.png b/booklore-ui/src/assets/layout/images/themes/saga-orange.png
deleted file mode 100644
index 2cabd5ded..000000000
Binary files a/booklore-ui/src/assets/layout/images/themes/saga-orange.png and /dev/null differ
diff --git a/booklore-ui/src/assets/layout/images/themes/saga-purple.png b/booklore-ui/src/assets/layout/images/themes/saga-purple.png
deleted file mode 100644
index 4b45f8bd0..000000000
Binary files a/booklore-ui/src/assets/layout/images/themes/saga-purple.png and /dev/null differ
diff --git a/booklore-ui/src/assets/layout/images/themes/tailwind-light.png b/booklore-ui/src/assets/layout/images/themes/tailwind-light.png
deleted file mode 100644
index 679bd1e60..000000000
Binary files a/booklore-ui/src/assets/layout/images/themes/tailwind-light.png and /dev/null differ
diff --git a/booklore-ui/src/assets/layout/images/themes/vela-blue.png b/booklore-ui/src/assets/layout/images/themes/vela-blue.png
deleted file mode 100644
index 6780f35f3..000000000
Binary files a/booklore-ui/src/assets/layout/images/themes/vela-blue.png and /dev/null differ
diff --git a/booklore-ui/src/assets/layout/images/themes/vela-green.png b/booklore-ui/src/assets/layout/images/themes/vela-green.png
deleted file mode 100644
index 634452606..000000000
Binary files a/booklore-ui/src/assets/layout/images/themes/vela-green.png and /dev/null differ
diff --git a/booklore-ui/src/assets/layout/images/themes/vela-orange.png b/booklore-ui/src/assets/layout/images/themes/vela-orange.png
deleted file mode 100644
index a2a9cdeab..000000000
Binary files a/booklore-ui/src/assets/layout/images/themes/vela-orange.png and /dev/null differ
diff --git a/booklore-ui/src/assets/layout/images/themes/vela-purple.png b/booklore-ui/src/assets/layout/images/themes/vela-purple.png
deleted file mode 100644
index d53ac06f6..000000000
Binary files a/booklore-ui/src/assets/layout/images/themes/vela-purple.png and /dev/null differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/arya-blue/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/arya-blue/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/arya-blue/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/arya-blue/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/arya-blue/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/arya-blue/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/arya-blue/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/arya-blue/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/arya-green/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/arya-green/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/arya-green/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/arya-green/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/arya-green/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/arya-green/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/arya-green/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/arya-green/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/arya-orange/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/arya-orange/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/arya-orange/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/arya-orange/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/arya-orange/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/arya-orange/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/arya-orange/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/arya-orange/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/arya-purple/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/arya-purple/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/arya-purple/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/arya-purple/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/arya-purple/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/arya-purple/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/arya-purple/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/arya-purple/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-amber/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-amber/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-dark-amber/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-amber/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-amber/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-amber/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-dark-amber/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-amber/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-blue/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-blue/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-dark-blue/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-blue/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-blue/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-blue/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-dark-blue/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-blue/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-cyan/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-cyan/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-dark-cyan/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-cyan/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-cyan/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-cyan/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-dark-cyan/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-cyan/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-green/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-green/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-dark-green/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-green/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-green/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-green/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-dark-green/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-green/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-indigo/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-indigo/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-dark-indigo/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-indigo/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-indigo/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-indigo/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-dark-indigo/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-indigo/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-lime/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-lime/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-dark-lime/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-lime/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-lime/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-lime/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-dark-lime/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-lime/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-noir/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-noir/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-dark-noir/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-noir/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-noir/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-noir/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-dark-noir/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-noir/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-pink/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-pink/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-dark-pink/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-pink/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-pink/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-pink/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-dark-pink/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-pink/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-purple/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-purple/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-dark-purple/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-purple/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-purple/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-purple/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-dark-purple/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-purple/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-teal/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-teal/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-dark-teal/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-teal/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-teal/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-teal/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-dark-teal/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-teal/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-amber/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-amber/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-light-amber/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-light-amber/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-amber/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-amber/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-light-amber/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-light-amber/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-blue/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-blue/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-light-blue/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-light-blue/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-blue/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-blue/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-light-blue/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-light-blue/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-cyan/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-cyan/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-light-cyan/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-light-cyan/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-cyan/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-cyan/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-light-cyan/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-light-cyan/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-green/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-green/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-light-green/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-light-green/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-green/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-green/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-light-green/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-light-green/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-indigo/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-indigo/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-light-indigo/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-light-indigo/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-indigo/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-indigo/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-light-indigo/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-light-indigo/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-lime/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-lime/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-light-lime/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-light-lime/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-lime/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-lime/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-light-lime/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-light-lime/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-noir/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-noir/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-light-noir/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-light-noir/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-noir/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-noir/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-light-noir/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-light-noir/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-pink/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-pink/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-light-pink/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-light-pink/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-pink/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-pink/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-light-pink/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-light-pink/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-purple/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-purple/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-light-purple/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-light-purple/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-purple/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-purple/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-light-purple/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-light-purple/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-teal/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-teal/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-light-teal/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-light-teal/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-teal/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-teal/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/aura-light-teal/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/aura-light-teal/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-amber/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-dark-amber/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/lara-dark-amber/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/lara-dark-amber/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-amber/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-dark-amber/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/lara-dark-amber/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/lara-dark-amber/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-cyan/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-dark-cyan/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/lara-dark-cyan/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/lara-dark-cyan/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-cyan/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-dark-cyan/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/lara-dark-cyan/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/lara-dark-cyan/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-green/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-dark-green/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/lara-dark-green/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/lara-dark-green/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-green/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-dark-green/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/lara-dark-green/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/lara-dark-green/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-pink/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-dark-pink/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/lara-dark-pink/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/lara-dark-pink/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-pink/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-dark-pink/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/lara-dark-pink/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/lara-dark-pink/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-amber/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-light-amber/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/lara-light-amber/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/lara-light-amber/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-amber/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-light-amber/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/lara-light-amber/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/lara-light-amber/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-cyan/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-light-cyan/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/lara-light-cyan/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/lara-light-cyan/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-cyan/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-light-cyan/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/lara-light-cyan/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/lara-light-cyan/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-green/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-light-green/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/lara-light-green/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/lara-light-green/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-green/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-light-green/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/lara-light-green/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/lara-light-green/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-pink/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-light-pink/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/lara-light-pink/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/lara-light-pink/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-pink/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-light-pink/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/lara-light-pink/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/lara-light-pink/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-italic.var.woff2
index cd87d055e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-italic.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-italic.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-roman.var.woff2
index b44e7f860..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-roman.var.woff2 and b/booklore-ui/src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-roman.var.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff b/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff
index ad8f60c38..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff and b/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 b/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2
index 381442a19..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 and b/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff b/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff
index d08f2b814..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff and b/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 b/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2
index e7a26f14a..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 and b/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff b/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff
index 1bbb4eb45..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff and b/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2
index 3152d047a..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 and b/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff b/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff
index ad8f60c38..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff and b/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 b/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2
index 381442a19..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 and b/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff b/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff
index d08f2b814..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff and b/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 b/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2
index e7a26f14a..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 and b/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff b/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff
index 1bbb4eb45..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff and b/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2
index 3152d047a..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 and b/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff b/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff
index ad8f60c38..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff and b/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 b/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2
index 381442a19..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 and b/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff b/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff
index d08f2b814..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff and b/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 b/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2
index e7a26f14a..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 and b/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff b/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff
index 1bbb4eb45..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff and b/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2
index 3152d047a..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 and b/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff b/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff
index ad8f60c38..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff and b/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 b/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2
index 381442a19..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 and b/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff b/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff
index d08f2b814..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff and b/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 b/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2
index e7a26f14a..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 and b/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff b/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff
index 1bbb4eb45..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff and b/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2
index 3152d047a..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 and b/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff
index ad8f60c38..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff and b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2
index 381442a19..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 and b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff
index d08f2b814..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff and b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2
index e7a26f14a..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 and b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff
index 1bbb4eb45..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff and b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2
index 3152d047a..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 and b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff
index ad8f60c38..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff and b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2
index 381442a19..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 and b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff
index d08f2b814..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff and b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2
index e7a26f14a..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 and b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff
index 1bbb4eb45..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff and b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2
index 3152d047a..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 and b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff b/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff
index ad8f60c38..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff and b/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 b/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2
index 381442a19..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 and b/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff b/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff
index d08f2b814..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff and b/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 b/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2
index e7a26f14a..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 and b/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff b/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff
index 1bbb4eb45..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff and b/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2
index 3152d047a..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 and b/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff b/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff
index ad8f60c38..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff and b/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 b/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2
index 381442a19..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 and b/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff b/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff
index d08f2b814..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff and b/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 b/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2
index e7a26f14a..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 and b/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff b/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff
index 1bbb4eb45..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff and b/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2
index 3152d047a..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 and b/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Bold.woff b/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Bold.woff
index 8f9e9a2c6..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Bold.woff and b/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Bold.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Bold.woff2 b/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Bold.woff2
index 92f0c24ba..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Bold.woff2 and b/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Bold.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Medium.woff b/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Medium.woff
index 5b2a54a26..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Medium.woff and b/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Medium.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Medium.woff2 b/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Medium.woff2
index d727339a3..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Medium.woff2 and b/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Medium.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Regular.woff b/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Regular.woff
index 9bcea4272..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Regular.woff and b/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Regular.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Regular.woff2 b/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Regular.woff2
index fa1c495cd..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Regular.woff2 and b/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Regular.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-SemiBold.woff b/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-SemiBold.woff
index 11e37acc3..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-SemiBold.woff and b/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-SemiBold.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-SemiBold.woff2 b/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-SemiBold.woff2
index 9a0127c82..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-SemiBold.woff2 and b/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-SemiBold.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff b/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff
index 587183aaf..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff and b/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff2 b/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff2
index 753feded5..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff2 and b/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff b/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff
index 9e898fb9f..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff and b/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff2 b/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff2
index 91b814961..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff2 and b/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff b/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff
index bddb8b0dd..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff and b/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff2 b/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff2
index 76542d605..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff2 and b/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-300.woff b/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-300.woff
index 587183aaf..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-300.woff and b/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-300.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-300.woff2 b/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-300.woff2
index 753feded5..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-300.woff2 and b/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-300.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-700.woff b/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-700.woff
index 9e898fb9f..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-700.woff and b/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-700.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-700.woff2 b/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-700.woff2
index 91b814961..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-700.woff2 and b/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-700.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff b/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff
index bddb8b0dd..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff and b/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff2 b/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff2
index 76542d605..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff2 and b/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff
index 33def2224..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff and b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff2 b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff2
index 8621dcc01..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff2 and b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff
index 61e87b6fd..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff and b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff2 b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff2
index 41a1fa48e..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff2 and b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff
index 455d045d3..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff and b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff2 b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff2
index 2b400618c..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff2 and b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff
index 87b5d7649..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff and b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff2 b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff2
index 11508994a..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff2 and b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff
index c0913b5aa..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff and b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff2 b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff2
index eadd07959..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff2 and b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff b/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff
index e3875cb2d..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff and b/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff2 b/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff2
index 9c1f98160..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff2 and b/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff b/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff
index 64695c9b6..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff and b/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff2 b/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff2
index b6319fed4..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff2 and b/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff b/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff
index 1ca4e2016..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff and b/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff2 b/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff2
index b76308732..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff2 and b/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff b/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff
index 46eb087c6..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff and b/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff2 b/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff2
index bc34a6bae..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff2 and b/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff b/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff
index e3875cb2d..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff and b/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff2 b/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff2
index 9c1f98160..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff2 and b/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff b/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff
index 64695c9b6..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff and b/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff2 b/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff2
index b6319fed4..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff2 and b/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff b/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff
index 1ca4e2016..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff and b/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff2 b/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff2
index b76308732..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff2 and b/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff2 differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff b/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff
index 46eb087c6..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff and b/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff differ
diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff2 b/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff2
index bc34a6bae..e69de29bb 100644
Binary files a/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff2 and b/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff2 differ
diff --git a/booklore-ui/src/assets/themes/themes.json b/booklore-ui/src/assets/themes/themes.json
deleted file mode 100644
index 97f68afbd..000000000
--- a/booklore-ui/src/assets/themes/themes.json
+++ /dev/null
@@ -1,41 +0,0 @@
-[
- { "value": "arya-blue", "label": "Arya Blue" },
- { "value": "arya-green", "label": "Arya Green" },
- { "value": "arya-orange", "label": "Arya Orange" },
- { "value": "arya-purple", "label": "Arya Purple" },
- { "value": "aura-dark-amber", "label": "Aura Dark Amber" },
- { "value": "aura-dark-blue", "label": "Aura Dark Blue" },
- { "value": "aura-dark-cyan", "label": "Aura Dark Cyan" },
- { "value": "aura-dark-green", "label": "Aura Dark Green" },
- { "value": "aura-dark-indigo", "label": "Aura Dark Indigo" },
- { "value": "aura-dark-lime", "label": "Aura Dark Lime" },
- { "value": "aura-dark-noir", "label": "Aura Dark Noir" },
- { "value": "aura-dark-pink", "label": "Aura Dark Pink" },
- { "value": "aura-dark-purple", "label": "Aura Dark Purple" },
- { "value": "aura-dark-teal", "label": "Aura Dark Teal" },
- { "value": "bootstrap4-dark-blue", "label": "Bootstrap4 Dark Blue" },
- { "value": "bootstrap4-dark-purple", "label": "Bootstrap4 Dark Purple" },
- { "value": "lara-dark-amber", "label": "Lara Dark Amber" },
- { "value": "lara-dark-blue", "label": "Lara Dark Blue" },
- { "value": "lara-dark-cyan", "label": "Lara Dark Cyan" },
- { "value": "lara-dark-green", "label": "Lara Dark Green" },
- { "value": "lara-dark-indigo", "label": "Lara Dark Indigo" },
- { "value": "lara-dark-pink", "label": "Lara Dark Pink" },
- { "value": "lara-dark-purple", "label": "Lara Dark Purple" },
- { "value": "lara-dark-teal", "label": "Lara Dark Teal" },
- { "value": "luna-amber", "label": "Luna Amber" },
- { "value": "luna-blue", "label": "Luna Blue" },
- { "value": "luna-green", "label": "Luna Green" },
- { "value": "luna-pink", "label": "Luna Pink" },
- { "value": "md-dark-deeppurple", "label": "MD Dark Deep Purple" },
- { "value": "md-dark-indigo", "label": "MD Dark Indigo" },
- { "value": "mdc-dark-deeppurple", "label": "MDC Dark Deep Purple" },
- { "value": "mdc-dark-indigo", "label": "MDC Dark Indigo" },
- { "value": "mira", "label": "Mira" },
- { "value": "soho-dark", "label": "Soho Dark" },
- { "value": "vela-blue", "label": "Vela Blue" },
- { "value": "vela-green", "label": "Vela Green" },
- { "value": "vela-orange", "label": "Vela Orange" },
- { "value": "vela-purple", "label": "Vela Purple" },
- { "value": "viva-dark", "label": "Viva Dark" }
-]
diff --git a/booklore-ui/src/styles.scss b/booklore-ui/src/styles.scss
index ab05efc11..8274a9b26 100644
--- a/booklore-ui/src/styles.scss
+++ b/booklore-ui/src/styles.scss
@@ -1,9 +1,2 @@
-/* You can add global styles to this file, and also import other style files */
-
-$gutter: 1rem; //for primeflex grid system
@use "assets/layout/styles/layout/layout.scss";
-
-/* PrimeNG */
-@import "../node_modules/primeng/resources/primeng.min.css";
-@import "../node_modules/primeflex/primeflex.scss";
@import "../node_modules/primeicons/primeicons.css";