New colors.

src/App.scss

@@ -3,7 +3,7 @@
 
 .App {
   text-align: center;
-  background-color: $secondary;
+  background-color: $background;
 }
 
 .App .App-content {

src/App.tsx

@@ -14,7 +14,7 @@ export default function App() {
 
   ConfigProvider.config({
     theme: {
-      primaryColor: '#21b635',
+      primaryColor: '#a7ab81',
     }
   });
 

src/colors.scss

@@ -1,2 +1,3 @@
-$primary: #21b635;
-$secondary: #98cc9f;
+$brown-text: #c1a57c;
+$green-text: #a7ab81;
+$background: #efefea;

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 {