docs: update colors and build

Author: Murat

website/blog/2024-03-17-hello-react-native-integrate/index.md

@@ -6,12 +6,14 @@ tags: [introducing, integrate, upgrade]
 ---
 I'm thrilled to introduce the launch of React Native Integrate, a powerful tool designed to simplify the integration and upgrade process for React Native projects.
 
+<!-- truncate -->
+
 Developed with developers in mind, React Native Integrate aims to manage the native code changes, making project integration smoother and more efficient than ever before.
 
 With React-Native Integrate, gone are the days of manually copying and pasting code snippets or navigating through extensive documentation. This tool empowers developers to integrate popular packages, configure project settings, and manage dependencies with just a few simple commands.
 
 Whether you're an experienced developer or just starting with React Native, RN Integrate is here to revolutionize the way you work. Try it out today and let us know the experience.
 
-For more information and to get started, visit [docs](./docs/introduction).
+For more information and to get started, visit [docs](/docs/introduction).
 
 Happy coding!

website/docs/for-developers/android-tasks/main-application.md

@@ -31,7 +31,6 @@ The `main_application` task is designed to facilitate modifications to the `Main
 
 | Property   | Type                                       | Description                                                                                                                                                                                             |
 |:-----------|:-------------------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
-| block      | string                                     | A string specifying the block path within the `build.gradle` file where modifications should occur. Check [Block](#block-property) section below.                                                       |
 | before     | string or `{regex: string, flags: string}` | Text or code that is used to specify a point within the context where text should be inserted before. It can be a string or an object with a `regex` and `flags` field to perform a regex-based search. |
 | after      | string or `{regex: string, flags: string}` | Text or code that is used to specify a point within the context where text should be inserted after. It can be a string or an object with a `regex` and `flags` field to perform a regex-based search.  |
 | search     | string or `{regex: string, flags: string}` | A string or object (with regex and flags) that narrows the context to a specific text within the method or file.                                                                                        |

website/docs/for-developers/android-tasks/settings_gradle.md

@@ -30,7 +30,6 @@ The `settings_gradle` task is designed to facilitate modifications to the `setti
 
 | Property   | Type                                       | Description                                                                                                                                                                                             |
 |:-----------|:-------------------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
-| block      | string                                     | A string specifying the block path within the `build.gradle` file where modifications should occur. Check [Block](#block-property) section below.                                                       |
 | before     | string or `{regex: string, flags: string}` | Text or code that is used to specify a point within the context where text should be inserted before. It can be a string or an object with a `regex` and `flags` field to perform a regex-based search. |
 | after      | string or `{regex: string, flags: string}` | Text or code that is used to specify a point within the context where text should be inserted after. It can be a string or an object with a `regex` and `flags` field to perform a regex-based search.  |
 | search     | string or `{regex: string, flags: string}` | A string or object (with regex and flags) that narrows the context to a specific text within the method or file.                                                                                        |

website/docs/for-developers/for-developers.md renamed to website/docs/for-developers/index.md

@@ -6,7 +6,7 @@ sidebar_position: 3
 If your package requires "additional steps" after installation which involves native code modification, follow these steps to allow other developers quickly integrate your package into their projects.
 
 1. Create an `integrate.yml` configuration file in the root directory of your project.
-2. Specify necessary modifications. On the next page, check [Configuration](configuration) for detailed instructions.
+2. Specify necessary modifications. On the next page, check [Configuration](./for-developers/configuration) for detailed instructions.
 3. Encourage developers to run `npx react-native-integrate <your-package>` right after installation of your package.
 
 ## Get help from community

website/docusaurus.config.js

@@ -104,7 +104,7 @@ const config = {
             items: [
               {
                 label: 'Installation',
-                to: '/docs/install',
+                to: '/docs/usage',
               },
             ],
           },

website/src/css/custom.css

@@ -6,26 +6,26 @@
 
 /* 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-color-primary: #536dfe;
+  --ifm-color-primary-dark: #3151fe;
+  --ifm-color-primary-darker: #2142fe;
+  --ifm-color-primary-darkest: #0125eb;
+  --ifm-color-primary-light: #7589fe;
+  --ifm-color-primary-lighter: #8598fe;
+  --ifm-color-primary-lightest: #b8c2ff;
   --ifm-code-font-size: 95%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
 [data-theme='dark'] {
-  --ifm-color-primary: #25c2a0;
-  --ifm-color-primary-dark: #21af90;
-  --ifm-color-primary-darker: #1fa588;
-  --ifm-color-primary-darkest: #1a8870;
-  --ifm-color-primary-light: #29d5b0;
-  --ifm-color-primary-lighter: #32d8b4;
-  --ifm-color-primary-lightest: #4fddbf;
+  --ifm-color-primary: #99cdf4;
+  --ifm-color-primary-dark: #75bbf0;
+  --ifm-color-primary-darker: #63b3ee;
+  --ifm-color-primary-darkest: #3c9fea;
+  --ifm-color-primary-light: #bddff8;
+  --ifm-color-primary-lighter: #cfe7fa;
+  --ifm-color-primary-lightest: #ffffff;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }