diff --git a/docusaurus.config.js b/docusaurus.config.js
index 2ffc20b..3b081e0 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -172,6 +172,11 @@ const config = {
position: 'right',
value: '',
},
+ {
+ type: 'html',
+ position: 'right',
+ value: 'Join Slack',
+ },
],
},
diff --git a/package.json b/package.json
index 33618db..1687638 100644
--- a/package.json
+++ b/package.json
@@ -4,12 +4,12 @@
"private": true,
"scripts": {
"docusaurus": "docusaurus",
- "start": "docusaurus start",
+ "start": "docusaurus start --no-open",
"build": "docusaurus build",
"swizzle": "docusaurus swizzle",
"deploy": "docusaurus deploy",
"clear": "docusaurus clear",
- "serve": "docusaurus serve",
+ "serve": "docusaurus serve --no-open",
"write-translations": "docusaurus write-translations",
"write-heading-ids": "docusaurus write-heading-ids",
"test": "node --experimental-vm-modules ./node_modules/jest/bin/jest.js --runInBand"
diff --git a/src/css/custom.css b/src/css/custom.css
index 1c6ecf4..0fb218e 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -113,6 +113,34 @@ display: none !important;
transform: scale(1.05);
}
+/* Navbar Slack button */
+.navbar-slack-button {
+ display: inline-flex;
+ align-items: center;
+ gap: 6px;
+ padding: 6px 12px;
+ background-color: transparent;
+ color: var(--ifm-navbar-link-color);
+ text-decoration: none;
+ border-radius: 6px;
+ font-family: var(--ifm-font-family-base);
+ font-size: 1rem;
+ font-weight: var(--ifm-font-weight-semibold);
+ vertical-align: middle;
+ margin-left: 8px;
+ transition: background-color 0.2s ease;
+}
+
+.navbar-slack-button:hover {
+ background-color: #f0f0f0;
+ color: var(--ifm-navbar-link-hover-color);
+ text-decoration: none;
+}
+
+[data-theme="dark"] .navbar-slack-button:hover {
+ background-color: #3a3a3a;
+}
+
.header {
display: flex;
align-content: center;