Update settings config example

pages/design-tokens/color/theme-tokens.md

@@ -35,9 +35,15 @@ Each color family has seven possible lightness grades, from `lightest` to `darke
 
 ## Customizing theme color tokens
 
-Customize theme color tokens using the variables listed below in the `_uswds_theme_color.scss` [settings file]({{ site.baseurl }}/documentation/settings/) with [system color tokens]({{ site.baseurl }}/design-tokens/color/system-tokens/). Set any unused theme color to `false`.
+Customize theme color tokens in your [USWDS settings configuration]({{ site.baseurl }}/documentation/settings) using the variables listed below. Define any theme setting variable with [system color tokens]({{ site.baseurl }}/design-tokens/color/system-tokens/). Set any unused theme color to `false`.
 
-For example, if you wanted to set the value of the `primary-vivid` token to `blue-warm-50v`, set the variable `$theme-color-primary-vivid: "blue-warm-50v"` in `_uswds_theme_color.scss`.
+For example, if you wanted to set the value of the `primary-vivid` token to `blue-warm-50v`, your settings configuration would look like this:
+
+```
+@use "uswds-core" with (
+  $theme-color-primary-vivid: "blue-warm-50v",
+);
+```
 
 <div class="site-table-wrapper">
   <table class="usa-table--borderless site-table-responsive">