CSS - Add webkit-font-smoothing

Author: lcharette

CHANGELOG.md

@@ -6,6 +6,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
 ## Unreleased
+- [Pink-Cupcake] CSS: Add webkit-font-smoothing
 
 ## 6.0.0-beta.6 - 2025-11-23
 - Update Docker Readme

packages/theme-pink-cupcake/CHANGELOG.md

@@ -6,6 +6,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
 ## [6.0.0-beta.7](https://github.com/userfrosting/theme-pink-cupcake/compare/6.0.0-beta.6...6.0.0-beta.7)
+- CSS: Add webkit-font-smoothing
 
 ## [6.0.0-beta.6](https://github.com/userfrosting/theme-pink-cupcake/compare/6.0.0-beta.5...6.0.0-beta.6)
 - Fix fontsource resources not being found when importing the main Less file in skeleton

packages/theme-pink-cupcake/src/less/components/base.less

@@ -0,0 +1,4 @@
+.hook-base-body() {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}

packages/theme-pink-cupcake/src/less/components/navbar.less

@@ -13,6 +13,11 @@
 
 // Custom hooks
 // ========================================================================
+.hook-navbar() {
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: auto;
+}
+
 // Custom hover color for nav items
 .hook-navbar-nav-item-hover() {
     background-color: @navbar-nav-item-hover-background-color;

packages/theme-pink-cupcake/src/less/main.less

@@ -3,6 +3,7 @@
 
 // UIkit components customization
 @import 'components/variables.less';
+@import 'components/base.less';
 @import 'components/breadcrumb.less';
 @import 'components/alert.less';
 @import 'components/form.less'; // Before: Icon, Form Range