From 8c25be4442521e4ccb3e4c42779eed29b3e155e7 Mon Sep 17 00:00:00 2001 From: Renan Franca Date: Wed, 27 Nov 2024 11:56:45 -0300 Subject: [PATCH] fix: use specific font for emojis to fix the sun emoji turning grey due to the Inter font-family --- src/main/style/atom/theme-button/_theme-button.scss | 3 +++ src/main/style/token/_fonts.scss | 1 + 2 files changed, 4 insertions(+) diff --git a/src/main/style/atom/theme-button/_theme-button.scss b/src/main/style/atom/theme-button/_theme-button.scss index 1d03aecf9e6..9193912de51 100644 --- a/src/main/style/atom/theme-button/_theme-button.scss +++ b/src/main/style/atom/theme-button/_theme-button.scss @@ -1,3 +1,5 @@ +@use '../../token/fonts'; + .jhlite-theme-button { display: flex; @@ -21,6 +23,7 @@ padding: calc(var(--jhlite-element-size) * 0.1); width: var(--jhlite-element-size); height: calc(var(--jhlite-element-size) * 0.35); + font-family: fonts.$jhlite-global-font-emoji-family; font-size: calc(var(--jhlite-element-size) * 0.3); } diff --git a/src/main/style/token/_fonts.scss b/src/main/style/token/_fonts.scss index 8768bdbca49..baabe98f897 100644 --- a/src/main/style/token/_fonts.scss +++ b/src/main/style/token/_fonts.scss @@ -2,6 +2,7 @@ $jhlite-font-weight-semi-bold: 600; $jhlite-global-font-primary-family: 'Inter', sans-serif; +$jhlite-global-font-emoji-family: sans-serif; $jhlite-global-font-text-size: 2.5vw; $jhlite-global-font-text-desktop-size: 16px; $jhlite-global-font-glyph-family: jhlite-icons;