Merge pull request #12383 from overleaf/jel-card-color

[web] Update default card color for new CMS page style

GitOrigin-RevId: bb74164f8e29d32e3d01418e77e6c370b281a3d7

services/web/frontend/stylesheets/components/card.less

@@ -78,6 +78,6 @@
 
 .card-gray {
   &:extend(.card);
-  background-color: @neutral-10;
+  background-color: @card-gray-bg-color;
   border-radius: @card-border-radius;
 }

services/web/frontend/stylesheets/core/page.less

@@ -14,7 +14,7 @@
   }
 
   .card {
-    background-color: @blue-10;
+    background-color: @card-gray-bg-color;
     border-radius: 24px;
   }
 

services/web/frontend/stylesheets/core/variables.less

@@ -935,8 +935,9 @@
 
 // Cards
 @card-border-radius: @border-radius-base-new;
+@card-gray-bg-color: @neutral-10; // only some variations of cards
 @card-box-shadow: 0px 4px 12px rgba(30, 37, 48, 0.12),
-  0px 2px 4px rgba(30, 37, 48, 0.08);
+  0px 2px 4px rgba(30, 37, 48, 0.08); // only some variations of cards
 
 // Project table
 @structured-list-link-color: @ol-blue;

services/web/frontend/stylesheets/variables/all.less

@@ -722,8 +722,9 @@
 
 // Cards
 @card-border-radius: @border-radius-base-new;
+@card-gray-bg-color: @neutral-10; // only some variations of cards
 @card-box-shadow: 0px 4px 12px rgba(30, 37, 48, 0.12),
-  0px 2px 4px rgba(30, 37, 48, 0.08);
+  0px 2px 4px rgba(30, 37, 48, 0.08); // only some variations of cards
 
 // Project table
 @structured-list-link-color: @blue;