From e2336eebc7209c6c9b2f62f12675da3a90e54582 Mon Sep 17 00:00:00 2001
From: Jasper van Merle <jaspervmerle@gmail.com>
Date: Mon, 17 Sep 2018 22:41:35 +0200
Subject: [PATCH] Add light background to images and iframes

---
 assets/stylesheets/global/_base.scss           | 4 ++++
 assets/stylesheets/global/_variables-dark.scss | 2 ++
 assets/stylesheets/global/_variables.scss      | 2 ++
 3 files changed, 8 insertions(+)

diff --git a/assets/stylesheets/global/_base.scss b/assets/stylesheets/global/_base.scss
index 33c77a5e..b4a7bdd7 100644
--- a/assets/stylesheets/global/_base.scss
+++ b/assets/stylesheets/global/_base.scss
@@ -218,6 +218,10 @@ button:focus {
   outline: -webkit-focus-ring-color auto 5px;
 }
 
+img, iframe {
+  background: $externalsBackground;
+}
+
 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
diff --git a/assets/stylesheets/global/_variables-dark.scss b/assets/stylesheets/global/_variables-dark.scss
index 17129d9f..2f962de4 100644
--- a/assets/stylesheets/global/_variables-dark.scss
+++ b/assets/stylesheets/global/_variables-dark.scss
@@ -13,6 +13,8 @@ $sidebarMediumWidth: 16rem;
 $documentBackground: #222;
 $contentBackground: #33373a;
 
+$externalsBackground: #fff;
+
 $textColor: #cbd0d0;
 $textColorLight: #9da5ad;
 $textColorLighter: #77787a;
diff --git a/assets/stylesheets/global/_variables.scss b/assets/stylesheets/global/_variables.scss
index bbdedf9f..b3ae528e 100644
--- a/assets/stylesheets/global/_variables.scss
+++ b/assets/stylesheets/global/_variables.scss
@@ -13,6 +13,8 @@ $sidebarMediumWidth: 16rem;
 $documentBackground: #f3f3f3;
 $contentBackground: #fff;
 
+$externalsBackground: $contentBackground;
+
 $textColor: #333;
 $textColorLight: #666;
 $textColorLighter: #888;