Increase contrast of skip button in onboarding tour

opf · Sep 30, 2024 · 89c4297 · 89c4297
1 parent 9c82909
commit 89c4297
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 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
@@ -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
@@ -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