review changes

Author: tammy-a11y

packages/angular-sdk-components/src/lib/_services/theme.service.ts

@@ -7,14 +7,14 @@ import { Theme } from '../_types/Theme.interface';
 export class ThemeService {
   private readonly themes: Theme[] = [
     {
-      id: 'default-theme',
+      id: 'default',
       primary: '#8F00FF',
       displayName: 'Default Theme'
     },
-    { id: 'dark-theme', primary: '#FF00FF', displayName: 'Dark Theme' },
-    { id: 'red-theme', primary: '#FF0000', displayName: 'Red Theme' },
-    { id: 'azure-theme', primary: '#007FFF', displayName: 'Azure Theme' },
-    { id: 'green-theme', primary: '#008000', displayName: 'Green Theme' }
+    { id: 'dark', primary: '#FF00FF', displayName: 'Dark Theme' },
+    { id: 'red', primary: '#FF0000', displayName: 'Red Theme' },
+    { id: 'azure', primary: '#007FFF', displayName: 'Azure Theme' },
+    { id: 'green', primary: '#008000', displayName: 'Green Theme' }
   ];
 
   getDefaultTheme(): string {

projects/angular-test-app/src/themes.scss

@@ -1,7 +1,7 @@
 @use '@angular/material' as mat;
 
 // Theme classes
-.dark-theme {
+.dark {
   /* Primary palette variables */
   --mat-sys-primary: #ff00ff;
   --mat-sys-on-primary: #ffffff;
@@ -257,7 +257,7 @@
   --mat-sys-pressed-state-layer-opacity: 0.12;
 }
 
-.azure-theme {
+.azure {
   @include mat.theme(
     (
       color: mat.$azure-palette,
@@ -267,7 +267,7 @@
   );
 }
 
-.default-theme {
+.default {
   @include mat.theme(
     (
       color: mat.$violet-palette,
@@ -277,7 +277,7 @@
   );
 }
 
-.green-theme {
+.green {
   @include mat.theme(
     (
       color: mat.$green-palette,
@@ -287,7 +287,7 @@
   );
 }
 
-.red-theme {
+.red {
   @include mat.theme(
     (
       color: mat.$red-palette,

sdk-config.json

@@ -2,7 +2,7 @@
   "comment_sdk_config": "This is the configuration file for the Angular-SDK",
   "sdk_optional_configs_doc_comment": "See the document(link below) for more details on all the available config settings",
   "sdk_optional_configs_doc": "https://docs.pega.com/bundle/constellation-sdk/page/constellation-sdks/sdks/configuring-sdk-config-json.html",
-  "theme": "dark-theme",
+  "theme": "dark",
   "authConfig": {
     "authService": "pega",