diff --git a/README.md b/README.md
index b90a8c0..c933129 100644
--- a/README.md
+++ b/README.md
@@ -45,13 +45,6 @@ additionally, if you ever need to change or reset your notion build, the `custom
 
 unless you're sure you know what you're doing (if you have to ask, you probably don't) then do not delete anything.
 
-## this is a fork
-
-credit where credit is due, this was originally made by Uzver (github: [@TarasokUA](https://github.com/TarasokUA),
-telegram: [UserFromUkraine](https://t.me/UserFromUkraine), discord: Uzver#8760).
-
-he has approved my go-ahead with this fork, as he himself no longer wishes to continue development on the project.
-
 ## features
 
 ### titlebar
@@ -73,6 +66,12 @@ ones that actually look as if they're part of notion.
 
 to add these to the web version, copy lines 44 - 75 from `user.css` into your css customiser.
 
+![](screenshots/default-before.jpg)
+_image: before enhancement_
+
+![](screenshots/default-after.jpg)
+_image: after default enhancement_
+
 ### hotkeys
 
 - **reload window**: in addition to the built-in `CmdOrCtrl+R` reload,
@@ -96,8 +95,21 @@ settings will be saved in `%localappdata%/Programs/Notion/resources/app/user-pre
 - **load theme.css**: loads the custom colour theme file.
   see [colour theming](STYLING.md#colour-theming) for more information. (default: false)
 
+![](screenshots/tray.jpg)
+_image: open application tray_
+
 ## styling
 
+custom appearances can be applied to the app via the `resources/user.css` and `resources/theme.css` files. for more information,
+and a list of various optional styling changes, see [the page on styling](STYLING.md).
+
+## this is a fork
+
+credit where credit is due, this was originally made by Uzver (github: [@TarasokUA](https://github.com/TarasokUA),
+telegram: [UserFromUkraine](https://t.me/UserFromUkraine), discord: Uzver#8760).
+
+he has approved my go-ahead with this fork, as he himself no longer wishes to continue development on the project.
+
 ## other details
 
 the notion logo belongs entirely to the notion team, and was sourced from their
diff --git a/STYLING.md b/STYLING.md
index 25cc024..990034d 100644
--- a/STYLING.md
+++ b/STYLING.md
@@ -27,6 +27,9 @@ to enable, see the [tray](README.md#tray) options.
 to modify, enter the `theme.css` file and change the colour values within the `:root {}` - value names
 should describe what each colour will affect.
 
+![](screenshots/theme.jpg)
+_image: the dark+ theme_
+
 ### hide discussions (comment threads at the top of each page)
 
 ```css
@@ -35,11 +38,20 @@ should describe what each colour will affect.
 }
 ```
 
+![](screenshots/hidediscussion-after.jpg)
+_image: after_
+
+![](screenshots/hidediscussion-before.jpg)
+_image: before_
+
 ### custom fonts
 
 **the `@import` statement must be added to the top of the file (with nothing above it**
 **except comments or other `@import` statements)**
 
+to change the fonts, change the font-family property. there are
+plenty of other fonts that can be found on google fonts or that may be on your system already.
+
 ```css
 @import url('https://fonts.googleapis.com/css2?family=Fira+Code&family=Oxygen&family=Roboto+Slab:wght@300&display=swap');
 .notion-app-inner {
@@ -53,15 +65,22 @@ should describe what each colour will affect.
 }
 ```
 
+![](screenshots/customfonts-after.jpg)
+_image: after_
+
+![](screenshots/customfonts-before.jpg)
+_image: before_
+
 ### font resizing
 
 **not recommended:** this can mess up container sizes.
 it is suggested to instead use `ctrl+` or `ctrl-` to scale everything up/down.
 
+to change the size, change the value of `--font-scale`.
+
 ```css
-/* font sizes */
 :root {
-  --font-scale: 1;
+  --font-scale: 1.4;
 }
 .notion-app-inner {
   font-size: calc(var(--font-scale) * 16px) !important;
@@ -86,6 +105,9 @@ it is suggested to instead use `ctrl+` or `ctrl-` to scale everything up/down.
 }
 ```
 
+![](screenshots/fontresizing.jpg)
+_image: after_
+
 ### wider page view
 
 ```css
diff --git a/screenshots/customfonts-after.jpg b/screenshots/customfonts-after.jpg
new file mode 100644
index 0000000..3c9c8f5
Binary files /dev/null and b/screenshots/customfonts-after.jpg differ
diff --git a/screenshots/customfonts-before.jpg b/screenshots/customfonts-before.jpg
new file mode 100644
index 0000000..626a397
Binary files /dev/null and b/screenshots/customfonts-before.jpg differ
diff --git a/screenshots/default-after.jpg b/screenshots/default-after.jpg
new file mode 100644
index 0000000..f80e468
Binary files /dev/null and b/screenshots/default-after.jpg differ
diff --git a/screenshots/default-before.jpg b/screenshots/default-before.jpg
new file mode 100644
index 0000000..4e53aca
Binary files /dev/null and b/screenshots/default-before.jpg differ
diff --git a/screenshots/fontresizing.jpg b/screenshots/fontresizing.jpg
new file mode 100644
index 0000000..9da2baf
Binary files /dev/null and b/screenshots/fontresizing.jpg differ
diff --git a/screenshots/hidediscussion-after.jpg b/screenshots/hidediscussion-after.jpg
new file mode 100644
index 0000000..5d66a62
Binary files /dev/null and b/screenshots/hidediscussion-after.jpg differ
diff --git a/screenshots/hidediscussion-before.jpg b/screenshots/hidediscussion-before.jpg
new file mode 100644
index 0000000..830c779
Binary files /dev/null and b/screenshots/hidediscussion-before.jpg differ
diff --git a/screenshots/theme.jpg b/screenshots/theme.jpg
new file mode 100644
index 0000000..34c6b68
Binary files /dev/null and b/screenshots/theme.jpg differ
diff --git a/screenshots/tray.jpg b/screenshots/tray.jpg
new file mode 100644
index 0000000..7ba21fc
Binary files /dev/null and b/screenshots/tray.jpg differ