From f12103fb50ba117ec250e27a1668105fa123632e Mon Sep 17 00:00:00 2001
From: Sarah Rietkerk <sarahnrietkerk@gmail.com>
Date: Wed, 22 May 2024 14:28:19 -0700
Subject: [PATCH] color for cloud projects, new project, asset grid, debugger,
 extension labels updated

---
 theme/site/globals/site.variables |  5 ++++-
 theme/site/views/card.overrides   |  4 ++++
 theme/style.less                  | 16 ++++++++++++++++
 3 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/theme/site/globals/site.variables b/theme/site/globals/site.variables
index 73124819d4..600f80d6f0 100644
--- a/theme/site/globals/site.variables
+++ b/theme/site/globals/site.variables
@@ -87,7 +87,7 @@
 @editorToolsBackground: @lightSecondaryColor;
 @blocklySvgColor: @lightSecondaryColor;
 @homeScreenBackground: @lightSecondaryColor;
-@cloudCardBackground: lighten(desaturate(@teal, 56), 23);
+@cloudCardBackground: darken(@secondaryColor, 20%);
 
 /*-------------------
    Full screen
@@ -140,3 +140,6 @@
 @teachingBubbleBackgroundColor: @teal;
 @teachingBubbleTextColor: @white;
 @teachingBubbleStepsColor: @beige;
+
+@assetUnselected: #ebedef;
+@DebuggerBackgroundPrimaryColor: #117955;
\ No newline at end of file
diff --git a/theme/site/views/card.overrides b/theme/site/views/card.overrides
index 6f085f9353..13f491dc7c 100644
--- a/theme/site/views/card.overrides
+++ b/theme/site/views/card.overrides
@@ -1,3 +1,7 @@
 /*******************************
     User Variable Overrides
 *******************************/
+
+.ui.card.link.newprojectcard {
+    background: @secondaryColor !important;
+}
\ No newline at end of file
diff --git a/theme/style.less b/theme/style.less
index b049dead0e..99313a2758 100644
--- a/theme/style.less
+++ b/theme/style.less
@@ -81,6 +81,22 @@
     stroke: @soundEffectHeaderColor;
 }
 
+.carouselarrow {
+    color: @secondaryColor;
+}
+
+.projectsdialog .detailview .ui.grid.stackable .actions .card-action .button.approve {
+    background-color: @primaryColor;
+}
+
+.extensions-browser {
+    .extension-tag.selected {
+        background-color: @primaryColor;
+        border-color: @primaryColor;
+        color: @white
+    }
+}
+
 /* Mobile */
 @media only screen and (max-width: @largestMobileScreen) {
 }