dark theme for pages

Author: nikoshell

src/components/markdown/HighlightCard.astro

@@ -1,4 +1,4 @@
-<div class="highlight-card bg-white rounded-lg shadow-md p-5 mt-6">
+<div class="highlight-card rounded-lg p-5 mt-6 border border-white/10 bg-[#141720]">
     <slot />
 </div>
 

src/components/sponsor-tiers/sponsor-tiers.astro

@@ -213,7 +213,7 @@ const formatPrice = (price: number | string) => {
           return order[a.title] - order[b.title];
         })
         .map((tier) => (
-          <div class="bg-white text-black rounded-2xl p-6 pb-20 relative not-prose z-0">
+          <div class="rounded-2xl p-6 pb-20 relative not-prose z-0 border border-white/10 bg-[#141720]">
             <div class="min-h-[160px]">
               <Ribbon
                 className={`absolute -right-6 -top-8 ${getRibbonClass(tier.title)}`}
@@ -273,7 +273,7 @@ const formatPrice = (price: number | string) => {
         })
 
         .map((tier) => (
-          <div class="bg-white text-black rounded-2xl p-6 pb-20 relative not-prose z-0">
+          <div class="rounded-2xl p-6 pb-20 relative not-prose z-0 border border-white/10 bg-[#141720]">
             <div class="min-h-[160px]">
               <Ribbon
                 className={`absolute -right-6 -top-8 ${getRibbonClass(tier.title)}`}
@@ -321,7 +321,7 @@ const formatPrice = (price: number | string) => {
         })
 
         .map((tier) => (
-          <div class="bg-white text-black rounded-2xl p-6 pb-20 relative not-prose z-0">
+          <div class="rounded-2xl p-6 pb-20 relative not-prose z-0 border border-white/10 bg-[#141720]">
             <div class="min-h-[160px]">
               <Ribbon
                 className={`absolute -right-6 -top-8 ${getRibbonClass(tier.title)}`}
@@ -381,7 +381,7 @@ const formatPrice = (price: number | string) => {
           return order[a.title] - order[b.title];
         })
         .map((tier) => (
-          <div class="bg-white text-black rounded-2xl p-6 pb-20 relative not-prose z-0">
+          <div class="rounded-2xl p-6 pb-20 relative not-prose z-0 border border-white/10 bg-[#141720]">
             <div class="min-h-[160px]">
               <Ribbon
                 className={`absolute -right-6 -top-8 ${getRibbonClass(tier.title)}`}