docs(colors): blue-grey-6 adjustment

eea · Sep 12, 2022 · e7ab2d1 · e7ab2d1
1 parent 80219d5
commit e7ab2d1
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/website/docs/webdev/3-Guidelines/2-colours.md b/website/docs/webdev/3-Guidelines/2-colours.md
@@ -259,8 +259,8 @@ These colors highlight or complement the primary colors. These are to be used sp
      <table style={{float:'left'}}>
         <tbody>
             <tr>
-            <td style={{backgroundColor:'#3D5265'}} className="small-color-box-td-70">
-                    <div style={{color:'white'}} className="small-color-box-70">#3D5265</div>
+            <td style={{backgroundColor:'#2E3E4C'}} className="small-color-box-td-70">
+                    <div style={{color:'white'}} className="small-color-box-70">#2E3E4C</div>
                 </td>            
             </tr>
         </tbody> </table>
@@ -877,7 +877,7 @@ Not all colors have to be used - sometimes a simple color scheme works best. Acc
         <tbody>
             <tr>
             <td style={{backgroundColor:'var(--blue-grey-6)'}} className="small-color-box-td">
-                    <div style={{color:'white'}} className="small-color-box">#3D5265<br/>blue-grey-6<br/>AAA</div>
+                    <div style={{color:'white'}} className="small-color-box">#2E3E4C<br/>blue-grey-6<br/>AAA</div>
                 </td>            
             </tr>
         </tbody> </table>

diff --git a/website/src/css/custom.css b/website/src/css/custom.css
@@ -116,10 +116,10 @@
   --yellow-3: #FAC50D;
   --yellow-4: #FDAF20;
   --yellow-5: #FF9933;
-  --yellow-6: #E56B38; /* */
+  --yellow-6: #C35527;
   --blue-0: #A0D7FF;
   --blue-1: #47B3FF;
-  --blue-2: #0A99FF; /* */
+  --blue-2: #0D98FB;
   --blue-3: #0083E0;
   --blue-4: #006BB8;
   --blue-5: #004B7F;
@@ -130,12 +130,12 @@
   --blue-grey-3: #6989A5;
   --blue-grey-4: #4C677F;
   --blue-grey-5: #3D5265;
-  --blue-grey-6: #2E3E4C; /* */
+  --blue-grey-6: #2E3E4C;
   --grey-0: #FFFFFF;
   --grey-1: #F9F9F9;
   --grey-2: #E6E7E8;
   --grey-3: #BCBEC0;
-  --grey-4: #67696b; /* 10% shade of #808285 which passed AA validation on white bg - diff */
+  --grey-4: #747678;
   --grey-5: #323232;
   --grey-6: #000000;