From 34b3db0c37db6d8fc901ca576bfc7abf5823710e Mon Sep 17 00:00:00 2001
From: Casper Boone <mail@casperboone.nl>
Date: Sat, 4 Jan 2025 17:11:33 +0100
Subject: [PATCH] Tweak grays

---
 dwhdelft.nl/components/pages/mixup/LinkedEvents.vue | 4 ++--
 dwhdelft.nl/pages/mixup.vue                         | 2 +-
 tailwind.config.js                                  | 1 +
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/dwhdelft.nl/components/pages/mixup/LinkedEvents.vue b/dwhdelft.nl/components/pages/mixup/LinkedEvents.vue
index 67e72d42..48432236 100644
--- a/dwhdelft.nl/components/pages/mixup/LinkedEvents.vue
+++ b/dwhdelft.nl/components/pages/mixup/LinkedEvents.vue
@@ -46,7 +46,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <section v-if="events && events.length > 0" class="bg-gray-900 py-12 md:pt-0 text-gray-200">
+  <section v-if="events && events.length > 0" class="bg-gray-875 py-12 md:pt-0 text-gray-200">
     <ElementsContainer>
       <h1 class="text-center font-medium text-5xl mb-6">
         <Markdown :content="t('events')" />
@@ -58,7 +58,7 @@ onMounted(() => {
           class="w-full md:w-48 p-4 bg-brand-900 rounded-lg shadow-lg flex flex-row-reverse md:flex-col"
         >
           <div class="flex-1">
-            <div class="text-gray-400 uppercase tracking-wide">
+            <div class="text-gray-300 uppercase tracking-wide">
               {{ event.date.getDate() }} {{ $t(`month.${event.date.getMonth()}`)?.slice(0, 3) }} - {{ event.startTime }}
             </div>
             <div class="text-xl font-bold md:mb-4">
diff --git a/dwhdelft.nl/pages/mixup.vue b/dwhdelft.nl/pages/mixup.vue
index 6905d985..29674457 100644
--- a/dwhdelft.nl/pages/mixup.vue
+++ b/dwhdelft.nl/pages/mixup.vue
@@ -103,7 +103,7 @@ const linkedEventsReady = ref(false)
 
 <template>
   <div class="mixup-colors">
-    <LayoutSmallHeader :triangleClass="linkedEventsReady ? 'border-gray-900' : 'border-black'">
+    <LayoutSmallHeader :triangleClass="linkedEventsReady ? 'border-gray-875' : 'border-black'">
       {{ t('title') }}
     </LayoutSmallHeader>
 
diff --git a/tailwind.config.js b/tailwind.config.js
index c637625b..63f1d074 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -35,6 +35,7 @@ export default {
           600: '#625c65',
           700: '#48454b',
           800: '#1f2937',
+          875: '#141c2b', // From https://fullwindcss.com/
           900: '#111827',
         },
       },