Added Theme

This commit is contained in:
luke-hagar-sp
2023-03-28 10:42:30 -05:00
parent 6adb023a3f
commit f1a5543be0
2 changed files with 18 additions and 13 deletions

View File

@@ -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 <a href='https://github.com/LukeHagar/plex-api-spec'>Website</a> or the <a href='https://github.com/LukeHagar/plex-api-spec'>API Specification</a> please let me know!",
"This is not an Official Plex.TV Resource. If you have any feedback on the <a href='https://github.com/LukeHagar/plex-api-spec'>Website</a> or the <a href='https://github.com/LukeHagar/plex-api-spec'>API Specification</a> please let me know!",
},
}),

View File

@@ -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;
}