diff --git a/docusaurus.config.ts b/docusaurus.config.ts index 7705653..6444391 100644 --- a/docusaurus.config.ts +++ b/docusaurus.config.ts @@ -65,6 +65,12 @@ const config: Config = { docId: "index", label: "Docs", }, + { + href: "https://discord.gg/zUeP2aAjaP", + position: "right", + className: "header-link-custom custom-icon-discord", + "aria-label": "Discord invite", + }, { href: "https://github.com/wavetermdev/waveterm", position: "right", diff --git a/src/css/custom.css b/src/css/custom.css index 0934d0e..b7892c0 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -18,6 +18,10 @@ --ifm-color-primary-lightest: #8cd47d; } +.toggle_node_modules-\@docusaurus-theme-classic-lib-theme-ColorModeToggle-styles-module { + margin-left: 4px; +} + .header-link-custom:before { display: block; height: 24px; @@ -32,6 +36,12 @@ .custom-icon-github:before { content: ""; - mask: url(/img/Octicons-mark-github.svg) no-repeat center / contain; - -webkit-mask: url(/img/Octicons-mark-github.svg) no-repeat center / contain; + mask: url(/img/github.svg) no-repeat center / contain; + -webkit-mask: url(/img/github.svg) no-repeat center / contain; +} + +.custom-icon-discord:before { + content: ""; + mask: url(/img/discord.svg) no-repeat center / contain; + -webkit-mask: url(/img/discord.svg) no-repeat center / contain; } diff --git a/static/img/Octicons-mark-github.svg b/static/img/Octicons-mark-github.svg deleted file mode 100644 index a8d1174..0000000 --- a/static/img/Octicons-mark-github.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/static/img/discord.svg b/static/img/discord.svg new file mode 100644 index 0000000..80a8f66 --- /dev/null +++ b/static/img/discord.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/img/github.svg b/static/img/github.svg new file mode 100644 index 0000000..cf245cc --- /dev/null +++ b/static/img/github.svg @@ -0,0 +1 @@ + \ No newline at end of file