1 files changed, 25 insertions, 2 deletions

diff --git a/src/scopes/_headings.scss b/src/scopes/_headings.scss
index 7a9f088..362b116 100644
--- a/src/scopes/_headings.scss
+++ b/src/scopes/_headings.scss
@@ -1,4 +1,5 @@
 @use 'sass:map';
+@use 'sass:string';
 @use 'iro-sass/src/bem';
 @use 'iro-sass/src/props';
 @use '../objects/heading.vars' as heading;
@@ -40,30 +41,52 @@
                         transparent .6em);
                 }
 
-                @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings, $text-transform in heading.$sizes {
+                @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings, $text-transform, $text-color in heading.$sizes {
                         #{map.get($-size-map, $mod)} {
                                 font-family:           props.get($font-family);
                                 font-size:             props.get($font-size);
                                 font-weight:           props.get($font-weight);
                                 font-feature-settings: props.get($feature-settings);
                                 line-height:           props.get($line-height);
+                                color:                 props.get($text-color);
                                 text-transform:        props.get($text-transform);
                                 letter-spacing:        props.get($letter-spacing);
                         }
                 }
 
                 @include bem.modifier('display') {
-                        @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings, $text-transform in heading.$display--sizes {
+                        @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings, $text-transform, $text-color in heading.$display--sizes {
                                 #{map.get($-size-map, $mod)} {
                                         font-family:           props.get($font-family);
                                         font-size:             props.get($font-size);
                                         font-weight:           props.get($font-weight);
                                         font-feature-settings: props.get($feature-settings);
                                         line-height:           props.get($line-height);
+                                        color:                 props.get($text-color);
                                         text-transform:        props.get($text-transform);
                                         letter-spacing:        props.get($letter-spacing);
                                 }
                         }
                 }
+
+                @each $theme in map.keys(props.get(heading.$static-themes)) {
+                        @include bem.modifier(string.slice($theme, 3)) {
+                                color: props.get(heading.$static-themes, $theme, --text-color);
+                                                
+                                @each $mod, $value in heading.$sizes {
+                                        #{map.get($-size-map, $mod)} {
+                                                color: props.get(heading.$static-themes, $theme, --#{$mod}, --text-color);
+                                        }
+                                }
+
+                                @include bem.modifier('display') {      
+                                        @each $mod, $value in heading.$sizes {
+                                                #{map.get($-size-map, $mod)} {
+                                                        color: props.get(heading.$static-themes, $theme, --display, --#{$mod}, --text-color);
+                                                }
+                                        }
+                                }
+                        }
+                }
         }
 }