From 89c429782e0f05e786c70b6f78041cffe8ea84bb Mon Sep 17 00:00:00 2001 From: Aaron Contreras Date: Mon, 30 Sep 2024 11:21:02 -0500 Subject: [PATCH] Increase contrast of skip button in onboarding tour --- .../setup/globals/onboarding/tours/homescreen_tour.ts | 2 +- frontend/src/global_styles/vendor/_enjoyhint.sass | 10 +++++----- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/frontend/src/app/core/setup/globals/onboarding/tours/homescreen_tour.ts b/frontend/src/app/core/setup/globals/onboarding/tours/homescreen_tour.ts index 7ae498add149..381361f0c683 100644 --- a/frontend/src/app/core/setup/globals/onboarding/tours/homescreen_tour.ts +++ b/frontend/src/app/core/setup/globals/onboarding/tours/homescreen_tour.ts @@ -4,7 +4,7 @@ export function homescreenOnboardingTourSteps():OnboardingStep[] { return [ { 'next .op-app-header': I18n.t('js.onboarding.steps.welcome'), - skipButton: { className: 'enjoyhint_btn-transparent', text: I18n.t('js.onboarding.buttons.skip') }, + skipButton: { className: 'enjoyhint_btn-secondary', text: I18n.t('js.onboarding.buttons.skip') }, nextButton: { text: I18n.t('js.onboarding.buttons.next') }, containerClass: '-hidden-arrow', bottom: 7, diff --git a/frontend/src/global_styles/vendor/_enjoyhint.sass b/frontend/src/global_styles/vendor/_enjoyhint.sass index ace4cb7890f5..a19e99f48212 100755 --- a/frontend/src/global_styles/vendor/_enjoyhint.sass +++ b/frontend/src/global_styles/vendor/_enjoyhint.sass @@ -134,12 +134,12 @@ letter-spacing: 1px @include onboarding-button-styles -.enjoyhint_btn-transparent - background: transparent +.enjoyhint_btn-secondary + background: var(--button--primary-font-color) color: var(--primary-button-color) - &:hover - color: var(--button--primary-font-color) - &:active + + &:hover,&:active + background: var(--button--primary-background-hover-color) color: var(--button--primary-font-color) #kinetic_container, .enjoyhint_canvas