Updated the highlight text contrast for design and preview

ONSdigital · May 7, 2024 · b1cfccf · b1cfccf
1 parent 633395c
commit b1cfccf
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/eq-author/src/components/RichTextEditor/index.js b/eq-author/src/components/RichTextEditor/index.js
@@ -31,10 +31,12 @@ import PasteModal, {
   preserveRichFormatting,
 } from "components/modals/PasteModal";
 
+import { colors } from "../../constants/theme";
+
 const styleMap = (controls) => {
   return {
     BOLD: {
-      backgroundColor: controls.highlight && "#cbe2c8",
+      backgroundColor: controls.highlight && colors.neonYellow,
       fontWeight: controls.bold && "bold",
     },
   };

diff --git a/eq-author/src/components/preview/elements/PageTitle.js b/eq-author/src/components/preview/elements/PageTitle.js
@@ -4,12 +4,14 @@ import styled from "styled-components";
 
 import Error from "components/preview/Error";
 
+import { colors } from "../../../constants/theme";
+
 const Title = styled.h1`
   font-size: 1.4em;
   margin: 0 0 1em;
   word-wrap: break-word;
   strong {
-    background-color: #dce5b0;
+    background-color: ${colors.neonYellow};
     padding: 0 0.125em;
     font-style: normal;
   }