update tag style for accessibility

gsoft-inc · Dec 11, 2024 · d09b8d6 · d09b8d6
1 parent 81687e6
commit d09b8d6
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/apps/docs/app/home.css b/apps/docs/app/home.css
@@ -171,11 +171,11 @@ a.hd-home-sample__item:hover::after {
 .hd-home-sample__title-tag {
     align-self: center;
     border-radius: var(--hd-border-radius-sm);
-    background-color: var(--hd-color-accent-surface-strong);
-    color: var(--hd-white);
+    color: var(--hd-color-accent-text);
+    background-color: var(--hd-color-accent-surface);
     font-size: 0.75rem;
     font-weight: 400;
-    padding: var(--hd-space-05);
+    padding: 0.125rem var(--hd-space-05);
 }
 
 .hd-home-sample__tagline {

diff --git a/apps/docs/app/ui/layout/mobileMenu/mobileMenu.css b/apps/docs/app/ui/layout/mobileMenu/mobileMenu.css
@@ -96,10 +96,10 @@
 .hd-mobile-menu-nav-tag {
     align-self: center;
     border-radius: var(--hd-border-radius-sm);
-    background-color: var(--hd-color-accent-surface-strong);
-    color: var(--hd-white);
+    color: var(--hd-color-accent-text);
+    background-color: var(--hd-color-accent-surface);
     font-size: 0.75rem;
-    padding: var(--hd-space-05);
+    padding: 0.125rem var(--hd-space-05);
 }
 
 .hd-mobile-menu--opening {

diff --git a/apps/docs/app/ui/layout/nav/nav.css b/apps/docs/app/ui/layout/nav/nav.css
@@ -58,9 +58,9 @@
 /* Tag */
 .hd-nav__link-tag {
     border-radius: var(--hd-border-radius-sm);
-    background-color: var(--hd-color-accent-surface-strong);
-    color: var(--hd-white);
-    font-size: 0.75rem;
-    padding: var(--hd-space-05);
+    color: var(--hd-color-accent-text);
+    background-color: var(--hd-color-accent-surface);
+    font-size: 0.825rem;
+    padding: 0.125rem var(--hd-space-05);
     margin-inline-start: var(--hd-space-05);
 }