kmoschcau/f1r3.xyz-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: improve links and add matrix and FA logos

Browse Source
This commit is contained in:
Kai Moschcau
2026-03-02 04:10:40 +01:00
parent 27b3ba67b1
commit f03aae2c03
10 changed files with 74 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/styles/global.css
View File

@@ -1,14 +1,30 @@
@import "tailwindcss";
@theme {
--color-mastodon-primary: #6364ff;
--color-mastodon-dark: #17063b;
--color-mastodon-dark-hover: #2f0c7a;
--color-background-dark: oklch(from var(--color-violet-950) 24% 0.08 h);
--link-bg-l: 53.5%;
--hover-darken: 0.05;
--color-fur-affinity: oklch(from #353b45 var(--link-bg-l) c h);
--color-fur-affinity-hover: oklch(
from var(--color-fur-affinity) calc(l - var(--hover-darken)) c h
);
--color-mastodon: oklch(from #6364ff var(--link-bg-l) c h);
--color-mastodon-hover: oklch(
from var(--color-mastodon) calc(l - var(--hover-darken)) c h
);
--color-matrix: oklch(from #0dbd8b var(--link-bg-l) c h);
--color-matrix-hover: oklch(
from var(--color-matrix) calc(l - var(--hover-darken)) c h
);
}
@layer base {
body {
@apply bg-neutral-50 text-black dark:bg-neutral-800 dark:text-white;
@apply dark:bg-background-dark bg-neutral-50 text-black dark:text-white;
}
h1 {
@@ -17,12 +33,16 @@
}
@layer components {
.link-fur-affinity {
@apply bg-fur-affinity hover:bg-fur-affinity-hover text-white;
}
.link-mastodon {
@apply bg-mastodon-dark hover:bg-mastodon-dark-hover text-white;
@apply bg-mastodon hover:bg-mastodon-hover text-white;
}
.link-matrix {
@apply bg-black text-white hover:bg-zinc-950;
@apply bg-matrix hover:bg-matrix-hover text-white;
}
}