diff --git a/demo-mkdocs/docs/index.md b/demo-mkdocs/docs/index.md
index cec8cd8..235e92f 100644
--- a/demo-mkdocs/docs/index.md
+++ b/demo-mkdocs/docs/index.md
@@ -4,8 +4,9 @@ A MkDocs plugin supports for add [Swagger UI](https://github.com/swagger-api/swa
## Features
-1. Multiple OpenAPI Specification file source: url, static file in docs
+1. OpenAPI Specification file from online over URL or static file in docs
2. Multiple Swagger UI in same page
+3. Synchronized dark mode with [mkdocs-material](https://squidfunk.github.io/mkdocs-material/)
## Dependency
@@ -39,7 +40,7 @@ A MkDocs plugin supports for add [Swagger UI](https://github.com/swagger-api/swa
| Option | Default | Description |
|------------|---------|---------------------------------------------------------------------------------------------------------------------------------------------------|
- | background | White | Swagger UI iframe body background attribute value. You can use any css value for background for example "#74b9ff" or Gainsboro or "" for nothing. |
+ | background | "" | Swagger UI iframe body background attribute value. You can use any css value for background for example "#74b9ff" or Gainsboro or "" for nothing. |
4. Add ```swagger-ui``` tag in markdown to include Swagger UI
@@ -52,3 +53,7 @@ A MkDocs plugin supports for add [Swagger UI](https://github.com/swagger-api/swa
## License
This project is licensed under the MIT License - see the [LICENSE.md](https://github.com/Blueswen/mkdocs-swagger-ui-tag/blob/main/LICENSE) file for details.
+
+## Reference
+
+1. [Amoenus Swagger Dark Theme](https://github.com/Amoenus/SwaggerDark/): source of dark mode css
diff --git a/demo-mkdocs/docs/sample.png b/demo-mkdocs/docs/sample.png
index 0139720..f518dc7 100644
Binary files a/demo-mkdocs/docs/sample.png and b/demo-mkdocs/docs/sample.png differ
diff --git a/demo-mkdocs/mkdocs.yml b/demo-mkdocs/mkdocs.yml
index 92dfa58..ea861a8 100644
--- a/demo-mkdocs/mkdocs.yml
+++ b/demo-mkdocs/mkdocs.yml
@@ -10,6 +10,26 @@ theme:
name: material
features:
- toc.integrate
+ palette:
+ # Palette toggle for automatic mode
+ - media: "(prefers-color-scheme)"
+ toggle:
+ icon: material/brightness-auto
+ name: Switch to light mode
+
+ # Palette toggle for light mode
+ - media: "(prefers-color-scheme: light)"
+ scheme: default
+ toggle:
+ icon: material/brightness-7
+ name: Switch to dark mode
+
+ # Palette toggle for dark mode
+ - media: "(prefers-color-scheme: dark)"
+ scheme: slate
+ toggle:
+ icon: material/brightness-4
+ name: Switch to system preference
markdown_extensions:
- pymdownx.highlight:
diff --git a/docs/404.html b/docs/404.html
index 93285cd..923bd4c 100644
--- a/docs/404.html
+++ b/docs/404.html
@@ -12,7 +12,7 @@
-
+
@@ -20,7 +20,7 @@
-
+
@@ -52,10 +52,12 @@
+
+
-