Create new color palate, make links pretty in nopiracy

1 files changed, 23 insertions, 5 deletions

diff --git a/css/base.css b/css/base.css
index 15597d2..475785e 100644
--- a/css/base.css
+++ b/css/base.css
@@ -20,6 +20,16 @@
 
 :root {
         --bheight: 3vw;
+
+        --cblack: #000000;
+        --cwhite: #ffffff;
+        --cgray: #312f2b;
+
+        /* Color palate for the site */
+        --cebony: #2e2920;
+        --ctaupe: #e9e6e2;
+        --corange: #f9c070;
+        --ctan: #8e4c30;
 }
 
 * {
@@ -27,6 +37,11 @@
         margin: 0;
 }
 
+body {
+        background-color: var(--cgray);
+        color: var(--ctaupe);
+}
+
 li {
         list-style-type: '- ';
 }
@@ -38,6 +53,10 @@ ul {
     padding-right: 2vw;
 } /* Looks good for the links */
 
+a {
+        color: var(--corange);
+}
+
 .vertcontain {
     display: flex;
     flex-flow: column nowrap;
@@ -50,7 +69,6 @@ ul {
         padding: 1vw;
         margin: 1vw;
         margin-bottom: 5vw; /* Not knowing about this was fucking annoying */
-        
 }
 
 #top-bar {
@@ -65,8 +83,8 @@ ul {
 
         height: 5vw;
 
-        background-color: black;
-        color: white;
+        background-color: var(--cblack);
+        color: var(--cwhite);
 
         position: -webkit-sticky;
         position: sticky;
@@ -105,8 +123,8 @@ ul {
         position: fixed;
         bottom: 0;
 
-        background-color: black;
-        color: white;
+        background-color: var(--cblack);
+        color: var(--cwhite);
 
         list-style-type: none;