Tweak grays

dwh-outsite · Jan 4, 2025 · 34b3db0 · 34b3db0
1 parent 69a3c93
commit 34b3db0
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git 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
@@ -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
@@ -35,6 +35,7 @@ export default {
           600: '#625c65',
           700: '#48454b',
           800: '#1f2937',
+          875: '#141c2b', // From https://fullwindcss.com/
           900: '#111827',
         },
       },