Fix Kick - colors - based in Branding Guidelines

underscore-jr · Jun 29, 2023 · 2ddac4d · 2ddac4d
1 parent 5dabc02
commit 2ddac4d
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 2 deletions.
diff --git a/css/brands.css b/css/brands.css
@@ -474,14 +474,26 @@ button:hover,
   filter: brightness(90%);
 }
 
+/* Kick */
 .button.button-kick {
-  background-color:#3d951b;
-  color: #fff
+  background-color:#000000;
+  color:  #ffffff;
+  border: 1px solid #ffffff;
 }
 .button.button-kick:hover {
   filter: brightness(90%);
 }
 
+/* Kick Alt */
+.button.button-kick-alt {
+  background-color:#01e701;
+  color:  #000;
+}
+.button.button-kick-alt:hover {
+  filter: brightness(90%);
+}
+
+
 /* Kickstarter */
 .button.button-kickstarter {
   color: #ffffff;

diff --git a/images/icons/kick-alt.svg b/images/icons/kick-alt.svg
diff --git a/index.html b/index.html
@@ -211,6 +211,9 @@ <h1 role="heading">LittleLink</h1>
         <!-- Kick -->
         <a class="button button-kick" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/kick.svg" alt="">Kick</a><br>
 
+        <!-- Kick Alt -->
+        <a class="button button-kick-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/kick-alt.svg" alt="">Kick</a><br>
+
         <!-- Kickstarter -->
         <a class="button button-kickstarter" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/kickstarter.svg" alt="">Kickstarter</a><br>