Rename code background variable from PR comments

canonical · Feb 27, 2024 · daeffe9 · daeffe9
1 parent 7539e6c
commit daeffe9
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 11 deletions.
diff --git a/scss/_base_code.scss b/scss/_base_code.scss
@@ -25,7 +25,7 @@ $code-inline-padding: 0.25rem;
   code,
   kbd,
   samp {
-    background-color: $colors--theme--code-background-default;
+    background-color: $colors--theme--background-code;
     box-decoration-break: slice;
     color: inherit;
     line-height: map-get($line-heights, default-text) - $code-inline-padding;
@@ -59,7 +59,7 @@ $code-inline-padding: 0.25rem;
   }
 
   pre {
-    background-color: $colors--theme--code-background-default;
+    background-color: $colors--theme--background-code;
     color: $colors--theme--text-default;
     display: block;
     margin-bottom: $spv--x-large;

diff --git a/scss/_settings_colors.scss b/scss/_settings_colors.scss
@@ -109,10 +109,9 @@ $colors--light-theme--text-inactive: rgba($color-x-dark, $inactive-text-opacity-
 $colors--light-theme--link-default: $color-link !default;
 $colors--light-theme--link-visited: $color-link-visited !default;
 
-$colors--light-theme--code-background-default: $color-code-background !default;
-
 $colors--light-theme--background-default: #fff !default;
 $colors--light-theme--background-alt: #f7f7f7 !default;
+$colors--light-theme--background-code: $color-code-background !default;
 $colors--light-theme--background-inputs: adjust-color($color-x-dark, $lightness: 100% * (1 - $input-background-opacity-amount)) !default;
 $colors--light-theme--background-active: adjust-color($color-x-dark, $lightness: 100% * (1 - $active-background-opacity-amount)) !default;
 $colors--light-theme--background-hover: adjust-color($color-x-dark, $lightness: 100% * (1 - $hover-background-opacity-amount)) !default;
@@ -169,10 +168,9 @@ $colors--dark-theme--text-inactive: rgba($colors--dark-theme--text-default, $ina
 $colors--dark-theme--link-default: $color-link-dark !default;
 $colors--dark-theme--link-visited: $color-link-visited-dark !default;
 
-$colors--dark-theme--code-background-default: $color-code-background-dark !default;
-
 $colors--dark-theme--background-default: #262626 !default;
 $colors--dark-theme--background-alt: #2d2d2d !default;
+$colors--dark-theme--background-code: $color-code-background-dark !default;
 $colors--dark-theme--background-inputs: rgba($colors--dark-theme--text-default, $input-background-opacity-amount) !default;
 $colors--dark-theme--background-active: rgba($colors--dark-theme--text-default, $active-background-opacity-amount) !default;
 $colors--dark-theme--background-hover: rgba($colors--dark-theme--text-default, $hover-background-opacity-amount) !default;
@@ -236,10 +234,10 @@ $colors--theme--text-inactive: var(--vf-color-text-inactive);
 $colors--theme--link-default: var(--vf-color-link-default);
 $colors--theme--link-visited: var(--vf-color-link-visited);
 
-$colors--theme--code-background-default: var(--vf-color-code-background-default);
 
 $colors--theme--background-default: var(--vf-color-background-default);
 $colors--theme--background-alt: var(--vf-color-background-alt);
+$colors--theme--background-code: var(--vf-color-background-code);
 $colors--theme--background-inputs: var(--vf-color-background-inputs);
 $colors--theme--background-active: var(--vf-color-background-active);
 $colors--theme--background-hover: var(--vf-color-background-hover);
@@ -281,10 +279,9 @@ $colors--theme--background-information-active: var(--vf-color-background-informa
   --vf-color-link-default: #{$colors--light-theme--link-default};
   --vf-color-link-visited: #{$colors--light-theme--link-visited};
 
-  --vf-color-code-background-default: #{$colors--light-theme--code-background-default};
-
   --vf-color-background-default: #{$colors--light-theme--background-default};
   --vf-color-background-alt: #{$colors--light-theme--background-alt};
+  --vf-color-background-code: #{$colors--light-theme--background-code};
   --vf-color-background-inputs: #{$colors--light-theme--background-inputs};
   --vf-color-background-active: #{$colors--light-theme--background-active};
   --vf-color-background-hover: #{$colors--light-theme--background-hover};
@@ -326,10 +323,9 @@ $colors--theme--background-information-active: var(--vf-color-background-informa
   --vf-color-link-default: #{$colors--dark-theme--link-default};
   --vf-color-link-visited: #{$colors--dark-theme--link-visited};
 
-  --vf-color-code-background-default: #{$colors--dark-theme--code-background-default};
-
   --vf-color-background-default: #{$colors--dark-theme--background-default};
   --vf-color-background-alt: #{$colors--dark-theme--background-alt};
+  --vf-color-background-code: #{$colors--dark-theme--background-code};
   --vf-color-background-inputs: #{$colors--dark-theme--background-inputs};
   --vf-color-background-active: #{$colors--dark-theme--background-active};
   --vf-color-background-hover: #{$colors--dark-theme--background-hover};