3 files changed, 41 insertions, 12 deletions
diff --git a/src/styles/_theme.scss b/src/styles/_theme.scss
index 66a16fc..5f92bc9 100644
--- a/src/styles/_theme.scss
+++ b/src/styles/_theme.scss
@@ -1,6 +1,10 @@
 @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap');
 
+$defFont: 'Quicksand', sans-serif;
+
 /* Experimental color scheme */
+/* light theme */
+/* 
 $defBG: #FFFFFF;
 $altBG: lightgray;
 $defFG: #000000;
@@ -8,10 +12,16 @@ $altFG: #232627;
 $defLink: brown;
 $altLink: brown;
 
-$defShadow: 2px 0px 4px #232627;
+$defShadow: 0px 0px 4px #232627;
+*/
 
-$bodyPadding: 0;
-$bodyMargin: 0;
+/* Inspired by Dracula */
+$defBG: #282A36;
+$altBG: #383A59;
+$defFG: #F2F2F2;
+$altFG: #FF79C6;
+$defLink: $defFG;
+$altLink: $altFG;
 
-$defFont: 'Quicksand', sans-serif;
+$defShadow: 0px 4px 4px $altBG;
 
diff --git a/src/styles/global.css b/src/styles/global.css
index 3049801..198f1e1 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -1,10 +1,25 @@
 @import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap");
 /* Experimental color scheme */
+/* light theme */
+/* 
+$defBG: #FFFFFF;
+$altBG: lightgray;
+$defFG: #000000;
+$altFG: #232627;
+$defLink: brown;
+$altLink: brown;
+
+$defShadow: 0px 0px 4px #232627;
+*/
+/* Inspired by Dracula */
 * {
   font-family: "Quicksand", sans-serif; }
 
 body {
-  background-color: #FFFFFF;
-  color: #000000;
-  padding: 0;
+  background-color: #282A36;
+  color: #F2F2F2;
   margin: 0; }
+
+.root-content {
+  width: 90%;
+  margin: auto; }
diff --git a/src/styles/global.scss b/src/styles/global.scss
index f893b61..b0e5ea1 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -1,12 +1,16 @@
 @import "theme";
 
 * {
-	font-family: $defFont
+  font-family: $defFont
 }
 
 body {
-	background-color: $defBG;
-	color: $defFG;
-	padding: $bodyPadding;
-	margin: $bodyMargin;
+  background-color: $defBG;
+  color: $defFG;
+  margin: 0;
+}
+
+.root-content {
+  width: 90%;
+  margin: auto;
 }