Config theme with colors and logo

docs/assets/extra.css

@@ -0,0 +1,13 @@
+:root {
+  --md-primary-fg-color: rgb(209, 89, 73);
+  --md-primary-fg-color--light: #ecb7b7;
+  --md-primary-fg-color--dark: #90030c;
+}
+
+.md-content img {
+  border-width: 1px;
+  border-style: solid;
+  border-color: grey;
+  padding: 5px;
+  border-radius: 0.2rem;
+}

docs/index.md

@@ -1,17 +1,3 @@
-# Welcome to MkDocs
+# Nuts Architecture Documentation
 
-For full documentation visit [mkdocs.org](https://www.mkdocs.org).
-
-## Commands
-
-* `mkdocs new [dir-name]` - Create a new project.
-* `mkdocs serve` - Start the live-reloading docs server.
-* `mkdocs build` - Build the documentation site.
-* `mkdocs -h` - Print help message and exit.
-
-## Project layout
-
-    mkdocs.yml    # The configuration file.
-    docs/
-        index.md  # The documentation homepage.
-        ...       # Other markdown pages, images and other files.
+A place to document Nuts related patterns and architectural building blocks.

mkdocs.yml

@@ -1,5 +1,30 @@
 site_name: Nuts Architectural Documentation
 
 site_url: https://nuts-foundation.github.io/architecture/
+
+repo_url: https://github.com/nuts-foundation/architecture
+edit_uri: edit/main/docs/
+
+nav:
+  - Welcome: index.md
+
+markdown_extensions:
+  - admonition
+  - attr_list
+  - md_in_html
+
+extra_css:
+  - assets/extra.css
+
+theme:
+  name: material
+  language: en
+  features:
+    - content.action.view
+    - content.action.edit
+  palette:
+    primary: custom
+
 theme:
   name: material
+  logo: assets/logo.avif