Merge pull request #1649 from monocle/case-contrast

Change Case background color. Closes #1643

Author: KentShikama

src/frontend/src/components/RecordSearch/Record/Case.tsx

@@ -99,7 +99,7 @@ export default class Case extends React.Component<Props, State> {
     return (
       <div
         id={this.props.customElementId || case_number}
-        className="f6 f5-l bg-gray-blue-2 shadow br3 pa1 mb4"
+        className="f6 f5-l bg-gray-blue-3 shadow br3 pa1 mb4"
       >
         <div className="cf relative pv2 pr5 pr6-ns">
           {this.props.editing ? null : (

src/frontend/src/styles/_globals.scss

@@ -1,5 +1,6 @@
 $gray-blue: #fafafe;
 $gray-blue-2: #f1f3f7;
+$gray-blue-3: #e6e9ef;
 $green: #007b4b;
 $washed-green: #e5f1ed;
 $blue: #2b74d2;
@@ -79,6 +80,10 @@ $washed-red: #f0e0e8;
   background-color: $gray-blue-2;
 }
 
+.bg-gray-blue-3 {
+  background-color: $gray-blue-3;
+}
+
 :focus,
 .link:focus {
   outline-color: $blue;
@@ -118,7 +123,7 @@ fieldset {
 .diamond {
   width: 55px;
   height: 55px;
-  box-shadow: 0 6px 12px -4px #3683E4;
+  box-shadow: 0 6px 12px -4px #3683e4;
 }
 
 // Case header widths
@@ -286,7 +291,7 @@ fieldset {
 }
 
 .connect:before,
-.connect:after, {
+.connect:after {
   content: " ";
   position: absolute;
   transform: translate(-50%);
@@ -473,4 +478,4 @@ $lightest-blue2: #e8f2ff;
 }
 .bs2-r-gray {
   box-shadow: 2px 0px 0px 0px #eeeeee;
-}
+}