update image border and code text colour

nhsuk · Oct 3, 2024 · 5189314 · 5189314
1 parent d3aa25f
commit 5189314
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/docs/assets/css/_content.scss b/docs/assets/css/_content.scss
@@ -1,7 +1,6 @@
 .app-content {
-  // So images do not break the container
   img {
-    border: 4px solid white;
-    max-width: 100%;
+    border: nhsuk-spacing(1) solid $app-img-border-color;
+    max-width: 100%; // So images do not break the container
   }
 }
diff --git a/docs/assets/css/_example.scss b/docs/assets/css/_example.scss
@@ -91,7 +91,7 @@ pre[class*="language-"] {
 
 code:not([class*="language-"]) {
   padding: 0 4px;
-  color: #dd4a68;
+  color: #c62950;
   background-color: white;
   font-family: monospace, monospace;
   font-size: 1em;

diff --git a/docs/assets/css/app.scss b/docs/assets/css/app.scss
@@ -16,8 +16,9 @@
 // Import all styles from the NHS App frontend library
 @import "src/all";
 
-// Brand colour
+// Colours
 $app-brand-color: $color_nhsuk-blue;
+$app-img-border-color: #d7e5ef;
 
 // Import all styles specific for the design system docs
 @import "docs/assets/css/components/header";