diff --git a/playbook/app/pb_kits/playbook/pb_caption/_caption_mixin.scss b/playbook/app/pb_kits/playbook/pb_caption/_caption_mixin.scss index 895f9bfb56..01b5c8b7fa 100755 --- a/playbook/app/pb_kits/playbook/pb_caption/_caption_mixin.scss +++ b/playbook/app/pb_kits/playbook/pb_caption/_caption_mixin.scss @@ -13,9 +13,10 @@ $pb_caption_colors: ( $pb_dark_caption_colors: ( default: $text_dk_default, light: $text_dk_light, + lighter: $text_dk_lighter, link: $active_dark, success: $text_dk_success_sm, - error: $error, + error: $error_dark, ); diff --git a/playbook/app/pb_kits/playbook/pb_title/_title.scss b/playbook/app/pb_kits/playbook/pb_title/_title.scss index ebe4e87ff4..ef42657280 100755 --- a/playbook/app/pb_kits/playbook/pb_title/_title.scss +++ b/playbook/app/pb_kits/playbook/pb_title/_title.scss @@ -49,10 +49,11 @@ } &.dark { - @include pb_title_dark; - } - - &.dark[class*=_link] { - @include pb_title_dark_link; + @include title_dark; + @each $name, $color in $pb_dark_title_colors { + &[class*="_#{$name}"] { + color: $color; + } + } } } diff --git a/playbook/app/pb_kits/playbook/pb_title/_title_mixin.scss b/playbook/app/pb_kits/playbook/pb_title/_title_mixin.scss index 46b8935686..8fc0714bb7 100755 --- a/playbook/app/pb_kits/playbook/pb_title/_title_mixin.scss +++ b/playbook/app/pb_kits/playbook/pb_title/_title_mixin.scss @@ -9,6 +9,15 @@ $pb_title_colors: ( link: $primary ); +$pb_dark_title_colors: ( + default: $text_dk_default, + light: $text_dk_light, + lighter: $text_dk_lighter, + success: $success, + error: $error_dark, + link: $active_dark +); + @mixin title_colors { @each $name, $color in $pb_title_colors { &[class*=_#{$name}] { @@ -16,3 +25,7 @@ $pb_title_colors: ( } } } + +@mixin title_dark { + color: $text_dk_default; +} diff --git a/playbook/app/pb_kits/playbook/tokens/_titles.scss b/playbook/app/pb_kits/playbook/tokens/_titles.scss index fad0b3091d..ef180c328f 100755 --- a/playbook/app/pb_kits/playbook/tokens/_titles.scss +++ b/playbook/app/pb_kits/playbook/tokens/_titles.scss @@ -33,14 +33,6 @@ @include pb_title($heading_4, $bolder, $letterSpacing: $lspace_normal); } -@mixin pb_title_dark { - color: $text_dk_default; -} - -@mixin pb_title_dark_link { - color: $active_dark; -} - @mixin pb_title_bold { font-weight: $bolder; }