wrap up

karenpoveda29 · Feb 23, 2023 · bb91903 · bb91903
1 parent 13c7acd
commit bb91903
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 9 deletions.
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -1,8 +1,7 @@
 // @ts-check
 // Note: type annotations allow type checking and IDEs autocompletion
 
-const lightCodeTheme = require("prism-react-renderer/themes/github");
-const darkCodeTheme = require("prism-react-renderer/themes/dracula");
+const darkCodeTheme = require("prism-react-renderer/themes/oceanicNext");
 
 /** @type {import('@docusaurus/types').Config} */
 const config = {
@@ -39,12 +38,12 @@ const config = {
           versions: {
             "1.0": {
               badge: false,
-              label: "v1.0",
+              label: "v1.x.x",
               path: "1.0",
             },
             current: {
               badge: false,
-              label: "v2.0",
+              label: "v2.x.x",
               path: "2.0",
             },
           },
@@ -93,16 +92,17 @@ const config = {
             sidebarId: "swift",
             label: "Swift",
           },
-          {
-            type: "docsVersionDropdown",
-            position: "right",
-          },
+
           {
             href: "https://github.com/walletconnect/",
             position: "right",
             className: "header-github-link",
             "aria-label": "GitHub repository",
           },
+          {
+            type: "docsVersionDropdown",
+            position: "right",
+          },
         ],
       },
       footer: {
@@ -160,7 +160,6 @@ const config = {
         respectPrefersColorScheme: false,
       },
       prism: {
-        theme: lightCodeTheme,
         darkTheme: darkCodeTheme,
         additionalLanguages: ["swift", "kotlin"],
       },

diff --git a/src/css/custom.css b/src/css/custom.css
@@ -347,6 +347,30 @@ article img {
   border: 1px solid rgba(255, 255, 255, 0.1);
 }
 
+.navbar__item.dropdown {
+  background-color: rgba(51, 150, 255, 0.2);
+  border-radius: 40px;
+  border: 1px solid rgba(51, 150, 255, 0.3);
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.navbar__item.dropdown:hover {
+  background-color: rgba(51, 150, 255, 0.3);
+  border: 1px solid rgba(51, 150, 255, 0.5);
+}
+
+.navbar__item.dropdown a {
+  font-size: 14px;
+  color: var(--ifm-color-primary);
+}
+
+.navbar__item.dropdown a::after {
+  border-width: 0.25em 0.25em 0;
+  top: 0;
+  margin-left: 0.5em;
+}
+
 @media only screen and (min-width: 660px) {
   .boxContainer {
     grid-template-columns: repeat(3, minmax(33%, 1fr));