- saving progress;

src/assets/scss/components/appForm.scss

@@ -10,6 +10,11 @@
   gap: 14px;
   padding: 5px 0;
   width: 100%;
+  
+  &.row {
+    flex-direction: row;
+    align-items: center;
+  }
 
   label {
     font-size: 14px;

src/assets/scss/components/appPage.scss

@@ -225,6 +225,31 @@
     gap: 0.5em;
 }
 
+.appPageSection__message {
+    display: flex;
+    align-items: center;
+    gap: 7px;
+    background: rgba(255, 242, 226, 0.7);
+    border-style: solid;
+    border-width: 0 0 0 6px;
+    padding: 1.25rem 1.75rem;
+    border-radius: 6px;
+
+    &.warning {
+        color: var(--message-warning-color);
+        border-color: var(--message-warning-color);
+    }
+
+    &.info {
+        color: var(--message-info-color);
+        border-color: var(--message-info-color);
+    }
+    
+    .summary {
+        font-weight: bold;
+    }
+}
+
 @container section_with_border (max-width: 600px) {
     .appPageSection__withBorder {
         .row {

src/assets/scss/components/layout.scss

@@ -12,8 +12,14 @@ body {
   margin: 0;
   font-family: "Montserrat", sans-serif;
 
-  p, span:not(.p-button-label, .p-button-icon, .p-badge, .p-message-detail, .p-highlight, .p-inline-message-text, .p-tag, .p-tag-icon),
-  input, label:not(.p-error), textarea, a, li, h1, h2, h3, h4, h5, h6, div:not(.p-inline-message, .p-toast-detail), th, td {
+  /*p, span:not(.p-button-label, .p-button-icon, .p-badge, .p-message-detail, .p-message-summary, .p-highlight, .p-inline-message-text, .p-tag, .p-tag-icon),
+  input:not(.p-checkbox-input),
+  label:not(.p-error), textarea, a, li, h1, h2, h3, h4, h5, h6, div:not(.p-inline-message, .p-toast-detail, .p-checkbox-box), th, td,
+  :not(svg, path, .p-button, .p-button > span, .statsBigBadges__gridItem > span, number-flow, .p-paginator-page, .p-badge) {
+    color: var(--global-textColor);
+  }*/
+
+  h2, h3, p, label, .appPageSection__hr {
     color: var(--global-textColor);
   }
 }
@@ -87,6 +93,12 @@ img {
             color: white;
           }
 
+          svg {
+            path {
+              fill: white;
+            }
+          }
+
           span {
             color: var(--menuitem-active-color);
           }