diff --git a/webapp/packages/core-theming/src/styles/_color.scss b/webapp/packages/core-theming/src/styles/_color.scss
index 5f19d120ae..9fadda1cef 100644
--- a/webapp/packages/core-theming/src/styles/_color.scss
+++ b/webapp/packages/core-theming/src/styles/_color.scss
@@ -40,6 +40,12 @@
           @include mdc-theme-prop(border-color, $style, true);
         }
       }
+      &.theme-fill-#{$style},
+      .theme-fill-#{$style} {
+        @include mdc-feature-targets($feat-color) {
+          @include mdc-theme-prop(fill, $style, true);
+        }
+      }
     } @else {
       &.theme-text-#{$style},
       .theme-text-#{$style} {
@@ -68,6 +74,12 @@
           @include mdc-theme-prop(border-color, $style, true);
         }
       }
+      &.theme-fill-#{$style},
+      .theme-fill-#{$style} {
+        @include mdc-feature-targets($feat-color) {
+          @include mdc-theme-prop(fill, $style);
+        }
+      }
     }
   }