diff --git a/src/App.scss b/src/App.scss
index b95adb9..3c4f68f 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -3,7 +3,7 @@
 
 .App {
   text-align: center;
-  background-color: $secondary;
+  background-color: $background;
 }
 
 .App .App-content {
diff --git a/src/App.tsx b/src/App.tsx
index 588dd98..c989b2c 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -14,7 +14,7 @@ export default function App() {
 
   ConfigProvider.config({
     theme: {
-      primaryColor: '#21b635',
+      primaryColor: '#a7ab81',
     }
   });
 
diff --git a/src/colors.scss b/src/colors.scss
index 888631a..c5228e4 100644
--- a/src/colors.scss
+++ b/src/colors.scss
@@ -1,2 +1,3 @@
-$primary: #21b635;
-$secondary: #98cc9f;
+$brown-text: #c1a57c;
+$green-text: #a7ab81;
+$background: #efefea;
diff --git a/src/index.scss b/src/index.scss
index 113d8a4..94202b4 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -16,7 +16,8 @@ body {
     'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  background-color: $secondary !important;
+  background-color: $background !important;
+  color: $green-text !important;
 }
 
 code {