Client - display if registration is disabled

fittrackee_client/src/scss/base.scss

@@ -26,6 +26,11 @@ a {
 input {
   border-radius: 0;
   border: solid 1px var(--input-border-color);
+
+  &:disabled {
+    border-color: var(--disabled-color);
+  }
+
 }
 
 label {
@@ -45,10 +50,16 @@ button {
     color: #FFFFFF;
   }
 
-  &:active {
+  &:enabled:active {
     box-shadow: 2px 0 2px var(--app-shadow-color);
     transform: translateY(2px);
   }
+
+  &:disabled {
+    background: var(--disabled-background-color);
+    border-color: var(--disabled-color);
+    color: var(--disabled-color);
+  }
 }
 
 .container {

fittrackee_client/src/scss/colors.scss

@@ -16,7 +16,13 @@
   --footer-border-color: #ebeef3;
   --footer-color: #8b8c8c;
 
+  --alert-background-color: #c8cdd3;
+  --alert-color: #3f3f3f;
+
   --error-background-color: #ffd2d2;
   --error-color: #db1924;
 
+  --disabled-background-color: #e0e0e0;
+  --disabled-color: #a3a3a3;
+
 }