Reduce brightness of primary colour in dark mode (#30486)

GitOrigin-RevId: 12fddbe998317a8c3e405479ab666b3035fe202b

services/web/frontend/stylesheets/components/button.scss

@@ -35,7 +35,7 @@
   // Variants
   &.btn-primary {
     @include ol-button-variant(
-      $color: var(--content-primary-dark),
+      $color: var(--white),
       $background: var(--bg-accent-01),
       $hover-background: var(--bg-accent-02),
       $hover-border: var(--bg-accent-02)
@@ -63,7 +63,7 @@
 
   &.btn-danger {
     @include ol-button-variant(
-      $color: var(--content-primary-dark),
+      $color: var(--white),
       $background: var(--bg-danger-01),
       $border: var(--bg-danger-01),
       $hover-background: var(--bg-danger-02)
@@ -80,7 +80,7 @@
 
   &.btn-premium {
     @include ol-button-variant(
-      $color: var(--content-primary-dark),
+      $color: var(--white),
       $background: var(--blue-70)
     );
 
@@ -105,7 +105,7 @@
 
   &.btn-blue {
     @include ol-button-variant(
-      $color: var(--content-primary-dark),
+      $color: var(--white),
       $background: var(--sapphire-blue),
       $border: var(--sapphire-blue),
       $hover-background: (

services/web/frontend/stylesheets/foundations/colors.scss

@@ -209,7 +209,7 @@ $link-ui-visited-dark: $blue-40;
   --link-ui: var(--blue-50);
   --link-ui-hover: var(--blue-60);
   --link-ui-visited: var(--blue-60);
-  --content-primary-dark: var(--white);
+  --content-primary-dark: var(--neutral-10);
   --content-secondary-dark: var(--neutral-20);
   --content-disabled-dark: var(--neutral-60);
   --content-placeholder-dark: var(--neutral-50);