add theme customization docs

photobooth-app · Apr 28, 2024 · f858de0 · f858de0
1 parent 5384bda
commit f858de0
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/docs/reference/customizetheme.md b/docs/reference/customizetheme.md
@@ -0,0 +1,18 @@
+# Customize the Theme
+
+To customize the visual apperiance of the photobooth app, add your rules to the `./userdata/private.css` file.
+
+## Example: Adjust the Buttons' Size on the Frontpage
+
+```css
+.action-button {
+    font-size: 1.0rem;
+}
+.action-button *>.q-icon {
+    font-size: 4.5rem;
+}
+```
+
+## Contribute, add your examples here
+
+Reach out in a [discussion](https://github.com/photobooth-app/photobooth-app/discussions) to add your rules here so others can benefit from your work 🙏.
diff --git a/mkdocs.yml b/mkdocs.yml
@@ -104,6 +104,7 @@ nav:
   - Reference:
       - reference/index.md
       - reference/foldersandurls.md
+      - reference/customizetheme.md
       - reference/bulktransferfiles.md
       - reference/api.md
   - Support: