Button colors (#227) (#228)

* revert css button changes, add new class * fix color to white * wip * login action
sequentech · Jul 1, 2022 · c6f75d0 · c6f75d0
1 parent f8beca8
commit c6f75d0
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 7 deletions.
diff --git a/avRegistration/login-directive/login-directive.html b/avRegistration/login-directive/login-directive.html
@@ -46,7 +46,7 @@
               </div>
               <button
                 type="submit"
-                class="btn btn-block btn-success"
+                class="btn btn-block btn-success-action"
                 ng-if="!isCensusQuery"
                 ng-i18next="avRegistration.loginButton"
                 ng-click="loginUser(form.$valid)"
@@ -55,7 +55,7 @@
               </button>
               <button
                 type="submit"
-                class="btn btn-block btn-success"
+                class="btn btn-block btn-success-action"
                 ng-if="!!isCensusQuery"
                 ng-i18next="avRegistration.checkCensusButton"
                 ng-click="checkCensus(form.$valid)"

diff --git a/dist/themes/default/app.less b/dist/themes/default/app.less
@@ -65,11 +65,22 @@
 
 .btn-success {
   border: 0;
-  background-color: @av-secondary-contrast;
+  background-color: @av-primary-contrast;
 }
 
 .btn-success:hover {
-  background-color: @av-primary-contrast;
+  background-color: darken(@av-primary-contrast, 25%);
+}
+
+.btn-success-action {
+  border: 0;
+  background-color: @av-secondary-contrast;
+  color: @av-primary;
+}
+
+.btn-success-action:hover {
+  background-color: @av-secondary;
+  color: @av-primary;
 }
 
 .btn-transparent {

diff --git a/dist/themes/default/app.min.css b/dist/themes/default/app.min.css
diff --git a/themes/default/app.less b/themes/default/app.less
@@ -65,11 +65,22 @@
 
 .btn-success {
   border: 0;
-  background-color: @av-secondary-contrast;
+  background-color: @av-primary-contrast;
 }
 
 .btn-success:hover {
-  background-color: @av-primary-contrast;
+  background-color: darken(@av-primary-contrast, 25%);
+}
+
+.btn-success-action {
+  border: 0;
+  background-color: @av-secondary-contrast;
+  color: @av-primary;
+}
+
+.btn-success-action:hover {
+  background-color: @av-secondary;
+  color: @av-primary;
 }
 
 .btn-transparent {