diff --git a/app/assets/stylesheets/common/base/discourse.scss b/app/assets/stylesheets/common/base/discourse.scss
index b2face00108..18e96c3c527 100644
--- a/app/assets/stylesheets/common/base/discourse.scss
+++ b/app/assets/stylesheets/common/base/discourse.scss
@@ -419,10 +419,9 @@ table {
   right: -18px;
   background-image: radial-gradient(
     40px at 50% 50%,
-    transparent 95%,
-    var(--primary) 100%
+    rgba(255, 255, 255, 0.15) 95%,
+    rgba(var(--always-black-rgb), 0.65) 100%
   );
-  opacity: 0.85;
 }
 
 .ring-backdrop {
@@ -431,13 +430,12 @@ table {
   height: 80px;
   top: -18px !important;
   right: -18px !important;
-  box-shadow: 0 0 0 9999px rgba(var(--primary-rgb), 0.85);
+  box-shadow: 0 0 0 9999px rgba(var(--always-black-rgb), 0.65);
   z-index: z("modal", "overlay");
 }
 
 .ring-first-notification {
   position: absolute;
-  color: var(--secondary);
   text-align: left;
   right: 70px;
   top: 60px;
@@ -451,9 +449,13 @@ table {
 
   .skip-new-user-tips {
     font-size: $font-down-1;
-    color: var(--secondary);
     text-decoration: underline;
   }
+
+  &,
+  .skip-new-user-tips {
+    color: #eee;
+  }
 }
 
 .ring {