Merge pull request #353 from osunyorg/project-infos-colors-configurations

Add variables to configure project infos colors

assets/sass/_theme/_configuration.sass

@@ -501,6 +501,12 @@ $persons-avatar-background-color: var(--color-background-alt) !default
 // Organization
 $organization-background-color: $color-background-alt !default // Use sass variable color-background To avoid dark logo on darkmode background-alt color
 
+// Project
+$project-infos-border-color: $color-border !default
+$project-infos-color-text: $color-text !default
+$project-infos-color-text-alt: $color-text-alt !default
+$project-infos-color-accent: $color-accent !default
+
 // Program
 $program-essential-font-size: $meta-size !default
 $program-essential-font-size-desktop: $meta-size-desktop !default

assets/sass/_theme/sections/projects.sass

@@ -14,6 +14,11 @@
             display: flex
             flex-direction: column
             gap: $spacing-3
+        .project-infos
+            --color-border: #{$project-infos-border-color}
+            --color-text: #{$project-infos-color-text}
+            --color-text-alt: #{$project-infos-color-text-alt}
+            --color-accent: #{$project-infos-color-accent}
     @include media-breakpoint-up(sm)
         .hero
             .project-infos