share-to-gab

app/views/components/share-buttons.pug

@@ -1,5 +1,5 @@
 mixin renderGabShareButton (shareUrl, shareMsg)
-  a(href=`https://gab.com/compose?url=${shareUrl}&text=${shareMsg}`, target="_frenshare", rel="noopener noreferrer").fren-button
+  a(href=`https://gab.com/compose?url=${shareUrl}&text=${shareMsg}`, target="_blank", rel="noopener noreferrer").share-button.share-to-gab
     span(style="color: white;")
       <svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20px" height="20px" viewBox="0 4 20 30" xml:space="preserve">
         <g>

client/less/site/button.less

@@ -24,12 +24,16 @@ a.dtp-link-button {
 }
 
 .share-button {
-  background: #00d178;
-  color: white;
   font-weight: bold;
 
-  &:hover {
+  &.share-to-gab {
+    background: @brand-color-gab;
     color: white;
+
+    &:hover {
+      background: lighten(@brand-color-gab, 5%);
+      color: white;
+    }
   }
 }
 

client/less/site/variables.less

@@ -1 +1,3 @@
+@brand-color-gab: #00d178;
+
 @site-navbar-height: 64px;