diff --git a/styles/events.css b/styles/events.css
index 08fd272..8cd147a 100644
--- a/styles/events.css
+++ b/styles/events.css
@@ -7,12 +7,12 @@ th,
 td {
   padding: 0 1rem 0 1rem;
   text-align: left;
-  border-left: 2px solid var(--light-border);
+  border-left: 2px solid var(--border);
 }
 
 th {
   padding: 1rem 1rem 0 1rem;
-  border-bottom: 2px solid var(--light-border);
+  border-bottom: 2px solid var(--border);
 }
 
 td:nth-child(odd) {
diff --git a/styles/services.css b/styles/services.css
index 4ae9fb8..1f842b4 100644
--- a/styles/services.css
+++ b/styles/services.css
@@ -8,12 +8,12 @@ th,
 td {
   padding: 0 1rem 0 1rem;
   text-align: left;
-  border-left: 2px solid var(--light-border);
+  border-left: 2px solid var(--border);
 }
 
 th {
   padding: 1rem 1rem 0 1rem;
-  border-bottom: 2px solid var(--light-border);
+  border-bottom: 2px solid var(--border);
 }
 
 td {
diff --git a/styles/style.css b/styles/style.css
index f1ad980..217e073 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -2,10 +2,15 @@
   --light-text: #181715;
   --light-bg: #ffffff;
   --light-border: #181715;
-  /* --dark-text: #ffffff;
+  --dark-text: #ffffff;
   --dark-bg: #181715;
-  --dark-border: #ffffff; */
-  --light-hightlight: #72dec2;
+  --dark-border: #ffffff;
+
+  --hightlight: #72dec2;
+
+  --border: var(--light-border);
+  --text: var(--light-text);
+  --bg: var(--light-bg);
 }
 
 @font-face {
@@ -23,8 +28,8 @@ html,
 body {
   width: 100%;
   height: 100%;
-  color: var(--light-text);
-  background: var(--light-bg);
+  color: var(--text);
+  background: var(--bg);
 }
 
 body {
@@ -46,12 +51,12 @@ footer {
 
 header {
   grid-area: 1 / 1 / 2 / 2;
-  border-bottom: 2px solid var(--light-border);
+  border-bottom: 2px solid var(--border);
 }
 
 footer {
   grid-area: 3 / 1 / 4 / 2;
-  border-top: 2px solid var(--light-border);
+  border-top: 2px solid var(--border);
 }
 
 .main {
@@ -65,7 +70,7 @@ footer {
 a,
 a:visited {
   text-decoration: none;
-  color: var(--light-text);
+  color: var(--text);
 }
 
 .main a {
@@ -76,8 +81,8 @@ a:visited {
 
 a:hover,
 a:focus {
-  background-color: var(--light-hightlight);
-  text-decoration: line-through var(--light-text);
+  background-color: var(--hightlight);
+  text-decoration: line-through var(--text);
 }
 
 .logo {
@@ -103,7 +108,7 @@ a:focus {
 
 .copyleft a:hover,
 .copyleft a:focus {
-  background-color: var(--light-bg);
+  background-color: var(--bg);
 }
 
 .copyleft {