Updated code styles

Updates inline code styling and the border of code blocks

https://gitlab.com/gitlab-org/gitlab/-/merge_requests/26731

app/assets/stylesheets/bootstrap_migration.scss

@@ -120,8 +120,8 @@ kbd {
 
 code {
   padding: 2px 4px;
-  color: $red-600;
-  background-color: $red-100;
+  color: $code-color;
+  background-color: $gray-100;
   border-radius: $border-radius-default;
 
   .code > & {

app/assets/stylesheets/framework/typography.scss

@@ -592,7 +592,7 @@ pre {
   word-wrap: break-word;
   color: $gl-text-color;
   background-color: $gray-light;
-  border: 1px solid $border-color;
+  border: 1px solid $gray-200;
   border-radius: $border-radius-small;
 }
 

app/assets/stylesheets/framework/variables.scss

@@ -356,6 +356,7 @@ $list-text-height: 42px;
  */
 $code-font-size: 90%;
 $code-line-height: 1.6;
+$code-color: $gray-950;
 
 /*
  * Tooltips

changelogs/unreleased/22103-make-code-tags-consistent-in-discussions.yml

+---
+title: Deemphasized styles for inline code blocks
+merge_request:
+author:
+type: changed