Update shadows to make them similar to YW and docs index page (#134)

yugabyte · Jun 11, 2019 · dab5594 · dab5594
1 parent f62a6e6
commit dab5594
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/docs/styles/_colors.scss b/docs/styles/_colors.scss
@@ -4,6 +4,7 @@ $YB_LIGHT_GRAY_BACK: #F5F6F8;
 $YB_LIGHT_GRAY: #F7F8F9;
 $YB_GRAY: #c7c7c7;
 $YB_DARK_GRAY: #424242;
+$YB_DARK_GRAY_2: #232329;
 $YB_DARK: #202951;
 
 $YB_LIGHT_ORANGE: #ef8a2b;

diff --git a/docs/styles/_yuga_overrides.scss b/docs/styles/_yuga_overrides.scss
@@ -165,7 +165,7 @@ a {
     background-color: #fff;
     border-radius: 7px;
     margin-bottom: 25px;
-    box-shadow: 0 1px 2px rgba(#202951, 0.16);
+    box-shadow: 0 0.12em 2px rgba($YB_DARK_GRAY_2, 0.05), 0 0.5em 10px rgba($YB_DARK_GRAY_2, 0.07);
     z-index: 2;
     position: relative;
 
@@ -793,7 +793,7 @@ h1, h2, h3, h4, h5, h6 {
         background-color: #fff;
         padding: 0 32px;
         border-radius: 7px;
-        box-shadow: 0 1px 2px rgba(#202951, 0.16);
+        box-shadow: 0 0.12em 2px rgba($YB_DARK_GRAY_2, 0.05), 0 0.5em 10px rgba($YB_DARK_GRAY_2, 0.07);
 
         @media only screen and (max-width: 991px) {
           padding: 0 25px;