Fix dark mode bootcamp dashboard gradient

exercism · Jan 9, 2025 · 734717c · 734717c
1 parent d70e6cb
commit 734717c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/app/css/bootcamp/variables.css b/app/css/bootcamp/variables.css
@@ -1,5 +1,8 @@
 .bg-grad-basic {
-    background-image: linear-gradient(#e1ebff, rgba(225, 235, 255, 0));
+    background-image: linear-gradient(
+        var(--backgroundColorI),
+        var(--backgroundColorITransparent)
+    );
     background-size: 100% 350px;
     background-repeat: repeat-x;
 }
diff --git a/app/css/ui-kit/colors.css b/app/css/ui-kit/colors.css
@@ -147,6 +147,7 @@
     --backgroundColorH: var(--c-130B43);
     /* veryLightBlue */
     --backgroundColorI: #e1ebff;
+    --backgroundColorITransparent: rgba(225, 235, 255, 0);
     --backgroundColorBorderGradientLightPurple: theme(colors.lightPurple);
     --backgroundColorNotifications: linear-gradient(
             180deg,
@@ -441,6 +442,7 @@ body.namespace-.controller-insiders.theme-light,
     --backgroundColorG: var(--c-2F2943);
     --backgroundColorH: var(--c-F0F3F9);
     --backgroundColorI: var(--c-191525);
+    --backgroundColorITransparent: rgba(25, 21, 37, 0);
     --backgroundColorJ: var(--backgroundColorB);
     --backgroundColorBorderGradientLightPurple: theme(colors.darkBlueGray);
     --backgroundColorNotifications: theme(colors.eerieBlack);