Merge branch 'main' of https://github.com/nhsengland/fdp-design-guide

nhsengland · Nov 27, 2024 · edc85e4 · edc85e4
2 parents 7130eae + 14d999c
commit edc85e4
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 6 deletions.
diff --git a/docs/extra.css b/docs/extra.css
@@ -292,7 +292,7 @@ background-color: #007f3b;
   box-shadow: inset 0 0 0 1px rgba(17, 20, 24, .2), 0 1px 2px rgba(17, 20, 24, .1);
 }
 .secondary-button:hover{background-color:#384853 !important;}
-.white-button:hover{background-color:#f2f2f2;color:#212b32 !important;}
+.white-button:hover{background-color:#f2f2f2; !important;}
 .button:hover{background-color:#00662f !important;}
 
 .bp5-button {

diff --git a/docs/index.html b/docs/index.html
@@ -634,7 +634,7 @@ <h3 id="1-core-colours">1. Core colours</h3>
           <span class="app-colour-list__swatch app-colour-list__swatch--border" style="background-color:#005EB8"></span>
         </th>
         <td class="app-colour-list__column app-colour-list__column--colour lft-align">
-          <span>NHS Blue Use this for logos, straps</span>
+          <span>Use this for logos, straps </span>
         </td>
         <td class="app-colour-list__column app-colour-list__column--colour lft-align">
           <span>#005EB8</span>
@@ -697,8 +697,8 @@ <h3 id="4-headings">4.   Headings</h3>
 </ul>
 <h3 id="5-links">5.   Links</h3>
 <ul>
-  <!-- <li>links should open in the same window </li> -->
-<li>when a link will open a new tab, or window, add the words “opens in new tab” (or window)</li>
+  <li>links should open in the same window </li>
+<li>when a link will open a new tab, add the words “opens in new tab” (or window)</li>
 <li>make links meaningful, do not say “click here”. Provide context where it will take the user</li>
 </ul>
 <h2 id="guidance-on-use-of-colour">General guidance</h2>
@@ -734,17 +734,23 @@ <h3 id="core-colours">Core colours</h3>
           <span class="app-colour-list__swatch app-colour-list__swatch--border" style="background-color:#005EB8"></span>
         </th>
         <td class="app-colour-list__column app-colour-list__column--colour lft-align">
-          <span>NHS Blue use this for logos, straps</span>
+          <span>NHS Blue</span>
         </td>
         <td class="app-colour-list__column app-colour-list__column--colour lft-align">
           <span>#005EB8</span>
         </td>
+        <td class="app-colour-list__column app-colour-list__column--colour lft-align">
+          <span>White</span>
+        </td>
+        <td class="app-colour-list__column app-colour-list__column--colour lft-align">
+          <span>#FFFFFF</span>
+        </td>
       </tr>
 
       <tr class="app-colour-list__row">
         <td colspan="3">
           <h4 class="no-margin-bt">When to use a core colours </h4>
-          <p class="no-margin-tp">Use this for logos, straps </p>
+          <p class="no-margin-tp">Use for branding, and main page header bar </p>
         </td>
       </tr>
     </tbody>
@@ -773,6 +779,14 @@ <h4 class="no-margin-bt no-margin-tp">Primary button</h4>
           <span>#007F3B</span>
 
         </td>
+        <td class="app-colour-list__column app-colour-list__column--colour lft-align">
+          <span>Button font colour</span>
+        </td>
+
+        <td class="app-colour-list__column app-colour-list__column--colour lft-align">
+          <span>#FFFFFF</span>
+
+        </td>
       </tr>
 
 
@@ -808,6 +822,13 @@ <h4 class="no-margin-bt no-margin-tp">Secondary button</h4>
         <td class="app-colour-list__column app-colour-list__column--colour lft-align">
           <span>#4C6272</span>
         </td>
+        <td class="app-colour-list__column app-colour-list__column--colour lft-align">
+          <span>Button font colour </span>
+        </td>
+
+        <td class="app-colour-list__column app-colour-list__column--colour lft-align">
+          <span>#FFFFFF</span>
+        </td>
       </tr>