style(docs): contrast ratio fix for light mode about page

Author: thejackshelton

apps/website/src/routes/(main)/about/[email protected]

@@ -9,7 +9,7 @@ export default component$(() => {
         <p class="text-lg mb-16">
           Qwik UI is the first ever component library for the revolutionary Qwik web
           framework. Developed by leading members of the Qwik community,{' '}
-          <mark class="text-purple-300 bg-transparent">
+          <mark class="text-purple-500 dark:text-purple-300 bg-transparent">
             including members from the Qwik team
           </mark>
           , Qwik UI offers an open-source solution for building instant loading and
@@ -20,7 +20,9 @@ export default component$(() => {
         <p class="text-lg mb-16">
           Qwik UI is built for developers who want to harness the power of Qwik's
           innovative{' '}
-          <mark class="text-purple-300 bg-transparent">JavaScript Streaming</mark>{' '}
+          <mark class="text-purple-500 dark:text-purple-300 bg-transparent">
+            JavaScript Streaming
+          </mark>{' '}
           technology to create highly performant web applications with minimal effort.
           Whether you're working on an e-commerce platform, a dashboard or any scale
           application, Qwik UI provides the components and tools you need to deliver a
@@ -34,11 +36,11 @@ export default component$(() => {
           Qwik's instant loading capabilities offer a significant advantage for e-commerce
           and other search engine-facing applications. By ensuring the highest Core Web
           Vitals scores, Qwik UI not only{' '}
-          <mark class="text-purple-300 bg-transparent">
+          <mark class="text-purple-500 dark:text-purple-300 bg-transparent">
             delivers an amazing user experience
           </mark>{' '}
           but also helps{' '}
-          <mark class="text-purple-300 bg-transparent">
+          <mark class="text-purple-500 dark:text-purple-300 bg-transparent">
             improve your site's search engine rankings
           </mark>
           . Stand out from the competition with a web application that loads instantly,
@@ -49,7 +51,7 @@ export default component$(() => {
         <p class="text-lg mb-16">
           In addition to performance and SEO advantages, Qwik UI components are designed
           with accessibility in mind.{' '}
-          <mark class="text-purple-300 bg-transparent">
+          <mark class="text-purple-500 dark:text-purple-300 bg-transparent">
             We believe in creating inclusive web experiences
           </mark>{' '}
           that cater to users of all abilities, and our components are built to adhere to
@@ -59,9 +61,11 @@ export default component$(() => {
         <p class="text-lg mb-16">
           Qwik UI is an open-source project, which means that it's freely available for
           developers to use and contribute to. By fostering a{' '}
-          <mark class="text-purple-300 bg-transparent">community-driven approach</mark>,
-          we aim to continuously improve and expand the capabilities of Qwik UI, making it
-          the go-to component library for developers working the Qwik framework.
+          <mark class="text-purple-500 dark:text-purple-300 bg-transparent">
+            community-driven approach
+          </mark>
+          , we aim to continuously improve and expand the capabilities of Qwik UI, making
+          it the go-to component library for developers working the Qwik framework.
         </p>
         <p class="text-lg mb-16">
           Join us in our mission to revolutionize web development and create instant