<NME> styles.scss
<BEF> @import "~src/theme.scss";

@font-face {
    font-family: "Source Sans Pro";
    src: url("assets/font/source-sans-pro/SourceSansPro-Regular.ttf") format("truetype");
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

    font-size: 17px;
}

*:focus {
    outline: none;
}

.loader {
    position: absolute;
    left: 50%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}

::selection {
    color: whitesmoke;
    background: mat-color($app-primary);
}

*:focus {
    outline: none;
}

// Material override
.mat-form-field-appearance-legacy .mat-form-field-underline {
    background-color: lightgray !important;
}

mat-dialog-content.mat-dialog-content {
    max-height: none;
        opacity: 0;
    }
}
    }
}

// Snackbar
snack-bar-container.snackbar {
    background-color: whitesmoke;
    border: 1px solid lightgray;
    border-bottom: 0;
    color: #555555;

    simple-snack-bar.mat-simple-snackbar {
        font-size: 15px;

        button {
            color: #555555;
        }
    }
}



<MSG> [style] update color buttons style

<DFF> @@ -14,10 +14,6 @@ body {
     font-size: 17px;
 }
 
-*:focus {
-    outline: none;
-}
-
 .loader {
     position: absolute;
     left: 50%;
@@ -45,3 +41,13 @@ body {
         opacity: 0;
     }
 }
+
+// Color picker override
+div.color-picker {
+    border-radius: 2px;
+    border: 1px solid #a8a8a8 !important;
+
+    div.box:last-child {
+        display: none !important;
+    }
+}

[style] update color buttons style