Стили доков

docs/docusaurus/docusaurus.config.js

@@ -97,7 +97,8 @@ const config = {
             href: 'https://github.com/Bayselonarrend/OpenIntegrations',
             label: 'GitHub',
             position: 'right',
-            
+            className: 'navbar-github-link', // Класс для кастомизации
+            'aria-label': 'GitHub repository',
           },
           {
             type: 'dropdown',

docs/docusaurus/src/css/custom.css

@@ -25,13 +25,19 @@ p{
 
   .main-wrapper,.navbar{
     
-    background: rgba( 255, 255, 255, 0.25 );
-    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.075);
+    
+    border: 1px solid #ddd;
+    border-radius: 12px; /* Более округлые формы */
 
-    backdrop-filter: blur( 11px );
-    -webkit-backdrop-filter: blur( 11px );
-    border-radius: 15px;
-    border: 1px solid rgba(255, 255, 255, 0.096);
+    font-size: 1rem;
+    color: #333;
+    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); /* Легкий текстовый отблеск */
+    box-shadow: 
+      inset 0 1px 3px rgba(255, 255, 255, 0.7), /* Мягкий внутренний свет */
+      0 4px 8px rgba(0, 0, 0, 0.1); /* Легкая внешняя тень */
+    transition: all 0.3s ease;
+
+    
     margin: 20px;
   }
 
@@ -44,6 +50,28 @@ p{
 
 }
 
+.navbar-github-link {
+  display: flex;
+  align-items: center; /* Вертикальное выравнивание */
+  text-decoration: none; /* Убираем подчеркивание */
+  color: inherit; /* Унаследовать цвет текста */
+}
+
+.navbar-github-link::before {
+  content: '';
+  background-image: url('./../../static/img/github-logo.svg'); /* Замените на путь к вашему логотипу */
+  background-size: contain;
+  background-repeat: no-repeat;
+  width: 20px; /* Ширина логотипа */
+  height: 20px; /* Высота логотипа */
+  margin-right: 5px; /* Отступ между изображением и текстом */
+}
+
+/* Если хотите добавить эффект при наведении */
+.navbar-github-link:hover {
+  opacity: 0.8; /* Легкая прозрачность при наведении */
+}
+
 .footer{
   background-color: white;
 }

docs/docusaurus/static/img/github-logo.svg

@@ -0,0 +1 @@
+<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#24292f"/></svg>