Mini Restyling (#372)

* mini restyling * Update style.less * Update package.json * Update package.json * Update style.less * Update package.json
acmucsd · Oct 5, 2020 · 30520e5 · 30520e5
1 parent 2e195f7
commit 30520e5
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/config-overrides.js b/config-overrides.js
@@ -9,7 +9,7 @@ module.exports = override(
   addLessLoader({
     javascriptEnabled: true,
     modifyVars: {
-      '@primary-color': '#1DA57A',
+      '@primary-color': '#62B0FF',
       '@success-color': '#22ACEA',
       '@text-selection-bg': '#22ACEA',
       '@link-color': '#22ACEA',

diff --git a/src/components/EventCheckIn/style.less b/src/components/EventCheckIn/style.less
@@ -2,7 +2,7 @@
 @import '../../styles/vars.less';
 
 .checkin-card {
-  background-color: @blue-3;
+  border: 2px solid @blue-5;
   border-radius: 10px;
   display: flex;
   height: @db-card-height;
@@ -21,7 +21,7 @@
   }
 
   h1 {
-    color: @white;
+    color: #555;
     font-size: @card-heading-1;
     font-weight: 700;
     margin: 20px 0;
@@ -35,16 +35,16 @@
     }
 
     .input {
-      border: none;
+      border: 1px solid #555;
       color: @blue-3;
       margin-right: 20px;
       max-width: 200px;
       min-width: calc(100% - 140px);
     }
 
     .submit {
-      background-color: @blue-1;
-      border: 2px solid @blue-2;
+      background-color: @blue-5;
+      border: 2px solid #518bd0;
       color: @white;
       height: 40px;
       min-width: 100px;

diff --git a/src/styles/mixins.less b/src/styles/mixins.less
@@ -14,6 +14,7 @@
 
 .button-hover() {
   &:hover {
+    cursor: pointer;
     opacity: 0.85;
     transform: translateY(-1px);
     transition: 200ms;