fix(palette): update palettes

Author: nsemets

src/app/app.config.ts

@@ -3,7 +3,6 @@ import { provideStore } from '@ngxs/store';
 
 import { TranslateModule } from '@ngx-translate/core';
 
-import Aura from '@primeng/themes/aura';
 import { ConfirmationService, MessageService } from 'primeng/api';
 import { providePrimeNG } from 'primeng/config';
 
@@ -16,6 +15,7 @@ import { STATES } from '@core/constants';
 import { provideTranslation } from '@core/helpers';
 
 import { GlobalErrorHandler } from './core/handlers';
+import CustomPreset from './core/helpers/custom-preset';
 import { authInterceptor, errorInterceptor } from './core/interceptors';
 import { routes } from './app.routes';
 
@@ -26,7 +26,7 @@ export const appConfig: ApplicationConfig = {
     provideStore(STATES, withNgxsReduxDevtoolsPlugin({ disabled: false })),
     providePrimeNG({
       theme: {
-        preset: Aura,
+        preset: CustomPreset,
         options: {
           darkModeSelector: false,
           cssLayer: {

src/app/core/helpers/custom-preset.ts

@@ -0,0 +1,31 @@
+import { definePreset, palette } from '@primeng/themes';
+import Aura from '@primeng/themes/aura';
+
+const primaryPalette = palette(getCssVariableValue('--pr-blue-1'));
+const secondaryPalette = palette(getCssVariableValue('--bg-blue-3'));
+const successPalette = palette(getCssVariableValue('--green-1'));
+const dangerPalette = palette(getCssVariableValue('--red-1'));
+const infoPalette = palette(getCssVariableValue('--blue-1'));
+
+const CustomPreset = definePreset(Aura, {
+  semantic: {
+    primary: primaryPalette,
+    surface: secondaryPalette,
+    red: dangerPalette,
+    green: successPalette,
+    sky: infoPalette,
+    colorScheme: {
+      light: {
+        primary: {
+          hoverColor: getCssVariableValue('--pr-blue-3'),
+        },
+      },
+    },
+  },
+});
+
+function getCssVariableValue(variableName: string): string {
+  return getComputedStyle(document.documentElement).getPropertyValue(variableName).trim();
+}
+
+export default CustomPreset;

src/app/core/helpers/index.ts

@@ -1,3 +1,4 @@
+export * from './custom-preset';
 export * from './http.helper';
 export * from './i18n.helper';
 export * from './link-validator.helper';