Merge pull request #20701 from overleaf/jel-styled-latex-cms

[web] Render new styled text option

GitOrigin-RevId: 5e9ae7825fdd0daa5a1ea81345a0bc5d3a86ce5c

services/web/frontend/stylesheets/bootstrap-5/foundations/colors.scss

@@ -61,6 +61,8 @@ $ceil: #9597c9;
 $caramel: #f9d38f;
 $dark-jungle-green: #0f271a;
 $sapphire-blue: #4354a3;
+$purple-bright: #939aff;
+$green-bright: #13c965;
 
 /* ====== Semantic Sass color variables ====== */
 $bg-light-primary: $white;
@@ -178,6 +180,8 @@ $link-ui-visited-dark: $blue-40;
   --caramel: #{$caramel};
   --dark-jungle-green: #{$dark-jungle-green};
   --sapphire-blue: #{$sapphire-blue};
+  --green-bright: #{$green-bright};
+  --purple-bright: #{$purple-bright};
 
   /* ====== Semantic CSS color variables ====== */
   --bg-light-primary: var(--white);

services/web/frontend/stylesheets/bootstrap-5/pages/website-redesign.scss

@@ -204,6 +204,18 @@
     }
   }
 
+  .font-size-display-xs {
+    @include display-xs;
+  }
+
+  .text-purple-bright {
+    color: var(--purple-bright);
+  }
+
+  .text-green-bright {
+    color: var(--green-bright);
+  }
+
   .card {
     --bs-card-bg: var(--neutral-10);
     --bs-card-border-radius: var(--border-radius-large);