From caf8a57f479aa546ae84d85263bc732c6b9b25c2 Mon Sep 17 00:00:00 2001
From: Jessica Lawshe <5312836+lawshe@users.noreply.github.com>
Date: Tue, 4 Apr 2023 08:47:16 -0500
Subject: [PATCH] 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 | 2 +-
 services/web/frontend/stylesheets/core/page.less       | 2 +-
 services/web/frontend/stylesheets/core/variables.less  | 3 ++-
 services/web/frontend/stylesheets/variables/all.less   | 3 ++-
 4 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/services/web/frontend/stylesheets/components/card.less b/services/web/frontend/stylesheets/components/card.less
index 208cb3e862..832e081062 100644
--- a/services/web/frontend/stylesheets/components/card.less
+++ b/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;
 }
diff --git a/services/web/frontend/stylesheets/core/page.less b/services/web/frontend/stylesheets/core/page.less
index 6859ee2d0b..33296008d5 100644
--- a/services/web/frontend/stylesheets/core/page.less
+++ b/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;
   }
 
diff --git a/services/web/frontend/stylesheets/core/variables.less b/services/web/frontend/stylesheets/core/variables.less
index 6920b18b56..53ca508962 100644
--- a/services/web/frontend/stylesheets/core/variables.less
+++ b/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;
diff --git a/services/web/frontend/stylesheets/variables/all.less b/services/web/frontend/stylesheets/variables/all.less
index 16e6f253d4..3046990c00 100644
--- a/services/web/frontend/stylesheets/variables/all.less
+++ b/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;