From 962274d3a23ef9cc0329b42e868f700185a0c83d Mon Sep 17 00:00:00 2001 From: Cagatay Civici Date: Wed, 8 Jan 2025 09:46:49 +0300 Subject: [PATCH] Removed material --- src/app.config.ts | 2 +- src/app/layout/core/app.configurator.ts | 52 ------------------------- 2 files changed, 1 insertion(+), 53 deletions(-) diff --git a/src/app.config.ts b/src/app.config.ts index 98c7523..c668881 100644 --- a/src/app.config.ts +++ b/src/app.config.ts @@ -11,6 +11,6 @@ export const appConfig: ApplicationConfig = { provideRouter(appRoutes, withInMemoryScrolling({ anchorScrolling: 'enabled', scrollPositionRestoration: 'enabled' }), withEnabledBlockingInitialNavigation()), provideHttpClient(withFetch()), provideAnimationsAsync(), - providePrimeNG({ theme: { preset: Aura, options: { darkModeSelector: '.app-dark' } }, ripple: false, inputStyle: 'outlined' }) + providePrimeNG({ theme: { preset: Aura, options: { darkModeSelector: '.app-dark' } } }) ] }; diff --git a/src/app/layout/core/app.configurator.ts b/src/app/layout/core/app.configurator.ts index 233b95e..6b0a3a2 100644 --- a/src/app/layout/core/app.configurator.ts +++ b/src/app/layout/core/app.configurator.ts @@ -4,7 +4,6 @@ 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 { PrimeNG } from 'primeng/config'; import { SelectButtonModule } from 'primeng/selectbutton'; @@ -12,7 +11,6 @@ import { LayoutService } from '../service/layout.service'; const presets = { Aura, - Material, Lara, Nora } as const; @@ -279,15 +277,8 @@ export class AppConfigurator { getPresetExt() { const color: SurfacesType = this.primaryColors().find((c) => c.name === this.selectedPrimaryColor()) || {}; - const preset = this.layoutService.layoutConfig().preset; - if (preset === 'Material') { - this.primeng.inputVariant.set('filled'); - } else { - this.primeng.inputVariant.set('outlined'); - } - if (color.name === 'noir') { return { semantic: { @@ -373,42 +364,6 @@ export class AppConfigurator { } } }; - } else if (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: { @@ -472,13 +427,6 @@ export class AppConfigurator { this.layoutService.layoutConfig.update((state) => ({ ...state, preset: event })); const preset = presets[event as KeyOfType]; const surfacePalette = this.surfaces.find((s) => s.name === this.selectedSurfaceColor())?.palette; - if (this.layoutService.layoutConfig().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 }); }