diff --git a/ui/layout.css b/ui/layout.css
index 51dc96ab..3ffed43c 100755
--- a/ui/layout.css
+++ b/ui/layout.css
@@ -1039,10 +1039,12 @@ button:hover {
 .context-mode-indicators .current-image-marked {
   color: blue;
   cursor: hand;
+  text-shadow: rgba(0, 0, 0, 0.5) 0.1em 0.1em 0.4em, rgba(0, 0, 0, 0.5) 0.1em 0.1em;
 }
 .context-mode-indicators .current-image-bookmarked {
   color: yellow;
   cursor: hand;
+  text-shadow: rgba(0, 0, 0, 0.5) 0.1em 0.1em 0.4em, rgba(0, 0, 0, 0.5) 0.1em 0.1em;
 }
 .global-mode-indicators .marked-only-visible .shown,
 .global-mode-indicators .marks-visible .shown,
@@ -1064,6 +1066,7 @@ button:hover {
   margin-left: 5px;
   margin-top: 3px;
   top: 50%;
+  box-shadow: 1px 1px 10px -2px rgba(0, 0, 0, 0.7);
 }
 .global-mode-indicators .marked-only-visible:after,
 .global-mode-indicators .marks-visible:after,
diff --git a/ui/layout.less b/ui/layout.less
index f9f8913e..b2f35d18 100755
--- a/ui/layout.less
+++ b/ui/layout.less
@@ -1068,10 +1068,14 @@ button:hover {
 .context-mode-indicators .current-image-marked {
 	color: blue;
 	cursor: hand;
+	text-shadow: rgba(0,0,0,0.5) 0.1em 0.1em 0.4em, 
+			rgba(0,0,0,0.5) 0.1em 0.1em;
 }
 .context-mode-indicators .current-image-bookmarked {
 	color: yellow;
 	cursor: hand;
+	text-shadow: rgba(0,0,0,0.5) 0.1em 0.1em 0.4em, 
+			rgba(0,0,0,0.5) 0.1em 0.1em;
 }
 .global-mode-indicators .marked-only-visible .shown,
 .global-mode-indicators .marks-visible .shown,
@@ -1094,6 +1098,8 @@ button:hover {
 
 	margin-top: 3px;
 	top: 50%;
+
+	box-shadow: 1px 1px 10px -2px rgba(0,0,0,0.7);
 }
 .global-mode-indicators .marked-only-visible:after,
 .global-mode-indicators .marks-visible:after,