feat(list-index): tweak label colors in MD theme

framework7io · Jun 1, 2023 · b797d9b · b797d9b
1 parent 76185a4
commit b797d9b
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/core/components/list-index/list-index-vars.less b/src/core/components/list-index/list-index-vars.less
@@ -4,11 +4,11 @@
   --f7-list-index-font-weight: 600;
   /* --f7-list-index-text-color: var(--f7-theme-color); */
   --f7-list-index-item-height: 14px;
-  --f7-list-index-label-text-color: #fff;
-  /* --f7-list-index-label-bg-color: var(--f7-theme-color); */
   --f7-list-index-label-font-weight: 500;
 }
 .ios-vars({
+  --f7-list-index-label-text-color: #fff;
+  /* --f7-list-index-label-bg-color: var(--f7-theme-color); */
   --f7-list-index-label-size: 44px;
   --f7-list-index-label-font-size: 17px;
   --f7-list-index-skip-dot-size: 6px;
@@ -18,3 +18,8 @@
   --f7-list-index-label-font-size: 20px;
   --f7-list-index-skip-dot-size: 4px;
 });
+
+.md-color-vars({
+  --f7-list-index-label-bg-color: var(--f7-md-primary);
+  --f7-list-index-label-text-color: var(--f7-md-on-primary);
+});