diff --git a/colors.json b/colors.json
index 612d93e..faad424 100644
--- a/colors.json
+++ b/colors.json
@@ -539,6 +539,21 @@
                 "a" : 0.8
             },
 
+            "dark" : {
+                "s" : 5,
+                "l" : 25,
+                "a" : 0.2
+            }
+        },
+        "SECTION-OPAQUE-COLOR" : {
+            "_comment" : "Same as SECTION-COLOR, but has no transparency",
+
+            "light" : {
+                "s" : 45,
+                "l" : 92,
+                "a" : 0.8
+            },
+
             "dark" : {
                 "s" : 6,
                 "l" : 12,
diff --git a/theme/gnome-shell_css/overview.css b/theme/gnome-shell_css/overview.css
index 4d17766..31fdf8c 100644
--- a/theme/gnome-shell_css/overview.css
+++ b/theme/gnome-shell_css/overview.css
@@ -19,7 +19,7 @@
 	spacing: 20px;
 	border-radius: 12px;
 	color: TEXT-PRIMARY-COLOR;
-	background-color: SECTION-COLOR;
+	background-color: SECTION-OPAQUE-COLOR;
 	border: 1px solid BORDER-SHADOW;
 	padding: 4px 8px;
 	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
diff --git a/theme/gnome-shell_css/screenshot.css b/theme/gnome-shell_css/screenshot.css
index 04d3539..6077ce5 100644
--- a/theme/gnome-shell_css/screenshot.css
+++ b/theme/gnome-shell_css/screenshot.css
@@ -51,7 +51,7 @@
 
 /* window selection backround */
 .screenshot-ui-window-selector {
-	background-color: SECTION-COLOR;
+	background-color: SECTION-OPAQUE-COLOR;
 }
 
 .screenshot-ui-window-selector-window-border {
@@ -175,7 +175,7 @@
 /* tooltip for elements */
 .screenshot-ui-tooltip {
 	color: TEXT-PRIMARY-COLOR;
-	background-color: SECTION-COLOR;
+	background-color: SECTION-OPAQUE-COLOR;
 	padding: 6px 12px;
 	border: 1px solid BORDER-SHADOW;
 	border-radius: 12px;