docs: fix qwik background colors (#3044)

vuestorefront · Nov 30, 2023 · 43fa0c8 · 43fa0c8
1 parent 14bdc0e
commit 43fa0c8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/apps/docs/components/index.md b/apps/docs/components/index.md
@@ -20,7 +20,7 @@ hideBreadcrumbs: true
         Install for React
         <iconify-icon icon="mingcute:arrow-right-fill" height="14px" class="ml-1"/>
       </RouterLink>
-      <a href="https://qwik-storefront-ui.pages.dev" target="_blank" rel="noopener" class=" px-4 py-2 rounded-lg font-medium bg-[#ac7ef4] ml-2 text-white text-opacity-80 flex items-center filter hover:brightness-110 transition-all">
+      <a href="https://qwik-storefront-ui.pages.dev" target="_blank" rel="noopener" class=" px-4 py-2 rounded-lg font-medium bg-qwik ml-2 text-white  flex items-center filter hover:brightness-110 transition-all">
         Qwik (beta)
         <iconify-icon icon="mingcute:arrow-right-fill" height="14px" class="ml-1"/>
       </a>

diff --git a/apps/docs/components/tailwind.config.js b/apps/docs/components/tailwind.config.js
@@ -12,6 +12,9 @@ module.exports = {
         react: {
           DEFAULT: '#61DBFB',
         },
+        qwik: {
+          DEFAULT: '#AC7EF4',
+        },
         green: {
           DEFAULT: '#00C652',
           50: '#7FFFB4',