Изменения по оформлению документации

docs/docusaurus.config.js

@@ -51,6 +51,12 @@ const config = {
     ({
       // Replace with your project's social card
 
+      colorMode: {
+        defaultMode: 'light',
+        disableSwitch: true,
+        respectPrefersColorScheme: false,
+      },
+
       navbar: {
         title: 'Открытый пакет интеграций',
         logo: {
@@ -73,7 +79,7 @@ const config = {
         ],
       },
       footer: {
-        style: 'dark',
+        style: 'light',
         links: [
           {
             title: 'Документация',
@@ -98,7 +104,7 @@ const config = {
       },
       prism: {
         theme: prismThemes.github,
-        darkTheme: prismThemes.dracula,
+        darkTheme: prismThemes.github,
 		additionalLanguages: ['json','bsl']
       },
     }),

docs/src/css/custom.css

@@ -6,25 +6,21 @@
 
 /* You can override the default Infima variables here. */
 :root {
-  --ifm-color-primary: #007773;
-  --ifm-color-primary-dark: #002827;
-  --ifm-color-primary-darker: #002827;
-  --ifm-color-primary-darkest: #002827;
-  --ifm-color-primary-light: #002827;
-  --ifm-color-primary-lighter: #002827;
-  --ifm-color-primary-lightest:#002827;
+  --ifm-color-primary: #ffffff;
+  --ifm-color-primary-dark: #ffffff;
+  --ifm-color-primary-darker: #ffffff;
+  --ifm-color-primary-darkest: #ffffff;
+  --ifm-color-primary-light: #ffffff;
+  --ifm-color-primary-lighter: #ffffff;
+  --ifm-color-primary-lightest:#ffffff;
   --ifm-code-font-size: 95%;
-  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
+  --docusaurus-highlighted-code-line-bg: rgba(255, 255, 255, 0.3);
 }
 
-/* For readability concerns, you should choose a lighter palette in dark mode. */
-[data-theme='dark'] {
-  --ifm-color-primary: #ffbe08;
-  --ifm-color-primary-dark: #F1AE07;
-  --ifm-color-primary-darker: #F1AE07;
-  --ifm-color-primary-darkest: #F1AE07;
-  --ifm-color-primary-light: #F1AE07;
-  --ifm-color-primary-lighter: #F1AE07;
-  --ifm-color-primary-lightest: #F1AE07;
-  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
+.menu__link--active, .menu__link--active:hover{
+  color: black;
 }
+
+.table-of-contents__link, .table-of-contents__link:hover, .table-of-contents__link--active, .table-of-contents__link--active:hover{
+  color: black;
+}

docs/src/pages/index.js

@@ -12,16 +12,26 @@ function HomepageHeader() {
   return (
     <header className={clsx('hero hero--primary', styles.heroBanner)}>
       <div className="container">
+
+        <img src="/img/logo.svg" className={styles.biglogo}/>
+
         <Heading as="h1" className="hero__title">
           {siteConfig.title}
         </Heading>
         <p className="hero__subtitle">{siteConfig.tagline}</p>
         <div className={styles.buttons}>
-          <Link
-            className="button button--secondary button--lg"
+          <div className={styles.button}><Link
+            className="button button--secondary button--bg" 
             to="/docs/Nachalo-raboty">
-            Начать
+            Документация
           </Link>
+          </div>
+          <div className={styles.button}><Link
+            className="button button--secondary button--bg"
+            to="https://github.com/Bayselonarrend/OpenIntegrations/releases">
+            Релизы
+          </Link>
+          </div>
         </div>
       </div>
     </header>

docs/src/pages/index.module.css

@@ -8,6 +8,7 @@
   text-align: center;
   position: relative;
   overflow: hidden;
+  color: black;
 }
 
 @media screen and (max-width: 996px) {
@@ -21,3 +22,12 @@
   align-items: center;
   justify-content: center;
 }
+
+.button{
+  margin: 10px;
+}
+
+.biglogo{
+  width: 20%;
+  height: 20%;
+}