From 1183da8c88af891920e7e18ec32c416968d50687 Mon Sep 17 00:00:00 2001
From: Matthew Evans <git@ml-evs.science>
Date: Thu, 16 May 2024 10:15:29 +0100
Subject: [PATCH] Rebranding of colours

---
 yard/static/background.svg | 34 ++++++++++++++++++++++------------
 yard/static/style.css      |  9 +++++----
 2 files changed, 27 insertions(+), 16 deletions(-)

diff --git a/yard/static/background.svg b/yard/static/background.svg
index 88fc337..9c177d3 100644
--- a/yard/static/background.svg
+++ b/yard/static/background.svg
@@ -1,15 +1,25 @@
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" viewBox="0 0 700 700" width="700" height="700"><defs><linearGradient gradientTransform="rotate(-224, 0.5, 0.5)" x1="50%" y1="0%" x2="50%" y2="100%" id="gggrain-gradient2"><stop stop-color="#ffab40ff" stop-opacity="1" offset="-0%"></stop><stop stop-color="rgba(255,255,255,0)" stop-opacity="0" offset="100%"></stop></linearGradient><linearGradient gradientTransform="rotate(224, 0.5, 0.5)" x1="50%" y1="0%" x2="50%" y2="100%" id="gggrain-gradient3"><stop stop-color="#eeff41" stop-opacity="1"></stop><stop stop-color="rgba(255,255,255,0)" stop-opacity="0" offset="100%"></stop></linearGradient><filter id="gggrain-filter" x="-20%" y="-20%" width="140%" height="140%" filterUnits="objectBoundingBox" primitiveUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-  <feTurbulence type="fractalNoise" baseFrequency="0.41" numOctaves="2" seed="2" stitchTiles="stitch" x="0%" y="0%" width="100%" height="100%" result="turbulence"></feTurbulence>
-  <feColorMatrix type="saturate" values="0" x="0%" y="0%" width="100%" height="100%" in="turbulence" result="colormatrix"></feColorMatrix>
-  <feComponentTransfer x="0%" y="0%" width="100%" height="100%" in="colormatrix" result="componentTransfer">
-    <feFuncR type="linear" slope="3"></feFuncR>
-    <feFuncG type="linear" slope="3"></feFuncG>
-    <feFuncB type="linear" slope="3"></feFuncB>
-  </feComponentTransfer>
-  <feColorMatrix x="0%" y="0%" width="100%" height="100%" in="componentTransfer" result="colormatrix2" type="matrix" values="1 0 0 0 0
-          0 1 0 0 0
-          0 0 1 0 0
-          0 0 0 17 -9"></feColorMatrix>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" viewBox="0 0 700 700" width="700" height="700">
+    <defs>
+        <linearGradient gradientTransform="rotate(-224, 0.5, 0.5)" x1="50%" y1="0%" x2="50%" y2="100%" id="gggrain-gradient2">
+        <stop stop-color="firebrick" stop-opacity="1" offset="-0%"></stop>
+        <stop stop-color="rgba(255,255,255,0)" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient gradientTransform="rotate(224, 0.5, 0.5)" x1="50%" y1="0%" x2="50%" y2="100%" id="gggrain-gradient3">
+        <stop stop-color="ghostwhite" stop-opacity="1"></stop><stop stop-color="rgba(255,255,255,0)" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <filter id="gggrain-filter" x="-20%" y="-20%" width="140%" height="140%" filterUnits="objectBoundingBox" primitiveUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+        <feTurbulence type="fractalNoise" baseFrequency="0.41" numOctaves="2" seed="2" stitchTiles="stitch" x="0%" y="0%" width="100%" height="100%" result="turbulence"></feTurbulence>
+        <feColorMatrix type="saturate" values="0" x="0%" y="0%" width="100%" height="100%" in="turbulence" result="colormatrix"></feColorMatrix>
+        <feComponentTransfer x="0%" y="0%" width="100%" height="100%" in="colormatrix" result="componentTransfer">
+            <feFuncR type="linear" slope="3"></feFuncR>
+            <feFuncG type="linear" slope="3"></feFuncG>
+            <feFuncB type="linear" slope="3"></feFuncB>
+        </feComponentTransfer>
+        <feColorMatrix x="0%" y="0%" width="100%" height="100%" in="componentTransfer" result="colormatrix2" type="matrix" values="1 0 0 0 0
+                  0 1 0 0 0
+                  0 0 1 0 0
+                  0 0 0 17 -9">
+        </feColorMatrix>
   </filter><filter id="gggrain-saturate" x="-20%" y="-20%" width="140%" height="140%" filterUnits="objectBoundingBox" primitiveUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
     <feColorMatrix type="saturate" values="3" x="0%" y="0%" width="100%" height="100%" in="SourceGraphic" result="colormatrix"></feColorMatrix>
   </filter></defs><g filter="url(#gggrain-saturate)"><rect width="100%" height="100%" fill="hsl(170, 56%, 58%)"></rect><rect width="100%" height="100%" fill="url(#gggrain-gradient3)"></rect><rect width="100%" height="100%" fill="url(#gggrain-gradient2)"></rect><rect width="100%" height="100%" fill="transparent" filter="url(#gggrain-filter)" opacity="0.51" style="mix-blend-mode: soft-light"></rect></g></svg>
diff --git a/yard/static/style.css b/yard/static/style.css
index f44bf93..aba78bb 100644
--- a/yard/static/style.css
+++ b/yard/static/style.css
@@ -11,11 +11,12 @@ h1 {
 }
 
 :root {
-  --primary-color: #58D0BB;
-  --secondary-color: #FFAB40;
-  --tertiary-color: #EEFF41;
+  --primary-color: GhostWhite;
+  --secondary-color: LightCoral;
+  --tertiary-color: #58D0BB;
   --body-color: #F8F8F8;
   --background-color: #0B1B28;
+  --highlight-color: LemonChiffon;
 }
 
 html {
@@ -164,7 +165,7 @@ a {
 }
 
 p > a{
-  color: var(--primary-color);
+  color: var(--highlight-color);
   text-decoration: none;
 }