Update website style sheet (kyma-project#18559)

* update stylesheet

* stylesheet changes

* remove an accidenatlly pushed file

* remove unnecessary changes

* adjust code font weight

* change font weight to 600

* decrease h1 font size *0.95)

* revert unintentional changes

* revert unintentional changes

* revert unintentional changes

* remove blank lines

docs/assets/theme-custom.css

@@ -1,4 +1,26 @@
 :root {
-    /* Theme */
     --sidebar-width: 20rem;
-}
+    --sidebar-nav-link-color--hover: var(--theme-color);
+    --sidebar-nav-link-font-weight--active: bold;
+    --sidebar-nav-link-text-decoration--active: none;
+    --sidebar-nav-link-text-decoration--hover: none;
+
+    --navbar-root-color--hover: var(--theme-color);
+
+    --code-inline-color: inherit;
+    --code-inline-background: hsla(113, 0%, 50%, 0.25);
+    --code-font-size: calc(var(--font-size-m) * 0.9);
+    --code-font-weight: inherit;
+
+    --strong-color: inherit;
+
+    --heading-h1-font-weight: 600;
+    --heading-h1-margin: 2rem 0 0;
+    --heading-h2-margin: 1.5rem 0 0;
+    --heading-h3-margin: 1.5rem 0 0;
+    --heading-h1-font-size: calc(var(--font-size-xxl)*0.95);
+
+    --pagination-title-font-size: var(--font-size-m);
+    --pagination-chevron-height: 2em;
+    --pagination-chevron-stroke-width: 1.5px; 
+}

docs/index.html

@@ -8,7 +8,7 @@
   <meta name="description" content="Kyma Project open-source documentation">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
   <link rel="apple-touch-icon" sizes="180x180" href="./assets/apple-touch-icon.png" />
-  <link rel="mask-icon" color="#2872dd" href="./assets/safari-pinned-tab.svg" />
+  <link rel="mask-icon" color="#0874DE" href="./assets/safari-pinned-tab.svg" />
   <link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon-32x32.png" />
   <link rel="icon" type="image/png" sizes="16x16" href="./assets/favicon-16x16.png" />
   <link rel="stylesheet" media="(prefers-color-scheme: dark)"
@@ -35,7 +35,7 @@
       subMaxLevel: 3,
       relativePath: true,
       loadFooter: true,
-      themeColor: 'blue',
+      themeColor: '#0874DE',
       //basePath: 'https://raw.githubusercontent.com/pbochynski/kyma/main/docs/',
       alias: {
         '/btp-manager/(.*)': 'https://raw.githubusercontent.com/kyma-project/btp-manager/main/docs/$1',
@@ -111,4 +111,4 @@
   <script src="//cdn.jsdelivr.net/npm/docsify-sidebar-collapse/dist/docsify-sidebar-collapse.min.js"></script>
 </body>
 
-</html>
+</html>