Merge pull request #26155 from overleaf/dp-content-info

Add content-info and content-info-dark to standard colours and use in editor redesign logs

GitOrigin-RevId: 40c026a9ccfe511cab2bf4e28fbfbed7cf218642

services/web/frontend/stylesheets/bootstrap-5/abstracts/themes-common-variables.scss

@@ -12,6 +12,7 @@
   --content-danger-themed: var(--content-danger-dark);
   --content-warning-themed: var(--content-warning-dark);
   --content-positive-themed: var(--content-positive-dark);
+  --content-info-themed: var(--content-info-dark);
   --border-primary-themed: var(--border-primary-dark);
   --border-hover-themed: var(--border-hover-dark);
   --border-disabled-themed: var(--border-disabled-dark);
@@ -39,6 +40,7 @@
   --content-danger-themed: var(--content-danger);
   --content-warning-themed: var(--content-warning);
   --content-positive-themed: var(--content-positive);
+  --content-info-themed: var(--content-info);
   --border-primary-themed: var(--border-primary);
   --border-hover-themed: var(--border-hover);
   --border-disabled-themed: var(--border-disabled);

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

@@ -83,6 +83,7 @@ $content-placeholder: $neutral-60;
 $content-danger: $red-50;
 $content-warning: $yellow-50;
 $content-positive: $green-50;
+$content-info: $blue-50;
 $border-primary: $neutral-60;
 $border-hover: $neutral-70;
 $border-disabled: $neutral-20;
@@ -102,6 +103,7 @@ $content-placeholder-dark: $neutral-50;
 $content-danger-dark: $red-40;
 $content-warning-dark: $yellow-40;
 $content-positive-dark: $green-40;
+$content-info-dark: $blue-30;
 $border-primary-dark: $neutral-30;
 $border-hover-dark: $neutral-20;
 $border-disabled-dark: $neutral-80;
@@ -193,6 +195,7 @@ $link-ui-visited-dark: $blue-40;
   --content-danger: var(--red-50);
   --content-warning: var(--yellow-50);
   --content-positive: var(--green-50);
+  --content-info: var(--blue-50);
   --border-primary: var(--neutral-60);
   --border-hover: var(--neutral-70);
   --border-disabled: var(--neutral-20);
@@ -213,6 +216,7 @@ $link-ui-visited-dark: $blue-40;
   --content-danger-dark: var(--red-40);
   --content-warning-dark: var(--yellow-40);
   --content-positive-dark: var(--green-40);
+  --content-info-dark: var(--blue-30);
   --border-primary-dark: var(--neutral-30);
   --border-hover-dark: var(--neutral-20);
   --border-disabled-dark: var(--neutral-80);

services/web/frontend/stylesheets/bootstrap-5/pages/editor/logs.scss

@@ -1,11 +1,9 @@
 :root {
   --logs-pane-bg: var(--bg-dark-secondary);
-  --logs-info-color: var(--blue-40);
 }
 
 @include theme('light') {
   --logs-pane-bg: var(--bg-light-secondary);
-  --logs-info-color: var(--blue-60);
 }
 
 .ide-redesign-main {
@@ -106,7 +104,7 @@
     }
 
     .log-entry-header-text-info {
-      color: var(--logs-info-color);
+      color: var(--content-info-themed);
     }
 
     .log-entry-header-text-success {