feat(site): darker dark mode footer (#780)

This commit is contained in:
Darius Cepulis
2026-03-09 15:23:36 -05:00
committed by GitHub
parent d53e239b7b
commit b081b7f7ff
4 changed files with 8 additions and 7 deletions
+5 -5
View File
@@ -14,9 +14,9 @@ const { variant = 'normal', class: className } = Astro.props;
]}
style="grid-template-rows: 80fr 60fr 45fr 20fr 10fr"
>
<div class="bg-bright-yellow"></div>
<div class="bg-gold"></div>
<div class="bg-orange"></div>
<div class="bg-red"></div>
<div class="bg-magenta"></div>
<div class="bg-bright-yellow dark:bg-gold"></div>
<div class="bg-gold dark:bg-orange"></div>
<div class="bg-orange dark:bg-red"></div>
<div class="bg-red dark:bg-magenta"></div>
<div class="bg-magenta dark:bg-magenta-dark"></div>
</div>
+1 -1
View File
@@ -5,7 +5,7 @@
class="rounded-xs border border-manila-dark bg-faded-black p-5 md:p-10 lg:p-15"
>
<p class="text-p2 text-manila-light">
VideoJS 10 is complete ground-up rewrite of the player for the modern web.
Video.js 10 is complete ground-up rewrite of the player for the modern web.
The UI is separated from the underlying media renderer. Every component is
independent and works together through open API contracts. We've structured
the project for modern JavaScript bundlers to support tree-shaking and
@@ -6,7 +6,7 @@ import GetStartedLink from '../NavBar/GetStartedLink';
<section class="mx-auto w-full max-w-305 px-5">
<div
class="group relative mb-20 items-center bg-faded-black py-2.5 text-center text-manila-light transition-colors duration-200 has-[a:hover]:text-faded-black lg:mb-30 lg:flex lg:text-left lg:duration-300 dark:bg-manila-light dark:text-faded-black dark:has-[a:hover]:text-manila-light"
class="group relative mb-34 items-center bg-faded-black py-2.5 text-center text-manila-light transition-colors duration-200 has-[a:hover]:text-faded-black lg:mb-40 lg:flex lg:text-left lg:duration-300 dark:bg-manila-light dark:text-faded-black dark:has-[a:hover]:text-manila-light"
>
<div
class="absolute top-(--top) right-2.5 bottom-2.5 left-2.5 z-0 bg-orange duration-200 group-has-[a:hover]:top-2.5 lg:top-2.5 lg:left-(--lg-left) lg:duration-300 lg:group-has-[a:hover]:left-2.5 dark:bg-black"
+1
View File
@@ -73,6 +73,7 @@
--color-orange: #ff6200;
--color-red: #eb3132;
--color-magenta: #cc3566;
--color-magenta-dark: #922e4f;
/* Typography */
--tracking-*: initial;