diff --git a/preview/assets/scss/config/_dark-colors.scss b/preview/assets/scss/config/_dark-colors.scss
index 9deb991..40346b9 100644
--- a/preview/assets/scss/config/_dark-colors.scss
+++ b/preview/assets/scss/config/_dark-colors.scss
@@ -24,6 +24,7 @@ $colors: (
     'marker': $color-primary,
     'primary': $color-primary,
     'secondary': $color-secondary,
+    'strong': $color-white,
     'text': $color-gray,
   ),
   'btn': (
diff --git a/preview/pug/assets/data.json b/preview/pug/assets/data.json
index 9065064..521cc17 100644
--- a/preview/pug/assets/data.json
+++ b/preview/pug/assets/data.json
@@ -87,6 +87,11 @@
       "value": "$color-secondary",
       "bordered": "false"
     },
+    {
+      "name": "strong",
+      "value": "$color-black",
+      "bordered": "false"
+    },
     {
       "name": "text",
       "value": "$color-gray",
diff --git a/scss/config/_color.scss b/scss/config/_color.scss
index 132fb32..4ac6343 100644
--- a/scss/config/_color.scss
+++ b/scss/config/_color.scss
@@ -33,6 +33,7 @@ $colors: map.deep-merge(
       'marker': $color-primary,
       'primary': $color-primary,
       'secondary': $color-secondary,
+      'strong': $color-black,
       'text': $color-gray,
     ),
     'btn': (
diff --git a/scss/element/_typography.scss b/scss/element/_typography.scss
index 6375004..d551652 100644
--- a/scss/element/_typography.scss
+++ b/scss/element/_typography.scss
@@ -144,6 +144,10 @@
     padding: config('inline-padding', $typography);
   }
 
+  strong {
+    color: color('strong');
+  }
+
   .lead {
     font-size: config('font-size-lead', $typography);
   }