Change background color from white to lavender

Author: userimack

src/_includes/landing/communities.njk

@@ -29,7 +29,7 @@
     </div>
   </div>
 </section>
-<section class="bg-white px-4 md:px-8 lg:px-16">
+<section class="bg-lavender px-4 md:px-8 lg:px-16">
   <div class="container mx-auto">
     <div class="flex flex-wrap w-full">
       {% for i in range(6, 12) %}
@@ -42,21 +42,21 @@
     </div>
   </div>
 </section>
-<section class="bg-white px-4 md:px-8 lg:px-16">
+<section class="bg-lavender px-4 md:px-8 lg:px-16">
   <div class="container mx-auto">
     <div class="flex flex-wrap w-full">
       {% for i in range(0, 6) %}
-        <div class="w-1/3 sm:w-1/3 md:w-1/4 lg:w-1/6 h-[100px] bg-white">
+        <div class="w-1/3 sm:w-1/3 md:w-1/4 lg:w-1/6 h-[100px] bg-lavender">
        </div>
       {% endfor %}
     </div>
   </div>
 </section>
-<section class="bg-white px-4 md:px-8 lg:px-16">
+<section class="bg-lavender px-4 md:px-8 lg:px-16">
   <div class="container mx-auto">
     <div class="flex flex-wrap w-full">
       {% for i in range(0, 6) %}
-        <div class="w-1/3 sm:w-1/3 md:w-1/4 lg:w-1/6 h-[100px] bg-white">
+        <div class="w-1/3 sm:w-1/3 md:w-1/4 lg:w-1/6 h-[100px] bg-lavender">
        </div>
       {% endfor %}
     </div>

src/_includes/landing/keynotes.njk

@@ -1,6 +1,6 @@
 {% from "components/cube.njk" import cube %}
 
-<section class="relative bg-white text-black w-full pb-12 md:px-40 lg:px-28 xl:px-40 lg:pb-40">
+<section class="relative bg-lavender text-black w-full pb-12 md:px-40 lg:px-28 xl:px-40 lg:pb-40">
     <div class="black-han-sans-regular md:justify-center md:text-center pt-28 pb-8 md:pt-24 font-normal text-4xl lg:text-5xl text-[#000000] text-center lg:text-left">
         Key Note Speakers
     </div>

src/cfp.njk

@@ -31,7 +31,7 @@ layout: base.njk
     <img src="{{ env.baseUrl }}img/assets/star-pink-vector.svg" alt="Groovy star" class="md:w-16 md:h-16 w-10 h-10">
 </div>
 
-<div class="main-container pt-16 md:pt-48 bg-[#FFFFFF] w-full h-auto px-[6%]">
+<div class="main-container pt-16 md:pt-48 bg-lavender w-full h-auto px-[6%]">
     <div class="pb-40 md:pb-60 lg:pb-[20%] w-full text-justify lg:w-[70%]">
         <div class="mt-24 md:-mt-32 lg:-mt-20 text-md lg:text-xl font-light">
             <div class="black-han-sans-regular font-normal text-3xl md:text-5xl md:text-center text-[#000000] text-center lg:text-left">

src/coc/guidelines.njk

@@ -20,7 +20,7 @@ layout: base.njk
 </div>
 
 
-<div class="main-container pt-16 md:pt-48 bg-[#FFFFFF] w-full h-auto px-[6%]">
+<div class="main-container pt-16 md:pt-48 bg-lavender w-full h-auto px-[6%]">
     <div class="pb-40 md:pb-60 lg:pb-[20%] w-full text-justify lg:w-[70%]">
         <div class="mt-24 md:-mt-32 lg:-mt-20 text-md lg:text-xl font-light">
             <div class="black-han-sans-regular font-normal text-3xl md:text-5xl md:text-center text-[#000000] text-center lg:text-left">

src/coc/reporting.njk

@@ -140,7 +140,7 @@ layout: base.njk
     </div>
 </div>
 
-<div class="main-container bg-[#FFFFFF] w-full h-auto px-[6%]">
+<div class="main-container bg-lavender w-full h-auto px-[6%]">
     <div class="card-section flex flex-wrap -mt-24">
         {% for member in members %}
             <div class="w-full sm:w-1/2 lg:w-1/3 py-6 px-10 transform transition-transform duration-500 hover:-translate-y-4 hover:translate-x-4">

src/css/main.css

@@ -420,3 +420,7 @@ body:not(.is-home-page) main {
 .animate-fadeOut.is-home-page {
   z-index: 10000;
 }
+
+.bg-lavender {
+  background-color: #F0EEFF;
+}

src/tickets.njk

@@ -33,7 +33,7 @@ layout: base.njk
     <img src="{{ env.baseUrl }}img/assets/star-pink-vector.svg" alt="Groovy star" class="md:w-16 md:h-16 w-10 h-10">
 </div>
 
-<div class="main-container pt-16 md:pt-48 bg-[#FFFFFF] w-full h-auto px-[6%]">
+<div class="main-container pt-16 md:pt-48 bg-lavender w-full h-auto px-[6%]">
     <div class="pb-40 md:pb-60 lg:pb-[20%] w-full text-justify lg:w-[70%]">
         <div class="mt-24 md:-mt-32 lg:-mt-20 text-md lg:text-xl font-light">
             <div class="black-han-sans-regular font-normal text-3xl md:text-5xl md:text-center text-[#000000] text-center lg:text-left">

src/venue.njk

@@ -42,7 +42,7 @@ layout: base.njk
     </div>
 </div>
 
-<div class="w-full bg-[#F0EEFF]">
+<div class="w-full bg-lavender">
     <div class="pt-[100px] mx-[5%] md:mx-[145px] md:pt-44">
         <div class="black-han-sans-regular pt-32 lg:pt-20 xl:pt-32 md:pt-56 md:text-center font-normal text-3xl md:text-5xl text-[#000000] text-center lg:text-left">
             <p>Getting to the</p>