Adjust theme colors

docs/docusaurus.config.js

@@ -13,7 +13,7 @@ module.exports = {
       title: 'VisionCamera',
       logo: {
         alt: 'Logo',
-        src: './img/11.png',
+        src: './android-chrome-192x192.png',
       },
       items: [
         {

docs/src/css/custom.css

@@ -7,13 +7,13 @@
 
 /* You can override the default Infima variables here. */
 :root {
-  --ifm-color-primary: #25c2a0;
+  --ifm-color-primary: rgb(131, 141, 129);
-  --ifm-color-primary-dark: rgb(33, 175, 144);
+  --ifm-color-primary-dark: rgb(95, 102, 96);
-  --ifm-color-primary-darker: rgb(31, 165, 136);
+  --ifm-color-primary-darker: rgb(85, 91, 87);
-  --ifm-color-primary-darkest: rgb(26, 136, 112);
+  --ifm-color-primary-darkest: rgb(63, 72, 67);
-  --ifm-color-primary-light: rgb(70, 203, 174);
+  --ifm-color-primary-light: rgb(153, 163, 149);
-  --ifm-color-primary-lighter: rgb(102, 212, 189);
+  --ifm-color-primary-lighter: rgb(156, 180, 173);
-  --ifm-color-primary-lightest: rgb(146, 224, 208);
+  --ifm-color-primary-lightest: rgb(195, 207, 204);
   --ifm-code-font-size: 95%;
 }
 

docs/src/pages/index.js

@@ -65,7 +65,7 @@ function Home() {
           <div className={styles.buttons}>
             <Link
               className={clsx(
-                'button button--outline button--secondary button--lg',
+                'button button--outline button--lg',
                 styles.getStarted,
               )}
               to={useBaseUrl('docs/')}>

docs/src/pages/styles.module.css

@@ -34,3 +34,12 @@
 .featureImage {
   width: 200px;
 }
+
+.getStarted {
+  background-color: white;
+  color: rgb(63, 72, 67);
+}
+.getStarted:hover {
+  background-color: #eeeeee;
+  color: rgb(95, 102, 96);
+}