diff --git a/scss/_variables.scss b/scss/_variables.scss
index cf6b8a787896..24a112a12a83 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -321,13 +321,13 @@ $theme-colors: (
 ) !default;
 // scss-docs-end theme-colors-map
 
-$primary-text:            $blue-600 !default;
-$secondary-text:          $gray-600 !default;
-$success-text:            $green-600 !default;
-$info-text:               $cyan-700 !default;
-$warning-text:            $yellow-700 !default;
-$danger-text:             $red-600 !default;
-$light-text:              $gray-600 !default;
+$primary-text:            $blue-700 !default;
+$secondary-text:          $gray-700 !default;
+$success-text:            $green-700 !default;
+$info-text:               $cyan-800 !default;
+$warning-text:            $yellow-800 !default;
+$danger-text:             $red-700 !default;
+$light-text:              $gray-700 !default;
 $dark-text:               $gray-700 !default;
 
 $primary-bg-subtle:       $blue-100 !default;
diff --git a/site/assets/scss/_callouts.scss b/site/assets/scss/_callouts.scss
index 016a2ed24c70..a398dd957121 100644
--- a/site/assets/scss/_callouts.scss
+++ b/site/assets/scss/_callouts.scss
@@ -3,6 +3,8 @@
 //
 
 .bd-callout {
+  --#{$prefix}link-color-rgb: #{to-rgb($blue-600)};
+
   padding: 1.25rem;
   margin-top: 1.25rem;
   margin-bottom: 1.25rem;
diff --git a/site/layouts/_default/docs.html b/site/layouts/_default/docs.html
index 738d7ee8ecd3..a34bfd9ab8c4 100644
--- a/site/layouts/_default/docs.html
+++ b/site/layouts/_default/docs.html
@@ -19,7 +19,7 @@ <h5 class="offcanvas-title" id="bdSidebarOffcanvasLabel">Browse docs</h5>
         <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
           <div class="mb-3 mb-md-0 d-flex">
             {{- if .Page.Params.added -}}
-              <small class="d-inline-flex px-2 py-1 fw-semibold text-success bg-success bg-opacity-10 border border-success border-opacity-10 rounded-2 me-2">Added in v{{ .Page.Params.added }}</small>
+              <small class="d-inline-flex px-2 py-1 fw-semibold text-success-emphasis bg-success-subtle border border-success-subtle rounded-2 me-2">Added in v{{ .Page.Params.added }}</small>
             {{- end -}}
             <a class="btn btn-sm btn-bd-light rounded-2" href="{{ .Site.Params.repo }}/blob/v{{ .Site.Params.current_version }}/site/content/{{ .Page.File.Path | replaceRE `\\` "/" }}" title="View and edit this file on GitHub" target="_blank" rel="noopener">
               View on GitHub