diff --git a/docusaurus.config.js b/docusaurus.config.js index cf56349..4ce981b 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -7,7 +7,7 @@ const darkCodeTheme = require("prism-react-renderer/themes/dracula"); /** @type {import('@docusaurus/types').Config} */ const config = { title: "Plex Docs", - tagline: "Plex api documentation with a kick", + tagline: "Community Sourced Plex API Documentation with a kick", favicon: "img/favicon.ico", // Set the production url of your site here @@ -60,6 +60,11 @@ const config = { themeConfig: /** @type {import('@docusaurus/preset-classic').ThemeConfig} */ ({ + colorMode: { + defaultMode: "dark", + disableSwitch: true, + respectPrefersColorScheme: false, + }, // Replace with your project's social card image: "img/docusaurus-social-card.jpg", navbar: { @@ -173,7 +178,7 @@ const config = { announcementBar: { id: "announcementBar_1", content: - "If you have any feedback on the Website or the API Specification please let me know!", + "This is not an Official Plex.TV Resource. If you have any feedback on the Website or the API Specification please let me know!", }, }), diff --git a/src/css/custom.css b/src/css/custom.css index 2bc6a4c..e61796a 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -6,8 +6,8 @@ /* You can override the default Infima variables here. */ :root { - --ifm-color-primary: #2e8555; - --ifm-color-primary-dark: #29784c; + --ifm-color-primary: #f7c600; + --ifm-color-primary-dark: #191919; --ifm-color-primary-darker: #277148; --ifm-color-primary-darkest: #205d3b; --ifm-color-primary-light: #33925d; @@ -18,13 +18,13 @@ } /* For readability concerns, you should choose a lighter palette in dark mode. */ -[data-theme='dark'] { - --ifm-color-primary: #25c2a0; - --ifm-color-primary-dark: #21af90; - --ifm-color-primary-darker: #1fa588; - --ifm-color-primary-darkest: #1a8870; - --ifm-color-primary-light: #29d5b0; - --ifm-color-primary-lighter: #32d8b4; - --ifm-color-primary-lightest: #4fddbf; - --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); +[data-theme="dark"] { + --ifm-color-primary: #f7c600; + --ifm-color-primary-dark: #deb200; + --ifm-color-primary-darker: #d2a800; + --ifm-color-primary-darkest: #ad8b00; + --ifm-color-primary-light: #ffd011; + --ifm-color-primary-lighter: #ffd21d; + --ifm-color-primary-lightest: #ffda42; + --ifm-background-color: #151515; }