diff --git a/electron-projects/ucap-webmessenger-electron/resources/image/128_128.png b/electron-projects/ucap-webmessenger-electron/resources/image/128_128.png
index 32556046..8156347f 100644
Binary files a/electron-projects/ucap-webmessenger-electron/resources/image/128_128.png and b/electron-projects/ucap-webmessenger-electron/resources/image/128_128.png differ
diff --git a/electron-projects/ucap-webmessenger-electron/resources/image/16_16.ico b/electron-projects/ucap-webmessenger-electron/resources/image/16_16.ico
new file mode 100644
index 00000000..3d8f6d96
Binary files /dev/null and b/electron-projects/ucap-webmessenger-electron/resources/image/16_16.ico differ
diff --git a/electron-projects/ucap-webmessenger-electron/resources/image/16_16.png b/electron-projects/ucap-webmessenger-electron/resources/image/16_16.png
index 84d630b5..f0d7ecf5 100644
Binary files a/electron-projects/ucap-webmessenger-electron/resources/image/16_16.png and b/electron-projects/ucap-webmessenger-electron/resources/image/16_16.png differ
diff --git a/electron-projects/ucap-webmessenger-electron/resources/image/256_256.png b/electron-projects/ucap-webmessenger-electron/resources/image/256_256.png
index 6644c35c..8c189aca 100644
Binary files a/electron-projects/ucap-webmessenger-electron/resources/image/256_256.png and b/electron-projects/ucap-webmessenger-electron/resources/image/256_256.png differ
diff --git a/electron-projects/ucap-webmessenger-electron/resources/image/32_32.png b/electron-projects/ucap-webmessenger-electron/resources/image/32_32.png
index 9f5fb1b0..cded28d0 100644
Binary files a/electron-projects/ucap-webmessenger-electron/resources/image/32_32.png and b/electron-projects/ucap-webmessenger-electron/resources/image/32_32.png differ
diff --git a/electron-projects/ucap-webmessenger-electron/resources/image/48_48.png b/electron-projects/ucap-webmessenger-electron/resources/image/48_48.png
index 5f3bf87d..0401b9a0 100644
Binary files a/electron-projects/ucap-webmessenger-electron/resources/image/48_48.png and b/electron-projects/ucap-webmessenger-electron/resources/image/48_48.png differ
diff --git a/electron-projects/ucap-webmessenger-electron/resources/image/64_64.png b/electron-projects/ucap-webmessenger-electron/resources/image/64_64.png
index 84b33e4a..fa0bb81e 100644
Binary files a/electron-projects/ucap-webmessenger-electron/resources/image/64_64.png and b/electron-projects/ucap-webmessenger-electron/resources/image/64_64.png differ
diff --git a/electron-projects/ucap-webmessenger-electron/resources/image/lgRed/128_128.png b/electron-projects/ucap-webmessenger-electron/resources/image/lgRed/128_128.png
new file mode 100644
index 00000000..32556046
Binary files /dev/null and b/electron-projects/ucap-webmessenger-electron/resources/image/lgRed/128_128.png differ
diff --git a/electron-projects/ucap-webmessenger-electron/resources/image/lgRed/16_16.png b/electron-projects/ucap-webmessenger-electron/resources/image/lgRed/16_16.png
new file mode 100644
index 00000000..84d630b5
Binary files /dev/null and b/electron-projects/ucap-webmessenger-electron/resources/image/lgRed/16_16.png differ
diff --git a/electron-projects/ucap-webmessenger-electron/resources/image/lgRed/256_256.png b/electron-projects/ucap-webmessenger-electron/resources/image/lgRed/256_256.png
new file mode 100644
index 00000000..6644c35c
Binary files /dev/null and b/electron-projects/ucap-webmessenger-electron/resources/image/lgRed/256_256.png differ
diff --git a/electron-projects/ucap-webmessenger-electron/resources/image/lgRed/32_32.png b/electron-projects/ucap-webmessenger-electron/resources/image/lgRed/32_32.png
new file mode 100644
index 00000000..9f5fb1b0
Binary files /dev/null and b/electron-projects/ucap-webmessenger-electron/resources/image/lgRed/32_32.png differ
diff --git a/electron-projects/ucap-webmessenger-electron/resources/image/lgRed/48_48.png b/electron-projects/ucap-webmessenger-electron/resources/image/lgRed/48_48.png
new file mode 100644
index 00000000..5f3bf87d
Binary files /dev/null and b/electron-projects/ucap-webmessenger-electron/resources/image/lgRed/48_48.png differ
diff --git a/electron-projects/ucap-webmessenger-electron/resources/image/lgRed/64_64.png b/electron-projects/ucap-webmessenger-electron/resources/image/lgRed/64_64.png
new file mode 100644
index 00000000..84b33e4a
Binary files /dev/null and b/electron-projects/ucap-webmessenger-electron/resources/image/lgRed/64_64.png differ
diff --git a/electron-projects/ucap-webmessenger-electron/resources/image/lgRed/ico_64_64.png b/electron-projects/ucap-webmessenger-electron/resources/image/lgRed/ico_64_64.png
new file mode 100644
index 00000000..382110d2
Binary files /dev/null and b/electron-projects/ucap-webmessenger-electron/resources/image/lgRed/ico_64_64.png differ
diff --git a/electron-projects/ucap-webmessenger-electron/resources/image/lgRed/ico_64x64.ico b/electron-projects/ucap-webmessenger-electron/resources/image/lgRed/ico_64x64.ico
new file mode 100644
index 00000000..8af2432e
Binary files /dev/null and b/electron-projects/ucap-webmessenger-electron/resources/image/lgRed/ico_64x64.ico differ
diff --git a/electron-projects/ucap-webmessenger-electron/resources/image/lgRed/ico_64x64_r.png b/electron-projects/ucap-webmessenger-electron/resources/image/lgRed/ico_64x64_r.png
new file mode 100644
index 00000000..84b33e4a
Binary files /dev/null and b/electron-projects/ucap-webmessenger-electron/resources/image/lgRed/ico_64x64_r.png differ
diff --git a/projects/ucap-webmessenger-app/src/app/app.theme.scss b/projects/ucap-webmessenger-app/src/app/app.theme.scss
index 164de656..e729fea0 100644
--- a/projects/ucap-webmessenger-app/src/app/app.theme.scss
+++ b/projects/ucap-webmessenger-app/src/app/app.theme.scss
@@ -103,29 +103,51 @@ body.theme-pink-dark {
// -----------------------------------------------------------------------------------------------------
// Define the primary, accent and warn palettes
-/*$pink-light-theme-primary-palette: mat-palette($mat-grey,800);
-$pink-light-theme-accent-palette: mat-palette($lg-red, 400);
-$pink-light-theme-warn-palette: mat-palette($mat-red);*/
-
-$pink-light-theme-primary-palette: mat-palette($daesang-grey, 900);
-$pink-light-theme-accent-palette: mat-palette($daesang);
-$pink-light-theme-warn-palette: mat-palette($mat-deep-orange);
+$lgRed-light-theme-primary-palette: mat-palette($mat-grey,800);
+$lgRed-light-theme-accent-palette: mat-palette($lg-red, 400);
+$lgRed-light-theme-warn-palette: mat-palette($mat-cyan);
// Create the Material theme object
-$pink-light-theme: mat-light-theme(
- $pink-light-theme-primary-palette,
- $pink-light-theme-accent-palette,
- $pink-light-theme-warn-palette
+$lgRed-light-theme: mat-light-theme(
+ $lgRed-light-theme-primary-palette,
+ $lgRed-light-theme-accent-palette,
+ $lgRed-light-theme-warn-palette
);
// Add ".theme-pink-dark" class to the body to activate this theme.
// Class name must start with "theme-" !!!
-body.theme-default {
+body.theme-lgRed{
// Generate the Angular Material theme
- @include angular-material-theme($pink-light-theme);
+ @include angular-material-theme($lgRed-light-theme);
// Apply the theme to the user components
- @include components-theme($pink-light-theme);
- @include ucap-material-theme($pink-light-theme);
+ @include components-theme($lgRed-light-theme);
+ @include ucap-material-theme($lgRed-light-theme);
+}
+
+// -----------------------------------------------------------------------------------------------------
+//aqua-blue-daesang
+// -----------------------------------------------------------------------------------------------------
+
+$aquaBlue-light-theme-primary-palette: mat-palette($daesang-grey, 900);
+$aquaBlue-theme-accent-palette: mat-palette($aquaBlue-daesang);
+$aquaBlue-theme-warn-palette: mat-palette($mat-orange);
+
+// Create the Material theme object
+$aquaBlue-light-theme: mat-light-theme(
+ $aquaBlue-light-theme-primary-palette,
+ $aquaBlue-theme-accent-palette,
+ $aquaBlue-theme-warn-palette
+);
+
+// Add ".theme-pink-dark" class to the body to activate this theme.
+// Class name must start with "theme-" !!!
+body.theme-default {
+ // Generate the Angular Material theme
+ @include angular-material-theme($aquaBlue-light-theme);
+
+ // Apply the theme to the user components
+ @include components-theme($aquaBlue-light-theme);
+ @include ucap-material-theme($aquaBlue-light-theme);
}
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.html
index 92259984..a3600d85 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.html
@@ -85,6 +85,30 @@
+
+