From 25e309b8cc069194b89a248ca8ff9e3b07377d52 Mon Sep 17 00:00:00 2001 From: Maikel Linke Date: Mon, 16 Mar 2020 16:14:01 +1100 Subject: [PATCH] Update link colors to orange and teal --- .../stylesheets/darkswarm/_shop-product-rows.scss | 14 ++++++++++++-- app/assets/stylesheets/darkswarm/branding.scss | 1 + 2 files changed, 13 insertions(+), 2 deletions(-) diff --git a/app/assets/stylesheets/darkswarm/_shop-product-rows.scss b/app/assets/stylesheets/darkswarm/_shop-product-rows.scss index 582f05e08c..d4eda0247b 100644 --- a/app/assets/stylesheets/darkswarm/_shop-product-rows.scss +++ b/app/assets/stylesheets/darkswarm/_shop-product-rows.scss @@ -141,16 +141,26 @@ font-size: 80%; } + small a { + color: $teal-500; + + &:hover, &:focus, &:active { + color: $teal-600; + text-decoration: underline; + } + } + h3 { font-size: 1.5rem; margin: 0; } h3 a { - color: #222; + color: $orange-500; &:hover, &:focus, &:active { - color: $clr-brick; + color: $orange-600; + text-decoration: underline; } } } diff --git a/app/assets/stylesheets/darkswarm/branding.scss b/app/assets/stylesheets/darkswarm/branding.scss index de705bbfa3..9d0156dd3c 100644 --- a/app/assets/stylesheets/darkswarm/branding.scss +++ b/app/assets/stylesheets/darkswarm/branding.scss @@ -56,6 +56,7 @@ $grey-800: #333; $teal-300: #80d3df; $teal-400: #4cb5c5; $teal-500: #0096ad; +$teal-600: #007a9a; $orange-400: #ff9466; $orange-450: #f4704c;