add: hover over Supports cards

package.json

@@ -64,6 +64,6 @@
     "tailwindcss": "^3.0.1"
   },
   "engines": {
-    "node":">=18.0"
+    "node": ">=18.0"
   }
 }

src/components/Intro.js

@@ -4,7 +4,7 @@ import useBaseUrl from "@docusaurus/useBaseUrl";
 
 function Languages() {
   return (
-    <div className="rounded-lg bg-[color:var(--ifm-card-background-color)] p-5 shadow">
+    <div className="rounded-lg bg-[color:var(--ifm-card-background-color)] p-5 shadow transition hover:shadow-lg hover:shadow-[color:var(--ifm-card-shadow-color)]">
       <div className="flex items-center space-x-4">
         <svg
           width="16"
@@ -116,7 +116,7 @@ function Languages() {
 
 function Frameworks() {
   return (
-    <div className="flex flex-col rounded-lg bg-[color:var(--ifm-card-background-color)] p-5 shadow">
+    <div className="flex flex-col rounded-lg bg-[color:var(--ifm-card-background-color)] p-5 shadow transition hover:shadow-lg hover:shadow-[color:var(--ifm-card-shadow-color)]">
       <div className="flex items-center space-x-4">
         <svg
           className="mb-4 h-10 w-10 rounded-lg bg-[color:var(--ifm-color)] p-2 text-[color:var(--ifm-background-color)]"

src/css/custom.css

@@ -12,11 +12,11 @@
 
 :root {
   --ifm-color-primary: #ff914d;
-  --ifm-color-primary-dark: #E67643;
-  --ifm-color-primary-darker: #C95919;
+  --ifm-color-primary-dark: #e67643;
+  --ifm-color-primary-darker: #c95919;
   --ifm-color-primary-darkest: #be2c1b;
-  --ifm-color-primary-light: #FFD0A0;
-  --ifm-color-primary-lighter: #FFB575;
+  --ifm-color-primary-light: #ffd0a0;
+  --ifm-color-primary-lighter: #ffb575;
   --ifm-color-primary-lightest: #ffceb1;
   --ifm-code-font-size: 95%;
   --doc-sidebar-width: 275px !important;
@@ -28,11 +28,11 @@
 
 html[data-theme="dark"] {
   --ifm-color-primary: #ff914d;
-  --ifm-color-primary-dark: #E67643;
-  --ifm-color-primary-darker: #C95919;
+  --ifm-color-primary-dark: #e67643;
+  --ifm-color-primary-darker: #c95919;
   --ifm-color-primary-darkest: #be2c1b;
-  --ifm-color-primary-light: #FFD0A0;
-  --ifm-color-primary-lighter: #FFB575;
+  --ifm-color-primary-light: #ffd0a0;
+  --ifm-color-primary-lighter: #ffb575;
   --ifm-color-primary-lightest: #ffceb1;
   --ifm-link-color: var(--ifm-color-primary-lighter);
   --ifm-menu-color-active: var(--ifm-color-primary-lighter);
@@ -45,42 +45,49 @@ html[data-theme="dark"] {
   --ifm-footer-background-color: #000;
   --ifm-card-background-color: #1a1a1a;
   --collapse-button-bg-color-dark: transparent;
-  --ifm-badge-background-color: #F88E34;
+  --ifm-badge-background-color: #f88e34;
   --card-color: rgba(17, 24, 39);
+  --ifm-card-shadow-color: rgba(
+    255,
+    255,
+    255,
+    0.2
+  ); /* Light shadow for dark theme */
 }
 
 html[data-theme="light"] {
   --ifm-blockquote-color: #000000;
   --ifm-color-emphasis-300: #505050;
   /* --ifm-code-background: var(--ifm-color-primary-lightest); */
   --ifm-color-input-background: #ffffff;
-  --ifm-color: #00163D;
+  --ifm-color: #00163d;
   --ifm-background-color: rgb(249, 250, 251);
   --ifm-footer-background-color: #ffffff;
   --ifm-card-background-color: #ffffff;
   --ifm-badge-background-color: rgba(239, 246, 255);
 
   --card-color: rgba(239, 246, 255);
+  --ifm-card-shadow-color: rgba(0, 0, 0, 0.2); /* Dark shadow for light theme */
 }
 
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   src: url("../fonts/Roboto-Light.woff2");
   font-weight: 400;
   font-style: normal;
   font-display: swap;
 }
 
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   src: url("../fonts/Roboto-Bold.woff2");
   font-weight: 700;
   font-style: normal;
   font-display: swap;
 }
 
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   src: url("../fonts/Roboto-Light.woff2");
   font-weight: 300;
   font-style: normal;
@@ -193,7 +200,7 @@ div[class^="sidebar_"] .button svg {
 
 /* Pagination */
 .pagination-nav {
-  @apply flex flex-col items-start justify-center space-y-5 space-x-0 md:flex-row md:space-y-0 md:space-x-10;
+  @apply flex flex-col items-start justify-center space-x-0 space-y-5 md:flex-row md:space-x-10 md:space-y-0;
 }
 .pagination-nav__item {
   @apply w-full max-w-md;
@@ -204,7 +211,7 @@ div[class^="sidebar_"] .button svg {
 
 /* Navbar */
 .navbar__inner {
-  @apply mx-auto max-w-screen-lg lg:px-10 shadow-none;
+  @apply mx-auto max-w-screen-lg shadow-none lg:px-10;
 }
 
 .navbar__items--right {
@@ -230,7 +237,7 @@ div[class^="sidebar_"] .button svg {
 }
 
 /* Footer */
-footer  {
+footer {
   margin-top: 4%;
 }
 
@@ -253,7 +260,6 @@ footer svg {
 
   .DocSearch-Button {
     @apply mr-[-18px] !important;
-
   }
 
   /* .footer .footer__block {
@@ -408,8 +414,6 @@ footer svg {
   .docs-centered-image-size-25 {
     max-width: 25%;
   }
-
-
 }
 
 .docs-image-legend-wrapper {
@@ -501,7 +505,9 @@ footer svg {
 [data-theme="light"] .prose :where(pre code):not(.not-prose) {
   background-color: #ffffff;
 }
-[data-theme="light"] .prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)) {
+[data-theme="light"]
+  .prose
+  :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
   background-color: #ffffff;
 }
 
@@ -545,11 +551,11 @@ div[class^="announcementBar_"] {
 }
 
 /*Correcting alignment of home icon in navbar breadcrumbs.*/
-a[class="breadcrumbs__link"]{
+a[class="breadcrumbs__link"] {
   padding-top: 2px;
   margin-bottom: -10px;
 }
 
 [data-theme="dark"] th {
   color: white;
-}
+}

src/pages/styles.module.css

@@ -159,4 +159,4 @@
 .announcementInner {
   margin: 0 auto;
   max-width: 768px;
-}
+}

src/theme/Heading/styles.module.css

@@ -19,7 +19,7 @@ See https://twitter.com/JoshWComeau/status/1332015868725891076
 }
 
 :global(.hash-link::before) {
-  content: '#';
+  content: "#";
 }
 
 :global(.hash-link:focus),

static/css/code-block-buttons.css

@@ -1,39 +1,39 @@
 /* "Copy" code block button */
 pre {
-    position: relative;
-  }
-  
-  pre .btnIcon {
-    position: absolute;
-    top: 4px;
-    z-index: 2;
-    cursor: pointer;
-    border: 1px solid transparent;
-    padding: 0;
-    color: #fff;
-    background-color: transparent;
-    height: 30px;
-    transition: all .25s ease-out;
-  }
-  
-  pre .btnIcon:hover {
-    text-decoration: none;
-  }
-  
-  .btnIcon__body {
-    align-items: center;
-    display: flex;
-  }
-  
-  .btnIcon svg {
-    fill: currentColor;
-    margin-right: .4em;
-  }
-  
-  .btnIcon__label {
-    font-size: 11px;
-  }
-  
-  .btnClipboard {
-    right: 10px;
-  }
+  position: relative;
+}
+
+pre .btnIcon {
+  position: absolute;
+  top: 4px;
+  z-index: 2;
+  cursor: pointer;
+  border: 1px solid transparent;
+  padding: 0;
+  color: #fff;
+  background-color: transparent;
+  height: 30px;
+  transition: all 0.25s ease-out;
+}
+
+pre .btnIcon:hover {
+  text-decoration: none;
+}
+
+.btnIcon__body {
+  align-items: center;
+  display: flex;
+}
+
+.btnIcon svg {
+  fill: currentColor;
+  margin-right: 0.4em;
+}
+
+.btnIcon__label {
+  font-size: 11px;
+}
+
+.btnClipboard {
+  right: 10px;
+}

versioned_sidebars/version-1.0.0-sidebars.json

@@ -15,10 +15,7 @@
       "label": "Installation",
       "collapsible": true,
       "collapsed": false,
-      "items": [
-        "server/server-installation",
-        "server/sdk-installation"
-      ]
+      "items": ["server/server-installation", "server/sdk-installation"]
     },
     {
       "type": "category",
@@ -140,9 +137,7 @@
             "type": "doc",
             "id": "java/quickstart/index"
           },
-          "items": [
-            "java/quickstart/spring-sql"
-          ]
+          "items": ["java/quickstart/spring-sql"]
         },
         {
           "type": "link",

versioned_sidebars/version-2.0.0-sidebars.json

@@ -35,11 +35,7 @@
       "label": "CI/CD Integration",
       "collapsible": true,
       "collapsed": true,
-      "items": [
-        "ci-cd/github",
-        "ci-cd/gitlab",
-        "ci-cd/jenkins"
-      ]
+      "items": ["ci-cd/github", "ci-cd/gitlab", "ci-cd/jenkins"]
     },
     {
       "type": "category",
@@ -113,18 +109,14 @@
           "label": "Rust",
           "collapsible": true,
           "collapsed": true,
-          "items": [
-            "quickstart/samples-rust"
-          ]
+          "items": ["quickstart/samples-rust"]
         },
         {
           "type": "category",
           "label": "C# (.NET Core)",
           "collapsible": true,
           "collapsed": true,
-          "items": [
-            "quickstart/samples-csharp"
-          ]
+          "items": ["quickstart/samples-csharp"]
         }
       ]
     },

versions.json

@@ -1,4 +1 @@
-[
-  "2.0.0",
-  "1.0.0"
-]
+["2.0.0", "1.0.0"]