Merge pull request #5777 from Stefan3002/fix-a11y-low-contrast-code

fix: a11y low contrast in dark mode for code [AC-4348]

Author: Stefan3002

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vanilla-framework",
-  "version": "4.50.0",
+  "version": "4.50.1",
   "author": {
     "email": "webteam@canonical.com",
     "name": "Canonical Webteam"

scss/_settings_colors.scss

@@ -58,7 +58,7 @@ $hover-background-opacity-percentage: $hover-background-opacity-amount * 100%;
 // NON-SEMANTIC COLOURS
 $color-label-validated: #006b75;
 $color-code-background: rgba($color-x-dark, 0.03);
-$color-code-background-dark: rgba($color-x-light, 0.3);
+$color-code-background-dark: rgba($color-x-light, 0.15);
 $color-code-heading-background: rgba($color-x-dark, 0.08);
 
 // Background colours for form elements