diff --git a/services/web/frontend/stylesheets/app/website-redesign.less b/services/web/frontend/stylesheets/app/website-redesign.less index 0b646c3031..45610c922c 100644 --- a/services/web/frontend/stylesheets/app/website-redesign.less +++ b/services/web/frontend/stylesheets/app/website-redesign.less @@ -757,15 +757,19 @@ color: var(--emerald-green); &:hover { - color: var(--green-60); + color: var(--emerald-green-dark); .right-arrow { - background: var(--green-60); + color: var(--emerald-green-dark); } } } .inline-green-link { - color: var(--green-50); + color: var(--emerald-green); + + &:hover { + color: var(--emerald-green-dark); + } text-decoration: underline; } @@ -783,6 +787,15 @@ } } + .btn-primary { + background: var(--emerald-green); + color: var(--white); + + &:hover { + background: var(--emerald-green-dark); + } + } + .round-background { border-radius: 50%; font-size: 1.5rem; diff --git a/services/web/frontend/stylesheets/components/navbar.less b/services/web/frontend/stylesheets/components/navbar.less index a140eeb8a5..d8839911dd 100755 --- a/services/web/frontend/stylesheets/components/navbar.less +++ b/services/web/frontend/stylesheets/components/navbar.less @@ -673,7 +673,7 @@ } > li.primary > a { - .btn-borderless(); + .btn-borderless(@white, @emerald-green, @emerald-green-dark); } > li.secondary > a { diff --git a/services/web/frontend/stylesheets/variables/colors.less b/services/web/frontend/stylesheets/variables/colors.less index 5f5b167484..b50e53efca 100644 --- a/services/web/frontend/stylesheets/variables/colors.less +++ b/services/web/frontend/stylesheets/variables/colors.less @@ -94,6 +94,7 @@ // == Website Redesign == @emerald-green: #098842; +@emerald-green-dark: #087a3b; @ceil: #9597c9; @caramel: #f9d38f; @dark-jungle-green: #0f271a; diff --git a/services/web/frontend/stylesheets/variables/css-variables.less b/services/web/frontend/stylesheets/variables/css-variables.less index a7326fe81b..0095ca7600 100644 --- a/services/web/frontend/stylesheets/variables/css-variables.less +++ b/services/web/frontend/stylesheets/variables/css-variables.less @@ -82,6 +82,7 @@ // website-redesign --emerald-green: @emerald-green; + --emerald-green-dark: @emerald-green-dark; --mint-green: @mint-green; --ceil: @ceil; --caramel: @caramel;