fix: use specific font for emojis to fix the sun emoji turning grey d…

…ue to the Inter font-family
jhipster · Nov 27, 2024 · 8c25be4 · 8c25be4
1 parent e135987
commit 8c25be4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git 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
@@ -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;