user darker colors from egon-contras-palette

.vscode/launch.json

@@ -0,0 +1,15 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "chrome",
+            "request": "launch",
+            "name": "Launch Chrome against localhost",
+            "url": "http://localhost:4200",
+            "webRoot": "${workspaceFolder}"
+        }
+    ]
+}

.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+    "cSpell.words": [
+        "WORKOBJECT"
+    ]
+}

src/app/tools/icon-set-config/presentation/icon-list-item/icon-list-item.component.scss

@@ -27,7 +27,7 @@
   }
 
   ::ng-deep.activeMatButtonActor button {
-    background-color: #eedddd;
+    background-color: #e1aea4;
   }
 
   ::ng-deep.activeMatButtonWorkObject button {

src/styles.scss

@@ -46,7 +46,7 @@ $egon-palette: (
 
 // mdc-filled-text-field-focus-label-text-color: rgba(164, 215, 225, 0.87);
 
-// This was generated (see egon-palette), with 100 as primary color
+// This was generated (see egon-palette, with 100 as primary color)
 $egon-contrast-palette: (
   50: #eedddd,
   100: #e1aea4,
@@ -80,7 +80,7 @@ $egon-primary: mat.define-palette($egon-palette, 100, 50, 200);
 $egon-accent: mat.define-palette($egon-palette, 400, 300, 500);
 
 // The warn palette is optional (defaults to red).
-$egon-warn: mat.define-palette($egon-contrast-palette, 100, 50, 300);
+$egon-warn: mat.define-palette($egon-contrast-palette, 200, 100, 300);
 
 // Create the theme object. A theme consists of configurations for individual
 // theming systems such as "color" or "typography".
@@ -374,7 +374,7 @@ mat-dialog-actions.mdc-dialog__actions {
  * snapping
  */
 .djs-snap-line {
-  stroke: #eedddd;
+  stroke: #e1aea4;
 }
 
 .djs-palette .entry:hover {