diff --git a/Doxyfile b/Doxyfile
index edeeb45..2ea6e0a 100644
--- a/Doxyfile
+++ b/Doxyfile
@@ -1157,7 +1157,7 @@ HTML_FILE_EXTENSION = .html
# of the possible markers and block names see the documentation.
# This tag requires that the tag GENERATE_HTML is set to YES.
-HTML_HEADER = header.html
+HTML_HEADER =
# The HTML_FOOTER tag can be used to specify a user-defined HTML footer for each
# generated HTML page. If the tag is left blank doxygen will generate a standard
@@ -1192,7 +1192,7 @@ HTML_STYLESHEET =
# list). For an example see the documentation.
# This tag requires that the tag GENERATE_HTML is set to YES.
-HTML_EXTRA_STYLESHEET = doxygen-awesome-css/doxygen-awesome.css
+HTML_EXTRA_STYLESHEET = docsn.css
# The HTML_EXTRA_FILES tag can be used to specify one or more extra images or
# other source files which should be copied to the HTML output directory. Note
@@ -1202,7 +1202,7 @@ HTML_EXTRA_STYLESHEET = doxygen-awesome-css/doxygen-awesome.css
# files will be copied as-is; there are no commands or markers available.
# This tag requires that the tag GENERATE_HTML is set to YES.
-HTML_EXTRA_FILES = doxygen-awesome-css/doxygen-awesome-darkmode-toggle.js
+HTML_EXTRA_FILES =
# The HTML_COLORSTYLE_HUE tag controls the color of the HTML output. Doxygen
# will adjust the colors in the style sheet and background images according to
diff --git a/docsn.css b/docsn.css
new file mode 100644
index 0000000..d11db9e
--- /dev/null
+++ b/docsn.css
@@ -0,0 +1,638 @@
+/* This doxygen theme is free to use. If you like this, please Star https://github.com/kcwongjoe/doxygen_theme_flat_design */
+
+/* Color Pattern. You can change this pattern to design your theme. */
+
+:root {
+ /* Content */
+ --bgcolor: #ffffff;
+ --bgfont: #303030;
+ --bgfont2: #f3c60a;
+ --bgfont-hover: #f3c60a;
+ --bgfont-hover-text-decoration: none;
+ --bgborder: #7d7d7d;
+ --bgborder2: #f6f6f6;
+ /* Main Header */
+ --bg1color: #303030;
+ --bg1font: #ffffff;
+ --bg1font2: #f3c60a;
+ /* Second header */
+ --bg2color: #E2E2E2;
+ --bg2font: #7D7D7D;
+ --bg2-hover-bg: #ffffff;
+ --bg2-hover-font: #303030;
+ --bg2-hover-topborder: #f3c60a;
+ /* Third header */
+ --bg3color: #f6f6f6;
+ --bg3font: #303030;
+ --bg3font2: #7D7D7D;
+ /* Code */
+ --code-bg: #f6f6f6;
+ --code-comment: #7D7D7D;
+ --code-keyword: #d73a49;
+ --code-preprocessor: #d73a49;
+ --code-keywordtype: #d73a49;
+ --code-text: #303030;
+ --code-code: #6f42c1;
+ --code-line: #7D7D7D;
+ --code-line-bg: #D8D8D8;
+ /* Namespace List, Class List icon */
+ --icon-bg: #303030;
+ --icon-font: #f3c60a;
+ /* Class Index */
+ --qindex-menu-bg: #303030;
+ --qindex-menu-font: #ffffff;
+ --qindex-menu-font-hover: #f3c60a;
+ --qindex-icon-bg: #f3c60a;
+ --qindex-icon-font: #303030;
+ /* Member table */
+ --mem-title-bg: #303030;
+ --mem-title-font: #ffffff;
+ --mem-subtitle-bg: #f3c60a;
+ --mem-subtitle-font: #303030;
+ --mem-subtitle-font-hover: #303030;
+ --mem-content-bg: #ffffff;
+ --mem-content-font: #303030;
+ --mem-content-border: #f6f6f6;
+ /* Nav Tree */
+ --nav-tree-bg: #E2E2E2;
+ --nav-tree-bg-hover: #ffffff;
+ --nav-tree-font: #7D7D7D;
+ --nav-tree-font-hover: #303030;
+ --nav-tree-bg-selected: #f3c60a;
+ --nav-tree-font-selected: #303030;
+}
+
+body, table, div, p, dl {
+ color: var(--bgfont);
+ background-color: var(--bgcolor);
+ line-height: 150%;
+ font: 14px/22px, Roboto, Arial;
+}
+
+div.contents {
+ margin: 20px 40px;
+}
+
+div.contents ul {
+ line-height: 200%;
+}
+
+/***********************************/
+
+/********** Project header *********/
+
+/***********************************/
+
+#titlearea {
+ border-bottom: none;
+ padding-bottom: 20px;
+ padding-top: 20px;
+}
+
+#titlearea, #titlearea * {
+ color: var(--bg1font);
+ background-color: var(--bg1color);
+}
+
+#projectname {
+ padding: 0px 40px !important;
+}
+
+#projectbrief {
+ padding: 0px 40px !important;
+}
+
+#projectalign {
+ padding: 0px !important;
+}
+
+/***********************************/
+
+/************ Main Menu ************/
+
+/***********************************/
+
+/* Margin */
+
+#main-menu {
+ padding: 0px 30px;
+}
+
+#main-menu a, #main-menu a:hover {
+ padding-top: 10px;
+ padding-bottom: 10px;
+}
+
+/* Menu button */
+
+#main-menu li a {
+ background-image: none;
+ font-family: Arial;
+ text-transform: uppercase;
+ text-shadow: none;
+ font-size: 14px;
+ font-weight: 700;
+}
+
+#main-menu, #main-menu>li>a {
+ background-image: none;
+ background-color: var(--bg2color);
+ color: var(--bg2font);
+ transition: 0.2s;
+}
+
+/* hover Effect */
+
+#main-menu>li {
+ border-top: 5px solid var(--bg2color);
+}
+
+#main-menu>li:hover {
+ color: var(--bg2-hover-font);
+ background-color: var(--bg2-hover-bg);
+ border-top: 5px solid var(--bg2-hover-topborder);
+}
+
+#main-menu>li:hover, #main-menu>li>a:hover, #main-menu>li>a.highlighted {
+ color: var(--bg2-hover-font);
+ background-color: var(--bg2-hover-bg);
+}
+
+/* Search Bar */
+
+#MSearchBox {
+ border-radius: 0;
+ box-shadow: none;
+}
+
+#MSearchBox>span {
+ margin: 10px;
+}
+
+#main-menu>li:last-child {
+ padding: 25px 0px;
+}
+
+/* Reset search hover color*/
+
+#main-menu>li:last-child:hover {
+ color: var(--bg2font);
+ background-color: var(--bg2color);
+ border-top: 5px solid var(--bg2color);
+}
+
+#MSearchResultsWindow {
+ border: 1px solid var(--bg3font2);
+ background-color: var(--bg3color);
+ padding: 10px;
+}
+
+body.SRPage, body.SRPage * {
+ font-family: Arial;
+}
+
+/* Sub Menu */
+
+#main-menu>li ul {
+ transition: max-height 0.2s ease-in-out;
+ padding: 0px;
+ border-radius: 0px !important;
+}
+
+#main-menu>li ul:before, #main-menu>li ul:after {
+ border-width: 0px;
+}
+
+#main-menu>li>ul li a, #main-menu>li>ul li {
+ background-color: var(--bgcolor);
+ color: var(--bgfont);
+ background-image: none;
+}
+
+#main-menu>li>ul li a:hover, #main-menu>li>ul li:hover {
+ background-color: var(--bgfont2);
+ color: var(--bgfont);
+}
+
+/***********************************/
+
+/************** Header *************/
+
+/***********************************/
+
+div.headertitle {
+ padding: 5px 40px;
+}
+
+div.header, div.header * {
+ color: var(--bg3font);
+ background-color: var(--bg3color);
+ border-bottom: none;
+}
+
+div.summary {
+ padding-right: 40px;
+}
+
+/***********************************/
+
+/************** Link *************/
+
+/***********************************/
+
+a, a:visited, a:active, .contents a:visited, body.SRPage a, body.SRPage a:visited, body.SRPage a:active {
+ color: var(--bgfont);
+ text-decoration: none;
+}
+
+a:hover, .contents a:hover, body.SRPage a:hover {
+ color: var(--bgfont-hover);
+ text-decoration: var(--bgfont-hover-text-decoration);
+}
+
+/***********************************/
+
+/************ Nav-path ************/
+
+/***********************************/
+
+#nav-path, #nav-path ul {
+ background-image: none;
+}
+
+#nav-path ul {
+ padding: 5px 30px;
+}
+
+#nav-path, #nav-path * {
+ color: var(--bg3font2);
+ background-color: var(--bg3color);
+ border: none;
+ font-family: Arial;
+}
+
+li.navelem {
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDI5Mi4zNTkgMjkyLjM1OSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8cGF0aCBkPSJNMjIyLjk3OSwxMzMuMzMxTDk1LjA3Myw1LjQyNEM5MS40NTYsMS44MDcsODcuMTc4LDAsODIuMjI2LDBjLTQuOTUyLDAtOS4yMzMsMS44MDctMTIuODUsNS40MjQgICBjLTMuNjE3LDMuNjE3LTUuNDI0LDcuODk4LTUuNDI0LDEyLjg0N3YyNTUuODEzYzAsNC45NDgsMS44MDcsOS4yMzIsNS40MjQsMTIuODQ3YzMuNjIxLDMuNjE3LDcuOTAyLDUuNDI4LDEyLjg1LDUuNDI4ICAgYzQuOTQ5LDAsOS4yMy0xLjgxMSwxMi44NDctNS40MjhsMTI3LjkwNi0xMjcuOTA3YzMuNjE0LTMuNjEzLDUuNDI4LTcuODk3LDUuNDI4LTEyLjg0NyAgIEMyMjguNDA3LDE0MS4yMjksMjI2LjU5NCwxMzYuOTQ4LDIyMi45NzksMTMzLjMzMXoiIGZpbGw9IiM3ZDdkN2QiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiIGNsYXNzPSIiPjwvcGF0aD4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8L2c+PC9zdmc+);
+ background-size: 9px;
+}
+
+li.navelem a {
+ margin-right: 20px;
+}
+
+/***********************************/
+
+/*************** mem ***************/
+
+/***********************************/
+
+.memtitle {
+ padding: 15px;
+ margin-top: 30px;
+ border-top-left-radius: 0px;
+ border-top-right-radius: 0px;
+}
+
+.memtitle, .memtitle *, .memtitle a:visited {
+ border: none;
+ background-image: none;
+ color: var(--mem-title-font);
+ background-color: var(--mem-title-bg);
+}
+
+.memproto {
+ padding: 10px;
+ text-shadow: none;
+ padding: 20px;
+ border-top-right-radius: 0px;
+ -moz-border-radius-topright: 0px;
+ -webkit-border-top-right-radius: 0px;
+}
+
+.memproto, .memproto *, .memproto a:visited {
+ border: none;
+ background-image: none;
+ background-color: var(--mem-subtitle-bg);
+ color: var(--mem-subtitle-font);
+ font-size: inherit;
+ line-height: 100%
+}
+
+.memproto a:hover {
+ color: var(--mem-subtitle-font-hover);
+}
+
+.memdoc {
+ border-bottom: 1px solid var(--mem-content-border);
+ border-left: 1px solid var(--mem-content-border);
+ border-right: 1px solid var(--mem-content-border);
+ background-color: var(--mem-content-bg);
+ color: var(--mem-content-font);
+ border-bottom-left-radius: 0px;
+ border-bottom-right-radius: 0px;
+ -moz-border-radius-bottomleft: 0px;
+ -moz-border-radius-bottomright: 0px;
+ -webkit-border-bottom-left-radius: 0px;
+ -webkit-border-bottom-right-radius: 0px;
+}
+
+.memdoc p, .memdoc dt {
+ padding: 0px 20px;
+}
+
+/***********************************/
+
+/************* Contents ************/
+
+/***********************************/
+
+a.anchor {
+ padding-top: 20px;
+}
+
+/***********************************/
+
+/************* fragment ************/
+
+/***********************************/
+
+h2.groupheader {
+ color: #303030;
+ font-size: 200%;
+ font-weight: bold;
+ border-bottom: none;
+ padding-top: 20px;
+ padding-bottom: 20px;
+}
+
+div.fragment, pre.fragment {
+ border: none;
+ padding: 20px;
+ margin: none;
+ background-color: var(--code-bg);
+}
+
+div.line {
+ background-color: var(--code-bg);
+}
+
+span.comment {
+ color: var(--code-comment);
+}
+
+span.keyword {
+ color: var(--code-keyword);
+}
+
+span.preprocessor {
+ color: var(--code-preprocessor);
+}
+
+span.keywordtype {
+ color: var(--code-keywordtype);
+}
+
+span.mlabel {
+ background-color: var(--code-text);
+ color: var(--code-bg);
+ border-top: none;
+ border-left: none;
+ border-right: none;
+ border-bottom: none;
+ padding: 10px;
+ border-radius: 0px;
+}
+
+a.code {
+ color: var(--code-code);
+}
+
+span.lineno, span.lineno>* {
+ color: var(--code-line);
+ border-right: none;
+ background-color: var(--code-bg);
+}
+
+span.lineno a {
+ background-color: var(--code-line-bg);
+}
+
+span.lineno a:hover {
+ color: var(--bg3font);
+ background-color: var(--code-line-bg);
+}
+
+/***********************************/
+
+/************* directory ***********/
+
+/***********************************/
+
+.directory tr.even {
+ background-color: inherit;
+}
+
+.iconfclosed {
+ background-image: url(closed-folder.png);
+ margin-right: 10px;
+}
+
+.iconfopen {
+ background-image: url(opened-folder.png);
+ margin-right: 10px;
+}
+
+.icondoc {
+ background-image: url(document.png);
+ margin-right: 10px;
+}
+
+.arrow {
+ color: #7d7d7d;
+}
+
+.icona {
+ vertical-align: middle;
+ margin-right: 5px;
+}
+
+.icon {
+ background-color: var(--icon-bg);
+ color: var(--icon-font);
+ display: table-cell;
+ vertical-align: middle;
+ height: 20px;
+ width: 20px;
+}
+
+div.ah {
+ background-color: var(--qindex-icon-bg);
+ color: var(--qindex-icon-font);
+ text-align: center;
+ background-image: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ -webkit-border-radius: 0px;
+ border-radius: 0px;
+ border: none;
+}
+
+div.qindex {
+ background-color: var(--qindex-menu-bg);
+ border: none;
+ padding: 20px;
+}
+
+a.qindex {
+ color: var(--qindex-menu-font);
+ font-weight: normal;
+ font-size: 20px;
+}
+
+a:hover.qindex {
+ color: var(--qindex-menu-font-hover);
+}
+
+a:visited.qindex {
+ color: var(--qindex-menu-font);
+}
+
+table.classindex {
+ margin-top: 30px;
+ margin-bottom: 30px;
+}
+
+table.classindex a.el {
+ font-weight: normal;
+}
+
+/***********************************/
+
+/************** footer *************/
+
+/***********************************/
+
+div.directory {
+ border-top: 1px solid var(--bgborder);
+ border-bottom: none;
+ margin: 20px 0px;
+}
+
+div.directory a.el {
+ font-weight: normal;
+}
+
+div.directory>table {
+ margin: 20px 0px;
+}
+
+hr.footer {
+ border: none;
+}
+
+.contents>hr {
+ border-top: 0px;
+}
+
+/***********************************/
+
+/*********** memberdecls ***********/
+
+/***********************************/
+
+.memItemLeft, .memItemRight {
+ padding: 15px 30px;
+ background-color: inherit;
+}
+
+.mdescRight {
+ padding: 0px 30px 10px 30px;
+}
+
+.memberdecls * {
+ background-color: inherit;
+}
+
+.memSeparator {
+ border-bottom: 1px solid var(--bgborder2);
+}
+
+.memTemplParams {
+ color: var(--bgfont);
+}
+
+/***********************************/
+
+/*********** nav-tree ***********/
+
+/***********************************/
+
+#nav-tree-contents {
+ background-color: var(--nav-tree-bg);
+ margin: 0px;
+}
+
+#side-nav, #nav-tree {
+ background-image: none;
+ background-color: var(--nav-tree-bg);
+}
+
+#nav-tree .item {
+ background-color: var(--nav-tree-bg);
+ font-family: Arial;
+ text-transform: uppercase;
+ text-shadow: none;
+ font-size: 14px;
+ font-weight: 700;
+ padding: 10px;
+ color: var(--nav-tree-font);
+}
+
+#nav-tree .arrow {
+ color: var(--nav-tree-font);
+}
+
+#nav-tree .selected {
+ background-image: none;
+ background-color: var(--nav-tree-bg-selected);
+}
+
+#nav-tree .selected a {
+ color: var(--nav-tree-font-selected);
+}
+
+#nav-tree .item:hover {
+ background-color: var(--nav-tree-bg-hover);
+ color: var(--nav-tree-font-hover);
+}
+
+#nav-tree .item a:hover {
+ color: var(--nav-tree-font-hover);
+}
+
+#side-nav .ui-resizable-e {
+ background-image: none;
+ background-color: var(--nav-tree-bg);
+}
+
+#nav-sync {
+ background-color: transparent;
+}
+
+#nav-sync>img {
+ content: url(off_sync.png);
+}
+
+#nav-sync.sync>img {
+ content: url(on_sync.png);
+}
+
+/***********************************/
+
+/*********** Plant UML ***********/
+
+/***********************************/
+
+.plantumlgraph > img {
+ width: 80%;
+}
\ No newline at end of file
diff --git a/doxygen-awesome-css/LICENSE b/doxygen-awesome-css/LICENSE
deleted file mode 100644
index 1d8b99a..0000000
--- a/doxygen-awesome-css/LICENSE
+++ /dev/null
@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2021 jothepro
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
diff --git a/doxygen-awesome-css/README.md b/doxygen-awesome-css/README.md
deleted file mode 100644
index bebbd46..0000000
--- a/doxygen-awesome-css/README.md
+++ /dev/null
@@ -1,90 +0,0 @@
-# Doxygen Awesome
-
-[](https://github.com/jothepro/doxygen-awesome-css/releases/latest)
-[](https://github.com/jothepro/doxygen-awesome-css/blob/main/LICENSE)
-
-
-
-
-
-
-
-
-**Doxygen Awesome** is a custom **CSS theme for Doxygen HTML-documentation** with lots of customization parameters.
-
-## Motivation
-
-I really like how the Doxygen HTML-documentation is structured! But IMHO it looks a bit outdated.
-
-This theme is an attemt to update the visuals of Doxygen without changing it's overall layout too much.
-
-## Features
-
-- ๐ Clean, modern design
-- ๐ Heavily customizable by adjusting CSS-variables
-- ๐งฉ No changes to the HTML structure of Doxygen required
-- ๐ฑ Improved mobile usability
-- ๐ Dark mode support!
-- ๐ฅ Works best with **doxygen 1.9.1** - **1.9.3**
-
-## Examples
-
-- Sidebar-Only theme: [Documentation of this repository](https://jothepro.github.io/doxygen-awesome-css/)
-- Base theme: [libsl3](https://a4z.github.io/libsl3/)
-
-## Installation
-
-Copy the file `doxygen-awesome.css` from this repository into your project or add this repository as submodule and check out the latest release:
-
-```bash
-git submodule add https://github.com/jothepro/doxygen-awesome-css.git
-cd doxygen-awesome-css
-git checkout v2.0.3
-```
-
-Choose one of the theme variants and configure Doxygen accordingly:
-
-
-
-
-
-
-
-1. **Base theme**:
-```
-# Doxyfile
-GENERATE_TREEVIEW = YES # optional. Also works without treeview
-HTML_EXTRA_STYLESHEET = doxygen-awesome-css/doxygen-awesome.css
-```
-
-2. **Sidebar-only theme**:
-```
-# Doxyfile
-GENERATE_TREEVIEW = YES # required!
-HTML_EXTRA_STYLESHEET = doxygen-awesome-css/doxygen-awesome.css \
- doxygen-awesome-css/doxygen-awesome-sidebar-only.css
-```
-
-Further installation instructions:
-
-- [How to install extensions](docs/extensions.md)
-- [How to customize the theme (colors, spacing, border-radius, ...)](docs/customization.md)
-- [Tips and Tricks for further configuration](docs/tricks.md)
-
-## Browser support
-
-Tested with
-
-- Chrome 98, Chrome 98 for Android, Chrome 87 for iOS
-- Safari 15, Safari for iOS 15
-- Firefox 97, Firefox Daylight 97 for Android, Firefox Daylight 96 for iOS
-
-## Credits
-
-- This theme is inspired by the [vuepress](https://vuepress.vuejs.org/) static site generator default theme.
-- Thank you for all the feedback on github!
-
-
-
-Read Next: [Extensions](docs/extensions.md)
-
\ No newline at end of file
diff --git a/doxygen-awesome-css/docs/customization.md b/doxygen-awesome-css/docs/customization.md
deleted file mode 100644
index 0e89511..0000000
--- a/doxygen-awesome-css/docs/customization.md
+++ /dev/null
@@ -1,110 +0,0 @@
-# Customization
-
-[TOC]
-
-
-## CSS-Variables
-
-This theme is highly customizable because a lot of things are parameterized with CSS variables.
-
-Just to give you an idea on how flexible the styling is, click this button:
-
-
Alter theme
-
-### Setup
-
-It is recommended to add your own `custom.css` and overwrite the variables there:
-```
-HTML_EXTRA_STYLESHEET = doxygen-awesome.css custom.css
-```
-
-Make sure to override the variables in the correct spot. All variables should be customized where they have been defined, in the `html` tag selector:
-
-```css
-html {
- /* override light-mode variables here */
-}
-```
-
-For dark-mode overrides you have to choose where to put them, depending on wether the dark-mode toggle extension is installed or not:
-
-- dark-mode toggle is installed:
- ```css
- html.dark-mode {
- /* define dark-mode variable overrides here if you DO use doxygen-awesome-darkmode-toggle.js */
- }
- ```
-- dark-mode toggle is **NOT** installed. The dark-mode is enabled automatically depending on the system preference:
- ```css
- @media (prefers-color-scheme: dark) {
- html:not(.light-mode) {
- /* define dark-mode variable overrides here if you DON'T use doxygen-awesome-darkmode-toggle.js */
- }
- }
- ```
-
-### Available variables
-
-The following list gives an overview of the variables defined in [`doxygen-awesome.css`](https://github.com/jothepro/doxygen-awesome-css/blob/main/doxygen-awesome.css).
-
-The list is not complete. To explore all available variables, have a look at the CSS starting from [here](https://github.com/jothepro/doxygen-awesome-css/blob/main/doxygen-awesome.css#L30).
-All variables are defined at the beginning of the stylesheet.
-
-| Parameter | Default (Light) | Default (Dark) |
-| :-------------------------------- | :---------------------------------------------------------- | ----------------------------------------------------------- |
-| **Color Scheme**: primary theme colors. This will affect the entire websites color scheme: links, arrows, labels, ... |||
-| `--primary-color` | #1779c4 | #1982d2 |
-| `--primary-dark-color` | #335c80 | #5ca8e2 |
-| `--primary-light-color` | #70b1e9 | #4779ac |
-| **Page Colors**: background and foreground (text-color) of the documentation. |||
-| `--page-background-color` | white | #1C1D1F |
-| `--page-foreground-color` | #2f4153 | #d2dbde |
-| `--page-secondary-foreground-color`| #637485| #859399 |
-| **Spacing:** default spacings. Most ui components reference these values for spacing, to provide uniform spacing on the page. |||
-| `--spacing-small` | `5px` | |
-| `--spacing-medium` | `10px` | |
-| `--spacing-large` | `16px` | |
-| **Border Radius**: border radius for all rounded ui components. Will affect many components, like dropdowns, memitems, codeblocks, ... |||
-| `--border-radius-small` | `4px` | |
-| `--border-radius-medium` | `6px` | |
-| `--border-radius-large` | `8px` | |
-| **Content Width**: The content is centered and constrained in its width. To make the content fill the whole page, set the following variable to `auto`. |||
-| `--content-maxwidth` | `1000px` | |
-| **Code Fragment Colors**: Color-Scheme of multiline codeblocks |||
-| `--fragment-background` | #F8F9FA | #282c34 |
-| `--fragment-foreground` | #37474F | #dbe4eb |
-| **Arrow Opacity**: By default the arrows in the sidebar are only visible on hover. You can override this behaviour so they are visible all the time. |||
-| `--side-nav-arrow-opacity` | `0` | |
-| `--side-nav-arrow-hover-opacity` | `0.9` | |
-| ...and many more |||
-
-
-If you miss a configuration option or find a bug, please consider [opening an issue](https://github.com/jothepro/doxygen-awesome-css/issues)!
-
-## Doxygen generator
-
-The theme overrides most colors with the `--primary-color-*` variables.
-
-But there is a few small images and graphics that the theme cannot adjust or replace. To make these blend in better with
-the rest, it is recommended to adjust the [doxygen color settings](https://www.doxygen.nl/manual/customize.html#minor_tweaks_colors)
-to something that matches the chosen color-scheme.
-
-For the default color-scheme, these values work out quite well:
-
-```
-# Doxyfile
-HTML_COLORSTYLE_HUE = 209
-HTML_COLORSTYLE_SAT = 255
-HTML_COLORSTYLE_GAMMA = 113
-```
-
-## Share your customizations
-
-If you customized the theme with custom colors, spacings, font-sizes, etc. and you want to share your creation with others, you can to this [here](https://github.com/jothepro/doxygen-awesome-css/discussions/13).
-
-I am always curious to learn about how you made the theme look even better!
-
-
-
-Read Next: [Tips & Tricks](tricks.md)
-
\ No newline at end of file
diff --git a/doxygen-awesome-css/docs/extensions.md b/doxygen-awesome-css/docs/extensions.md
deleted file mode 100644
index 8eb82d9..0000000
--- a/doxygen-awesome-css/docs/extensions.md
+++ /dev/null
@@ -1,140 +0,0 @@
-# Extensions
-
-[TOC]
-
-On top of the base theme provided by `doxygen-awesome.css`, this repository comes with Javascript extensions that require additional setup steps to get them running.
-
-The extensions require customizations in the header HTML-template.
-This is how you can create the default template with Doxygen:
-
-1. Create default header template:
- ```sh
- doxygen -w html header.html delete_me.html delete_me.css
- ```
-
-2. Reference the template in your `Doxyfile`:
- ```
- HTML_HEADER = header.html
- ```
-
-[More details on header customization](https://www.doxygen.nl/manual/customize.html#minor_tweaks_header_css)
-
-## Dark Mode Toggle
-
-Adds a button next to the search bar to enable and disable the dark theme variant manually.
-
-
-
-### Installation
-
-1. Add the required resources in your `Doxyfile`:
- - **HTML_EXTRA_FILES:** `doxygen-awesome-darkmode-toggle.js`
- - **HTML_EXTRA_STYLESHEET:** `doxygen-awesome-sidebar-only-darkmode-toggle.css`
- (ONLY required for the sidebar-only theme variant!)
-2. In the `header.html` template, include `doxygen-awesome-darkmode-toggle.js` at the end of the `` and then initialize it:
- ```html
-
-
-
-
-
-
-
- ```
-3. The button can be customized to some extend:
- - Change the tooltip of the button:
- ```js
- DoxygenAwesomeDarkModeToggle.title = "Zwischen hellem/dunklem Modus wechseln"
- ```
- - Change Icons. Both Emoji or SVG icons are supported:
- ```js
- DoxygenAwesomeDarkModeToggle.lightModeIcon = '๐'
- // icon from https://fonts.google.com/icons
- DoxygenAwesomeDarkModeToggle.darkModeIcon = ``
- ```
-
- All customizations must be applied before calling `DoxygenAwesomeDarkModeToggle.init()`!
-
-
-## Fragment Copy Button
-
-***This feature is experimental!***
-
-Shows a copy button when the user hovers over a code fragment:
-
-
-
-### Installation
-
-1. Add the required resources in your `Doxyfile`:
- - **HTML_EXTRA_FILES:** `doxygen-awesome-fragment-copy-button.js`
-2. In the `header.html` template, include `doxygen-awesome-fragment-copy-button.js` at the end of the `` and then initialize it:
- ```html
-
-
-
-
-
-
-
- ```
-3. The button can be customized to some extend:
- - Change the tooltip of the button:
- ```js
- DoxygenAwesomeFragmentCopyButton.title = "In die Zwischenablage kopieren"
- ```
- - Change Icons:
- ```js
- DoxygenAwesomeFragmentCopyButton.copyIcon = `