refactor: update styles

Author: mrholek

docs/assets/scss/_colors.scss

@@ -40,6 +40,7 @@
   }
 }
 
+// stylelint-disable declaration-block-single-line-max-declarations
 .docs-blue-100 { color: color-contrast($blue-100); background-color: $blue-100; }
 .docs-blue-200 { color: color-contrast($blue-200); background-color: $blue-200; }
 .docs-blue-300 { color: color-contrast($blue-300); background-color: $blue-300; }

scss/_variables-dark.scss

@@ -99,8 +99,8 @@ $body-secondary-bg-dark:            $gray-800-dark !default;
 $body-tertiary-color-dark:          rgba($body-color-dark, .5) !default;
 $body-tertiary-bg-dark:             mix($gray-800-dark, #181924, 50%) !default;
 $body-emphasis-color-dark:          $white !default;
-$border-color-dark:                 $gray-800-dark !default;
-$border-color-translucent-dark:     rgba($white, .1) !default;
+$border-color-dark:                 $gray-700-dark !default;
+$border-color-translucent-dark:     rgba($white, .15) !default;
 $headings-color-dark:               inherit !default;
 $link-color-dark:                   tint-color($primary, 40%) !default;
 $link-hover-color-dark:             shift-color($link-color-dark, -$link-shade-percentage) !default;

scss/_variables.scss

@@ -1642,11 +1642,11 @@ $callout-padding-y:                 $spacer !default;
 $callout-padding-x:                 $spacer !default;
 $callout-margin-y:                  $spacer !default;
 $callout-margin-x:                  0 !default;
-$callout-border-radius:             $border-radius !default;
-$callout-border-width:              $border-width !default;
-$callout-border-color:              $border-color !default;
-$callout-border-left-width:         (4 * $callout-border-width) !default;
-
+$callout-border-radius:             var(--#{$prefix}border-radius) !default;
+$callout-border-width:              var(--#{$prefix}border-width) !default;
+$callout-border-color:              var(--#{$prefix}border-color) !default;
+$callout-border-left-width:         calc($callout-border-width * 4) !default; // stylelint-disable-line function-disallowed-list
+ 
 $callout-variants: (
   "primary":    $primary,
   "secondary":  $secondary,