troy/troylusty.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

better match colors

Browse source
This commit is contained in:
Troy 2025-01-23 18:39:34 +00:00
parent 235f443236
commit c493eea5ca
Signed by: troy
GPG key ID: DFC06C02ED3B4711
2 changed files with 9 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/Hero.astro
View file

@ -15,7 +15,7 @@ import borel from "@fontsource/borel/files/borel-latin-400-normal.woff2?url";
class="--translate-y-full animate-logo text-4xl font-bold text-pretty md:text-6xl"
>
Digital designer based in the <span
class="animate-gradient-x bg-gradient-to-r from-indigo-500 from-10% via-sky-500 via-30% to-emerald-500 to-90% bg-clip-text px-1 font-['Borel'] text-3xl font-bold text-transparent md:text-5xl"
class="animate-gradient-x bg-gradient-to-r from-indigo-500 from-10% via-sky-500 via-30% to-emerald-500 to-90% bg-clip-text px-1 font-['Borel'] text-3xl text-transparent md:text-5xl"
>United Kingdom</span
>.
</h1>

17
src/styles/global.css
View file

@ -79,25 +79,24 @@
}
:root {
--primary: #fcfcfc;
--secondary: #212121;
--tertiary: #737373;
--accent: #636363;
--primary: oklch(99% 0 0);
--secondary: oklch(15% 0 0);
--tertiary: oklch(40% 0 0);
--accent: oklch(25% 0 0);
}
@media (prefers-color-scheme: dark) {
:root {
--primary: #000000;
--secondary: #ededed;
--tertiary: #737373;
--accent: #636363;
--primary: oklch(0% 0 0);
--secondary: oklch(95% 0 0);
--tertiary: oklch(60% 0 0);
--accent: oklch(75% 0 0);
}
.astro-code,
.astro-code span {
color: var(--shiki-dark) !important;
background-color: var(--shiki-dark-bg) !important;
/* Optional, if you also want font styles */
font-style: var(--shiki-dark-font-style) !important;
font-weight: var(--shiki-dark-font-weight) !important;
text-decoration: var(--shiki-dark-text-decoration) !important;