diff --git a/assets/css/admin.css b/assets/css/admin.css
index d5be66d79..32c6aeb2a 100644
--- a/assets/css/admin.css
+++ b/assets/css/admin.css
@@ -281,13 +281,15 @@ button.prpl-info-icon {
 \*------------------------------------*/
 .prpl-widget-wrapper {
 	background-color: var(--prpl-background-paper);
-	border: 1px solid var(--prpl-color-border);
+	border: 1px solid var(--prpl-color-border-paper);
 	border-radius: var(--prpl-radius-paper);
 	padding: var(--prpl-padding);
 	min-width: 0;
 	min-height: 0;
 	margin-bottom: var(--prpl-gap);
-	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.07), -2px 0 6px rgba(0, 0, 0, 0.07);
+	box-shadow:
+		4px 4px 10px color-mix(in srgb, var(--prpl-color-shadow-paper) 7%, transparent),
+		-2px 0 6px color-mix(in srgb, var(--prpl-color-shadow-paper) 7%, transparent);
 
 	hr {
 		margin-top: 1.25rem;
diff --git a/assets/css/upgrade-tasks.css b/assets/css/upgrade-tasks.css
index 8d654ec4b..9e4d0310a 100644
--- a/assets/css/upgrade-tasks.css
+++ b/assets/css/upgrade-tasks.css
@@ -5,13 +5,15 @@
 }
 
 #prpl-onboarding-tasks {
-	border: 1px solid var(--prpl-color-border);
+	border: 1px solid var(--prpl-color-border-paper);
 	border-radius: var(--prpl-radius-paper);
 	padding: var(--prpl-padding);
 	min-width: 0;
 	min-height: 0;
 	margin-bottom: var(--prpl-gap);
-	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.07), -2px 0 6px rgba(0, 0, 0, 0.07);
+	box-shadow:
+		4px 4px 10px color-mix(in srgb, var(--prpl-color-shadow-paper) 7%, transparent),
+		-2px 0 6px color-mix(in srgb, var(--prpl-color-shadow-paper) 7%, transparent);
 	color: var(--prpl-color-text);
 
 	.prpl-onboarding-tasks-list {
diff --git a/assets/css/variables-color.css b/assets/css/variables-color.css
index abfe6e8e6..0a4a3374e 100644
--- a/assets/css/variables-color.css
+++ b/assets/css/variables-color.css
@@ -8,6 +8,9 @@
 	--prpl-background-paper: #fff;
 	--prpl-color-border: #d1d5db;
 	--prpl-color-divider: #d1d5db;
+
+	/* Paper border and shadow: a brand sets either to transparent to turn it off */
+	--prpl-color-border-paper: var(--prpl-color-border);
 	--prpl-color-shadow-paper: #000;
 
 	/* Graph */
@@ -97,7 +100,7 @@
 
 	/* Input field dropdown */
 	--prpl-color-field-border: var(--prpl-color-border);
-	--prpl-color-field-shadow: var(--prpl-color-shadow-paper);
+	--prpl-color-field-shadow: #000;
 
 	/* Badge */
 	--prpl-color-icon-missed-badge: var(--prpl-color-alert-error);
diff --git a/assets/css/welcome.css b/assets/css/welcome.css
index 1d229dfc9..0ecd14471 100644
--- a/assets/css/welcome.css
+++ b/assets/css/welcome.css
@@ -1,7 +1,7 @@
 .prpl-wrap.prpl-pp-not-accepted {
 	padding: 0;
 	background-color: var(--prpl-background-paper);
-	border: 1px solid var(--prpl-color-border);
+	border: 1px solid var(--prpl-color-border-paper);
 	border-radius: var(--prpl-radius-paper);
 }