Merge branch '469144-fix-duo-pro-trial-dark-mode' into 'master'

Fix dark mode for duo pro trial page

See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/157689



Merged-by: Coung Ngo <cngo@gitlab.com>
Approved-by: Serhii Yarynovskyi <syarynovskyi@gitlab.com>
Approved-by: Emily Bauman <ebauman@gitlab.com>
Approved-by: Coung Ngo <cngo@gitlab.com>
Reviewed-by: Coung Ngo <cngo@gitlab.com>
Reviewed-by: Sascha Eggenberger <seggenberger@gitlab.com>
Co-authored-by: rliu-gl <rliu@gitlab.com>

app/views/layouts/minimal.html.haml

 - @with_header = true
-- page_classes = page_class.push(@html_class).flatten.compact
+- page_classes = page_class.push(@html_class, user_application_color_mode).flatten.compact
 - body_classes = [system_message_class, @body_class]
 
 !!! 5

ee/app/assets/stylesheets/pages/gitlab_subscriptions.scss

 .duo-pro-trials {
   background-color: $brand-charcoal;
 
-  .advantages-text {
-    color: $gray-50;
-  }
-
   .bg-decorations {
     background-image: url('illustrations/bg-decorations.svg');
     background-repeat: no-repeat;

ee/app/views/gitlab_subscriptions/trials/duo_pro/_advantages_list.html.haml

@@ -7,13 +7,13 @@
 - items << s_('DuoProTrial|Test generation')
 
 
-.advantages-text.gl-m-7.gl-max-w-48
+.gl-m-7.gl-max-w-48.gl-text-secondary
   = s_('DuoProTrial|GitLab Duo Pro is designed to make teams more efficient throughout the software development lifecycle with:')
 
   - items.each do |item|
     .gl-display-flex.gl-align-items-start.gl-gap-3.gl-pt-6
       .gl-flex-shrink-0
-        = sprite_icon('check-circle')
+        = sprite_icon('check-circle', css_class: 'gl-text-green-500')
       = item
 
   .gl-pt-6