GauthierWebDev/memento-dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: Remove unnecessary dark theme classes

Browse Source
This commit is contained in:
Gauthier Daniels 2025-04-19 19:55:26 +02:00
parent 81aa2da4a6
commit 7922b66970
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/pages/+config.ts
View File

@ -18,7 +18,7 @@ export default {
class: "h-full antialiased",
},
bodyAttributes: {
class: "flex min-h-full bg-white dark:bg-slate-900",
class: "flex min-h-full bg-white",
},
prerender: true,

4
app/partials/HeroSection.tsx
View File

@ -36,7 +36,7 @@ function TrafficLightsIcon(props: JSX.IntrinsicElements["svg"]) {
export function HeroSection() {
return (
<div class="overflow-hidden bg-slate-900 dark:mt-[-4.75rem] dark:-mb-32 dark:pt-[4.75rem] dark:pb-32">
<div class="overflow-hidden bg-slate-900">
<div class="py-16 sm:px-2 lg:relative lg:px-0 lg:py-20">
<div class="mx-auto grid max-w-2xl w-full grid-cols-1 items-center gap-x-8 gap-y-16 px-4 lg:max-w-8xl lg:grid-cols-2 lg:px-8 xl:gap-x-16 xl:px-12">
<div class="relative z-10 md:text-center lg:text-left">
@ -67,7 +67,7 @@ export function HeroSection() {
</div>
</div>
<div class="relative lg:static xl:pl-10">
<div class="absolute inset-x-[-50vw] -top-32 -bottom-48 [mask-image:linear-gradient(transparent,white,white)] lg:-top-32 lg:right-0 lg:-bottom-32 lg:left-[calc(50%+14rem)] lg:[mask-image:none] dark:[mask-image:linear-gradient(transparent,white,transparent)] lg:dark:[mask-image:linear-gradient(white,white,transparent)]">
<div class="absolute inset-x-[-50vw] -top-32 -bottom-48 [mask-image:linear-gradient(transparent,white,white)] lg:-top-32 lg:right-0 lg:-bottom-32 lg:left-[calc(50%+14rem)] lg:[mask-image:none]">
<HeroBackground class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 lg:left-0 lg:translate-x-0 lg:translate-y-[-60%]" />
</div>
<div class="relative">

6
app/partials/TableOfContents.tsx
View File

@ -80,14 +80,14 @@ export function TableOfContents(props: TableOfContentsProps) {
class={clsx(
isActive(section)
? "text-violet-500"
: "font-normal text-slate-500 hover:text-slate-700 dark:text-slate-400 dark:hover:text-slate-300",
: "font-normal text-slate-500 hover:text-slate-700",
)}
>
{section.title}
</Link>
</h3>
{section.children.length > 0 && (
<ol class="mt-2 space-y-3 pl-5 text-slate-500 dark:text-slate-400">
<ol class="mt-2 space-y-3 pl-5 text-slate-500">
<For each={section.children}>
{(subSection) => (
<li>
@ -96,7 +96,7 @@ export function TableOfContents(props: TableOfContentsProps) {
class={
isActive(subSection)
? "text-violet-500"
: "hover:text-slate-600 dark:hover:text-slate-300"
: "hover:text-slate-600"
}
>
{subSection.title}