update index

docs/faq.md

@@ -26,7 +26,7 @@ Please subjectively perceive whether the battery consumption has increased signi
 
 Please try to use bypass config in the 'tools' tab. Filtering/allowing some app traffic into VPN can reduce battery consumption.
 
-::: tip
+:::tip
 Use bypass config settings only if you know what are you doing. Incorrect configuration may cause some applications to not work properly
 :::
 

docs/how_to_use_this_app.md

@@ -18,4 +18,12 @@ You can refer to the profile format documentation [here](/docs/profile-format/ov
 
 ## Start VPN
 
+TODO
+
+## Change proxy group selection
+
+TODO
+
+## Speed test
+
 TODO

src/components/HomepageFeatures/index.js

@@ -19,6 +19,14 @@ const FeatureList = [
     title: 'Tools for debug',
     Png: require('@site/static/img/tools.png').default,
   },
+  {
+    title: 'Dark mode support',
+    Png: require('@site/static/img/dark_mode.png').default,
+  },
+  {
+    title: 'More to explore...',
+    Png: require('@site/static/img/settings.png').default,
+  },
 ];
 
 function Feature({Png, title}) {

src/components/HomepageFeatures/styles.module.css

@@ -6,6 +6,11 @@
 }
 
 .featureImg {
+  border-radius: 8px;
+  border: 2px solid var(--ifm-color-emphasis-800);
+  padding: 0px;
   height: 570px;
   width: 270px;
+  margin-top: 40px;
+  margin-bottom: 20px;
 }

src/css/custom.css

@@ -6,14 +6,13 @@
 
 /* You can override the default Infima variables here. */
 :root {
-  --ifm-color-primary: #2e8555;
-  --ifm-color-primary-dark: #29784c;
-  --ifm-color-primary-darker: #277148;
-  --ifm-color-primary-darkest: #205d3b;
-  --ifm-color-primary-light: #33925d;
-  --ifm-color-primary-lighter: #359962;
-  --ifm-color-primary-lightest: #3cad6e;
-  --ifm-code-font-size: 95%;
+  --ifm-color-primary: #2daf9b;
+  --ifm-color-primary-dark: #299e8b;
+  --ifm-color-primary-darker: #269584;
+  --ifm-color-primary-darkest: #207b6c;
+  --ifm-color-primary-light: #32c1aa;
+  --ifm-color-primary-lighter: #34c9b2;
+  --ifm-color-primary-lightest: #4dd1bd;
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */

src/pages/index.js

@@ -17,7 +17,7 @@ function HomepageHeader() {
           <Link
             className="button button--secondary button--lg"
             to="/docs/installation">
-            Start using Surfboard
+            Explore more
           </Link>
         </div>
       </div>