Changle colors to the Galaxy app ones, or their hues

ref #2337
galaxyproject · Jan 26, 2024 · abcab08 · abcab08
1 parent 4a8d82b
commit abcab08
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 13 deletions.
diff --git a/content/home/hero.md b/content/home/hero.md
@@ -2,7 +2,7 @@
 heading: Meet Galaxy
 notification: Galaxy Community Conference is coming up. <strong><a href="/events/gcc2024/" class="ml-2">Read on.</a></strong>
 description: Meet Galaxy - <br>your companion <br>in data analysis
-image: <a href="/events/gcc2024/"><img src="/images/events/gcc2024/gcc2024-banner-4.png" alt="GCC2024"></a> button
+image: <a href="/events/gcc2024/"><img src="/images/events/gcc2024/gcc2024-banner-4.png" alt="GCC2024"></a>
 ---
 
 Galaxy is a free, open-source system for analyzing data, authoring workflows, training and education, publishing tools, managing infrastructure, and more.

diff --git a/src/assets/styles.scss b/src/assets/styles.scss
@@ -39,9 +39,9 @@ $carousel-indicator-active-bg: $navbar-inverse-bg;
 $carousel-control-width: 5%;
 
 $home-body-bg: $brand-dark;
-$home-accent-brightest: #82ffff;
-$home-accent-brighter: #60fb8c;
-$home-accent-bright: #2ad8fe; // #00B8F5;
+$home-accent-brightest: #C2EFFF;
+$home-accent-brighter: #c2ebc2;
+$home-accent-bright: #F6F7F9;
 
 @import "~bootstrap/scss/bootstrap.scss";
 
@@ -226,12 +226,12 @@ html {
 
         &.research {
             &.publications {
-                background: linear-gradient(155deg, #00a7e1 44%, rgba(249, 206, 215, 0.8));
+                background: linear-gradient(155deg, #1D4068 44%, #1B62A4);
             }
 
             &.tutorials,
             .tutorials {
-                background: linear-gradient(155deg, rgba(249, 206, 215, 0.8) 4%, rgba(63, 227, 249, 0.8));
+                background: linear-gradient(155deg, #244F7F 24%, #1B62A4);
 
                 ul {
                     padding-left: 1.1rem;
@@ -251,7 +251,7 @@ html {
 
             &.events {
                 color: $white;
-                background: linear-gradient(155deg, rgba(249, 206, 215, 0.8) 4%, rgba(63, 227, 249, 0.8));
+                background: linear-gradient(155deg, #1B62A4 44%, #D6DBE0);
 
                 table {
                     tr {
@@ -262,7 +262,7 @@ html {
 
             &.cases {
                 color: $white;
-                background: linear-gradient(155deg, rgba(63, 227, 249, 0.8) 44%, #c6a669);
+                background: linear-gradient(155deg, #1B62A4 45%, #D6DBE0);
             }
 
             a.mpxvLogo {

diff --git a/src/pages/Index.vue b/src/pages/Index.vue
@@ -159,16 +159,14 @@
                         <h3>{{ this.$static.datasetResearch.research3.title }}</h3>
                         <div v-html="this.$static.datasetResearch.research3.content" class="text-white mb-3"></div>
                         <ul style="list-style-type: none; padding: 0">
-                            <li v-for="t in this.$static.datasetResearch.research3.links" :key="t.title">
+                            <li v-for="t in this.$static.datasetResearch.research3.links" :key="t.title" class="pb-2">
                                 <a
                                     :href="t.url"
                                     role="button"
                                     rel="noopener"
                                     target="_blank"
-                                    class="text-decoration-none"
-                                >
-                                    <div class="link">{{ t.title }}</div>
-                                </a>
+                                    class="mb-5 text-white small"
+                                >{{ t.title }}</a>
                             </li>
                         </ul>
                         <div class="d-flex justify-content-center">