Add shadow around content images

docs/config/_default/config.toml

@@ -35,7 +35,7 @@ theme = "learn"
   # Order sections in menu by "weight" or "title". Default to "weight"
   ordersectionsby = "weight"
   # Provide a list of custom css files to load relative from the `static/` folder in the site root.
-  custom_css = ["css/labels.css"]
+  custom_css = ["css/labels.css", "css/shadow_around_images.css"]
 
 [outputs]
   home = ["HTML", "RSS", "JSON"]

docs/static/css/shadow_around_images.css

@@ -0,0 +1,5 @@
+/* Add a shadow around images in content pages. Most of our content is screenshots, and the Island's background merges with
+ the documentation background. Only #body-inner so that the Logo image won't get a border around it */
+#body-inner img {
+    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+}