ldez/new-manga
1
0
Fork 0
mirror of https://github.com/ld3z/new-manga.git synced 2026-11-09 21:03:45 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

added flashbang mode

Browse source
This commit is contained in:
ld3zian 2025-01-14 16:57:30 -07:00
parent 1995bb679d
commit 687fff643d
7 changed files with 227 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

45
src/layouts/Layout.astro
View file

@ -1,4 +1,6 @@
---
import ThemeToggle from '../components/ThemeToggle.astro';
interface Props {
title: string;
}
@ -17,6 +19,7 @@ const { title } = Astro.props;
<title>{title}</title>
</head>
<body>
<ThemeToggle />
<slot />
</body>
</html>
@ -32,10 +35,48 @@ const { title } = Astro.props;
white 60%
);
}
/* Light theme */
:root[data-theme="light"] {
--bg-primary: #ffffff;
--bg-secondary: #f0f0f0;
--bg-hover: #e0e0e0;
--text-color: #13151a;
--card-bg: #f5f5f5;
}
/* Dark theme */
:root[data-theme="dark"] {
--bg-primary: #13151a;
--bg-secondary: #23262d;
--bg-hover: #2a2d35;
--text-color: #ffffff;
--card-bg: #23262d;
}
/* Default to dark theme if no data-theme is set */
:root:not([data-theme]) {
--bg-primary: #13151a;
--bg-secondary: #23262d;
--bg-hover: #2a2d35;
--text-color: #ffffff;
--card-bg: #23262d;
}
html {
font-family: system-ui, sans-serif;
background: #13151a;
background-color: var(--bg-primary);
color: var(--text-color);
}
body {
margin: 0;
min-height: 100vh;
background-color: var(--bg-primary);
color: var(--text-color);
transition: background-color 0.3s ease, color 0.3s ease;
}
code {
font-family:
Menlo,
@ -47,4 +88,4 @@ const { title } = Astro.props;
Courier New,
monospace;
}
</style>
</style>