diff --git a/theme-earl-grey.css b/theme-earl-grey.css
index d547a43..f9a3f23 100644
--- a/theme-earl-grey.css
+++ b/theme-earl-grey.css
@@ -12,7 +12,7 @@
   color: #fa1;
 }
 .chroma .kd {
-  color: #9daccc;
+  color: hsl(333, 32%, 71%);
 }
 .chroma .kn {
   color: #fa1;
@@ -24,21 +24,21 @@
   color: #f63;
 }
 .chroma .kt {
-  color: #9daccc;
+  color: hsl(333, 32%, 71%);
 }
 .chroma .na {
   color: #8a8a8a;
 }
 .chroma .bp,
 .chroma .nb {
-  color: #9daccc;
+  color: hsl(333, 32%, 71%);
 }
 .chroma .nc,
 .chroma .no {
   color: #fa1;
 }
 .chroma .nd {
-  color: #9daccc;
+  color: hsl(333, 32%, 71%);
 }
 .chroma .ni {
   color: #fa1;
@@ -47,7 +47,7 @@
   color: #af8700;
 }
 .chroma .nf {
-  color: #9daccc;
+  color: hsl(333, 32%, 71%);
 }
 .chroma .nl,
 .chroma .nn {
@@ -56,7 +56,7 @@
 .chroma .nt,
 .chroma .nv,
 .chroma .nx {
-  color: #9daccc;
+  color: hsl(333, 32%, 71%);
 }
 .chroma .vc {
   color: #f81;
@@ -67,26 +67,26 @@
 }
 .chroma .s,
 .chroma .sa {
-  color: #1af;
+  color: hsl(333, 100%, 53%);
 }
 .chroma .sb {
-  color: #40AAFF;
+  color: hsl(333, 100%, 63%);
 }
 .chroma .dl,
 .chroma .sc {
-  color: #1af;
+  color: hsl(333, 100%, 53%);
 }
 .chroma .sd {
-  color: #6a737d;
+  color: hsl(333, 8%, 45%);
 }
 .chroma .s2 {
-  color: #40AAFF;
+  color: hsl(333, 100%, 63%);
 }
 .chroma .se {
   color: #f63;
 }
 .chroma .sh {
-  color: #1af;
+  color: hsl(333, 100%, 53%);
 }
 .chroma .si,
 .chroma .sx {
@@ -96,7 +96,7 @@
   color: #97c;
 }
 .chroma .s1 {
-  color: #40AAFF;
+  color: hsl(333, 100%, 63%);
 }
 .chroma .ss {
   color: #fa1;
@@ -108,7 +108,7 @@
 .chroma .mh,
 .chroma .mi,
 .chroma .mo {
-  color: #1af;
+  color: hsl(333, 100%, 53%);
 }
 .chroma .o {
   color: #f63;
@@ -120,7 +120,7 @@
 .chroma .c1,
 .chroma .ch,
 .chroma .cm {
-  color: #6a737d;
+  color: hsl(333, 8%, 45%);
 }
 .chroma .cs {
   color: #637d;
@@ -153,7 +153,7 @@
   color: #555555;
 }
 .chroma .gu {
-  color: #9daccc;
+  color: hsl(333, 32%, 71%);
 }
 .chroma .gt {
   color: #f63;
@@ -164,30 +164,30 @@
 :root {
   --color-header-wrapper: #24262b;
   --color-nav-bg: #1D1F23;
-  --color-primary: #3D84E7;
-  --color-primary-dark-1: #739cb3;
-  --color-primary-dark-2: #40AAFF;
-  --color-primary-dark-3: #92b4c4;
-  --color-primary-dark-4: #a1bbcd;
+  --color-primary: hsl(333, 78%, 57%);
+  --color-primary-dark-1: hsl(333, 30%, 58%);
+  --color-primary-dark-2: hsl(333, 100%, 63%);
+  --color-primary-dark-3: hsl(333, 30%, 67%);
+  --color-primary-dark-4: hsl(333, 31%, 72%);
   --color-primary-dark-5: #cfddc1;
   --color-primary-dark-6: #e7eee0;
   --color-primary-dark-7: #f8faf6;
-  --color-primary-light-1: #3D84E7;
-  --color-primary-light-2: #437aad;
-  --color-primary-light-3: #415b8b;
-  --color-primary-light-4: #25425a;
-  --color-primary-light-5: #223546;
-  --color-primary-light-6: #131923;
-  --color-primary-light-7: #06090b;
-  --color-primary-alpha-10: #3683C019;
-  --color-primary-alpha-20: #3683C033;
-  --color-primary-alpha-30: #3683C04b;
-  --color-primary-alpha-40: #3683C066;
-  --color-primary-alpha-50: #3683C080;
-  --color-primary-alpha-60: #3683C099;
-  --color-primary-alpha-70: #3683C0b3;
-  --color-primary-alpha-80: #3683C0cc;
-  --color-primary-alpha-90: #3683C0e1;
+  --color-primary-light-1: hsl(333, 78%, 57%);
+  --color-primary-light-2: hsl(333, 44%, 47%);
+  --color-primary-light-3: hsl(333, 36%, 40%);
+  --color-primary-light-4: hsl(333, 42%, 25%);
+  --color-primary-light-5: hsl(333, 35%, 20%);
+  --color-primary-light-6: hsl(333, 30%, 11%);
+  --color-primary-light-7: hsl(333, 29%, 3%);
+  --color-primary-alpha-10: hsla(333, 56%, 48%, 0.098);
+  --color-primary-alpha-20: hsla(333, 56%, 48%, 0.2);
+  --color-primary-alpha-30: hsla(333, 56%, 48%, 0.294);
+  --color-primary-alpha-40: hsla(333, 56%, 48%, 0.4);
+  --color-primary-alpha-50: hsla(333, 56%, 48%, 0.502);
+  --color-primary-alpha-60: hsla(333, 56%, 48%, 0.6);
+  --color-primary-alpha-70: hsla(333, 56%, 48%, 0.702);
+  --color-primary-alpha-80: hsla(333, 56%, 48%, 0.8);
+  --color-primary-alpha-90: hsla(333, 56%, 48%, 0.882);
   --color-secondary: #2C2F35;
   --color-secondary-dark-1: #505665;
   --color-secondary-dark-2: #5b6273;
@@ -326,8 +326,8 @@
 .ui.basic.green.label,
 .ui.green.label,
 .ui.green.labels .label {
-  background-color: #0060AC !important;
-  border-color: #0060AC !important;
+  background-color: hsl(333, 100%, 34%) !important;
+  border-color: hsl(333, 100%, 34%) !important;
 }
 .ui.basic.green.labels a.label:hover,
 .ui.green.labels a.label:hover,
@@ -398,11 +398,11 @@ a.ui.ui.ui.green.label:hover {
 }
 .ui.green.button,
 .ui.green.buttons .button {
-  background-color: #3683C0;
+  background-color: hsl(333, 56%, 48%);
 }
 .ui.green.button:hover,
 .ui.green.buttons .button:hover {
-  background-color: #40AAFF;
+  background-color: hsl(333, 100%, 63%);
 }
 .ui.search > .results {
   background: #1D1F23;
@@ -458,17 +458,17 @@ a.ui.ui.ui.green.label:hover {
   color: #dbdbdb;
 }
 .ui.green.button:active, .ui.green.buttons .button:active {
-    background-color: #40AAFF;
+    background-color: hsl(333, 100%, 63%);
     color: #FFFFFF;
     text-shadow: none;
 }
 .ui.green.button:active, .ui.green.buttons .button:active {
-    background-color: #40AAFF;
+    background-color: hsl(333, 100%, 63%);
     color: #FFFFFF;
     text-shadow: none;
 }
 .ui.green.button:focus, .ui.green.buttons .button:focus {
-    background-color: #40AAFF;
+    background-color: hsl(333, 100%, 63%);
     color: #FFFFFF;
     text-shadow: none;
 }
@@ -503,10 +503,10 @@ td.blob-hunk {
 }
 .ui.bottom.attached.message {
   background-color: #2c662d;
-  color: #3683C0;
+  color: hsl(333, 56%, 48%);
 }
 .ui.bottom.attached.message .pull-right {
-  color: #3683C0;
+  color: hsl(333, 56%, 48%);
 }
 .ui.info.message {
   background-color: #2c3b4a;
@@ -600,13 +600,13 @@ td.blob-excerpt {
   color: var(--color-secondary-dark-6);
 }
 .repository .ui.attached.message.isSigned.isVerified.message {
-  color: #3683C0;
+  color: hsl(333, 56%, 48%);
 }
 .repository .ui.attached.message.isSigned.isVerified.message .ui.text {
   color: var(--color-secondary-dark-6);
 }
 .repository .ui.attached.message.isSigned.isVerified.message .pull-right {
-  color: #3683C0;
+  color: hsl(333, 56%, 48%);
 }
 .repository .ui.attached.message.isSigned.isVerifiedUntrusted {
   background-color: #4a3903;
@@ -690,7 +690,7 @@ td.blob-excerpt {
 }
 .CodeMirror.cm-s-default .cm-property,
 .CodeMirror.cm-s-paper .cm-property {
-  color: #40AAFF;
+  color: hsl(333, 100%, 63%);
 }
 .CodeMirror.cm-s-default .cm-header,
 .CodeMirror.cm-s-paper .cm-header {