Differences

This shows you the differences between two versions of the page.

--- about:identity [2022/10/04 23:37] – Iain Hallam
+++ about:identity [2023/01/25 16:10] (current) – Iain Hallam
@@ Line 66: / Line 66: @@
 ===== Colours =====
-Our colours are taken from the logo, with a variant orange for borders.
+Our colours are taken from the logo, with lighter variants for borders and darker variants for text.
 <html>
@@ Line 97: / Line 97: @@
   </tr>
   <tr>
-    <td></td>
+    <td style="background: #ffbbaa; padding: 0.5em; border: 0;">
+      <p style="font-weight: bold; margin: 0 0 1em 0;">Light Red</p>
+      <p style="font-size: small; margin: 0;">#ffbbaa<br />rgb(255, 187, 170)<br />rgb(100%, 73%, 67%)</p>
+    </td>
     <td style="background: #ffddaa; padding: 0.5em; border: 0;">
       <p style="font-weight: bold; margin: 0 0 1em 0;">Light Orange</p>
-      <p style="font-size: small; margin: 0;">#ffddaa<br />rgb(255, 221, 170)<br />rgb(7%, 40%, 60%)</p>
+      <p style="font-size: small; margin: 0;">#ffddaa<br />rgb(255, 221, 170)<br />rgb(100%, 87%, 67%)</p>
+    </td>
+    <td style="background: #ffeeaa; padding: 0.5em; border: 0;">
+      <p style="font-weight: bold; margin: 0 0 1em 0;">Light Yellow</p>
+      <p style="font-size: small; margin: 0;">#ffeeaa<br />rgb(255, 238, 170)<br />rgb(100%, 93%, 67%)</p>
+    </td>
+    <td style="background: #ccdd99; padding: 0.5em; border: 0;">
+      <p style="font-weight: bold; margin: 0 0 1em 0;">Light Green</p>
+      <p style="font-size: small; margin: 0;">#ccdd99<br />rgb(204, 221, 153)<br />rgb(80%, 87%, 60%)</p>
+    </td>
+    <td style="background: #aaddee; padding: 0.5em; border: 0;">
+      <p style="font-weight: bold; margin: 0 0 1em 0;">Light Blue</p>
+      <p style="font-size: small; margin: 0;">#aaddee<br />rgb(170, 221, 238)<br />rgb(67%, 87%, 93%)</p>
+    </td>
+    <td style="background: #ddaacc; padding: 0.5em; border: 0;">
+      <p style="font-weight: bold; margin: 0 0 1em 0;">Light Purple</p>
+      <p style="font-size: small; margin: 0;">#ddaacc<br />rgb(221, 170, 204)<br />rgb(87%, 67%, 80%)</p>
+    </td>
+  </tr>
+  <tr>
+    <td style="color: white; background: #aa2211; padding: 0.5em; border: 0;">
+      <p style="font-weight: bold; margin: 0 0 1em 0;">Dark Red</p>
+      <p style="font-size: small; margin: 0;">#aa2211<br />rgb(170, 34, 17)<br />rgb(67%, 13%, 7%)</p>
+    </td>
+    <td style="color: white; background: #aa6600; padding: 0.5em; border: 0;">
+      <p style="font-weight: bold; margin: 0 0 1em 0;">Dark Orange</p>
+      <p style="font-size: small; margin: 0;">#aa6600<br />rgb(170, 102, 0)<br />rgb(67%, 40%, 0%)</p>
+    </td>
+    <td style="color: white; background: #aa9900; padding: 0.5em; border: 0;">
+      <p style="font-weight: bold; margin: 0 0 1em 0;">Dark Yellow</p>
+      <p style="font-size: small; margin: 0;">#aa9900<br />rgb(170, 153, 0)<br />rgb(67%, 60%, 0%)</p>
+    </td>
+    <td style="color: white; background: #779911; padding: 0.5em; border: 0;">
+      <p style="font-weight: bold; margin: 0 0 1em 0;">Dark Green</p>
+      <p style="font-size: small; margin: 0;">#779911<br />rgb(119, 153, 17)<br />rgb(47%, 60%, 7%)</p>
     </td>
-    <td></td>
-    <td></td>
     <td style="color: white; background: #116699; padding: 0.5em; border: 0;">
       <p style="font-weight: bold; margin: 0 0 1em 0;">Dark Blue</p>
       <p style="font-size: small; margin: 0;">#116699<br />rgb(17, 102, 153)<br />rgb(100%, 87%, 67%)</p>
+    </td>
+    <td style="color: white; background: #992277; padding: 0.5em; border: 0;">
+      <p style="font-weight: bold; margin: 0 0 1em 0;">Dark Purple</p>
+      <p style="font-size: small; margin: 0;">#992277<br />rgb(153, 34, 119)<br />rgb(60%, 13%, 47%)</p>
     </td>
   </tr>

Differences

Page Tools