Merge branch 'feat/article-area-renovation' into imprv/article-area-gw3977

src/client/styles/scss/theme/christmas.scss

@@ -182,4 +182,11 @@ html[dark] {
   .grw-navbar {
     background-image: url('/images/themes/christmas/christmas-navbar.jpg');
   }
+
+  // Button
+  .grw-three-stranded-button {
+    .btn.btn-outline-primary {
+      @include three-stranded-button(darken($subthemecolor, 15%), lighten($subthemecolor, 35%), lighten($subthemecolor, 45%));
+    }
+  }
 }

src/client/styles/scss/theme/island.scss

@@ -108,4 +108,11 @@ html[dark] {
       }
     }
   }
+
+  // Button
+  .grw-three-stranded-button {
+    .btn.btn-outline-primary {
+      @include three-stranded-button(darken($primary, 50%), lighten($primary, 5%), darken($primary, 5%));
+    }
+  }
 }

src/client/styles/scss/theme/nature.scss

@@ -110,4 +110,11 @@ html[dark] {
       color: $color-link-hover !important;
     }
   }
+
+  // Button
+  .grw-three-stranded-button {
+    .btn.btn-outline-primary {
+      @include three-stranded-button($bgcolor-navbar, lighten($bgcolor-navbar, 65%), lighten($bgcolor-navbar, 70%));
+    }
+  }
 }

src/client/styles/scss/theme/wood.scss

@@ -160,4 +160,11 @@ html[dark] {
       border-color: #aaa !important;
     }
   }
+
+  // Button
+  .grw-three-stranded-button {
+    .btn.btn-outline-primary {
+      @include three-stranded-button(darken($primary, 30%), lighten($primary, 15%), lighten($primary, 25%));
+    }
+  }
 }