colors and filters

front/sass/_record-edit.scss

@@ -2,7 +2,7 @@
   position: relative;
 
   .invalid-feedback {
-    color: var(--error);
+    color: var(--text-error);
     font-size: 15px;
     line-height: 20px;
     margin-top: 10px;
@@ -33,17 +33,23 @@
   z-index: 20;
   padding: 10px;
   border-radius: 12px;
-  background: var(--background);
-  filter: brightness(97%);
+  background: var(--p20);
 }
 
 .editor-field {
-  background: var(--background-stack);
+  background: var(--p20);
   padding: 18px;
   position: relative;
   border-radius: 12px;
   margin: 6px 0;
   border-color: transparent;
+
+  .button{
+    background: var(--p30);
+    &:hover{
+      background: var(--p40);
+    }
+  }
 }
 
 .field-header {
@@ -71,7 +77,6 @@
 
   .help-text {
     font-size: 14px;
-    opacity: .7;
     line-height: 14px
   }
 
@@ -83,7 +88,6 @@
 
 .system-help-text {
   font-size: 14px;
-  opacity: .7;
   line-height: 14px;
   margin-top: 10px;
 }