diff --git a/frappe/public/less/desk.less b/frappe/public/less/desk.less
index db59f8d51e..41e0882ea2 100644
--- a/frappe/public/less/desk.less
+++ b/frappe/public/less/desk.less
@@ -694,49 +694,39 @@
 // }
 
 
-.img-background() {
-	content: " ";
-	display: block;
-	position: absolute;
-	left: 0;
-	height: calc(100%);
-	width: 100%;
-	background-color: @light-bg;
-}
+// .img-foreground() {
+// 	content: "\f1c5";
+// 	display: block;
+// 	font-style: normal;
+// 	font-family: FontAwesome;
+// 	font-size: 32px;
+// 	color: @text-extra-muted;
 
-.img-foreground() {
-	content: "\f1c5";
-	display: block;
-	font-style: normal;
-	font-family: FontAwesome;
-	font-size: 32px;
-	color: @text-extra-muted;
+// 	position: absolute;
+// 	top: 50%;
+// 	transform: translateY(-50%);
+// 	left: 0;
+// 	width: 100%;
+// 	text-align: center;
+// }
 
-	position: absolute;
-	top: 50%;
-	transform: translateY(-50%);
-	left: 0;
-	width: 100%;
-	text-align: center;
-}
+// img.no-image:before {
+// 	.img-background();
+// }
 
-img.no-image:before {
-	.img-background();
-}
+// img.no-image:after {
+// 	.img-foreground();
+// }
 
-img.no-image:after {
-	.img-foreground();
-}
+// img.img-loading:before {
+// 	.img-background();
+// }
 
-img.img-loading:before {
-	.img-background();
-}
-
-img.img-loading:after {
-	.img-foreground();
-	font-family: 'Octicons';
-	content: "\f00b";
-}
+// img.img-loading:after {
+// 	.img-foreground();
+// 	font-family: 'Octicons';
+// 	content: "\f00b";
+// }
 
 // utilities
 
diff --git a/frappe/public/scss/common/mixins.scss b/frappe/public/scss/common/mixins.scss
index f5d3719db4..afcb6164fd 100644
--- a/frappe/public/scss/common/mixins.scss
+++ b/frappe/public/scss/common/mixins.scss
@@ -26,3 +26,29 @@
 	transition: $property $duration $timing-fn;
 	-webkit-transition: $property $duration $timing-fn;
 }
+
+@mixin img-background() {
+	content: " ";
+	display: block;
+	position: absolute;
+	left: 0;
+	height: calc(100%);
+	width: 100%;
+	background-color: var(--bg-light-gray);
+}
+
+// @mixin img-foreground() {
+// 	content: "\f1c5";
+// 	display: block;
+// 	font-style: normal;
+// 	font-family: FontAwesome;
+// 	font-size: 32px;
+// 	color: var(--text-muted);
+
+// 	position: absolute;
+// 	top: 50%;
+// 	transform: translateY(-50%);
+// 	left: 0;
+// 	width: 100%;
+// 	text-align: center;
+// }
\ No newline at end of file
diff --git a/frappe/public/scss/desk/global.scss b/frappe/public/scss/desk/global.scss
index d6211b23f0..ce529d7f83 100644
--- a/frappe/public/scss/desk/global.scss
+++ b/frappe/public/scss/desk/global.scss
@@ -476,4 +476,24 @@ body.no-sidebar {
 
 .alt-pressed .alt-underline {
 	text-decoration: underline;
-}
\ No newline at end of file
+}
+
+
+// REDESIGN TODO: Handling of broken images?
+// img.no-image:before {
+// 	.img-background();
+// }
+
+// img.no-image:after {
+// 	.img-foreground();
+// }
+
+// img.img-loading:before {
+// 	.img-background();
+// }
+
+// img.img-loading:after {
+// 	.img-foreground();
+// 	font-family: 'Octicons';
+// 	content: "\f00b";
+// }
\ No newline at end of file