update colours

src/root/colors.css

@@ -1,12 +1,4 @@
 :root {
-    /* Special */
-    --background: #eee;
-    --background-alt: #b8b8b8;
-    --foreground: #444;
-    --foreground-inactive: #777;
-    --accent: #ff369a;
-    --clear: rgba(0,0,0,0);
-
     /* Colors */
     --color0: #0000ff;
     --color1: #00ff00;
@@ -14,6 +6,22 @@
     --color3: #ff00ff;
     --color4: #ffff00;
     --color5: #00ffff;
+    --clear: rgba(0,0,0,0);
+    --error: #f0f;
+
+    --dblue: #211953;
+    --lblue: #748FE8;
+    --lpink: #F8C8DC;
+    --pink: #eeafbd;
+    --purple: #330e39;
+    --white: var(--lpink);
+
+    /* Special */
+    --background: var(--lpink);
+    --background-alt: var(--dblue);
+    --foreground: var(--lblue);
+    --foreground-inactive: var(--dblue);
+    --accent: var(--lblue);
 
     /* TODO: extract general varibles file ? */
     /* Text */

src/root/styles.css

@@ -193,18 +193,17 @@ ul.nav-links {
     margin: 0;
     margin-left: -1.5em;
     padding: .2em 1.3em;
-    color: var(--foreground-inactive);
+    color: var(--white);
 
     font-size: 1.1em;
-    /*font-weight: bold;*/
 
     line-height: 1.25em;
 
-    background-color: var(--background);
+    background-color: var(--purple);
     border-radius: 1.5em;
 
     width: 100%;
-    border-color: var(--background-alt);
+    border-color: var(--clear);
     border-width: 3px;
     border-style: solid;
 }