opnkty/links.opnkty
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

some styling

Browse Source
This commit is contained in:
kitty 2025-03-06 00:05:33 +00:00
parent c84ac95908
commit beabbd9427
2 changed files with 35 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Footer.astro
View File

@ -2,7 +2,7 @@
class="pt-12 text-center text-xs text-lightModeForegroundMuted hover:text-lightModeForeground dark:text-darkModeForegroundMuted dark:hover:text-darkModeForeground"
>
<!--<hr class="opacity-50" />-->
<a href="" class="block py-4 no-underline"
<a href="" class="block py-4 no-underline smolkit"
>ᓚᘏᗢ</a
>
</footer>

68
src/styles/global.css
View File

@ -11,46 +11,46 @@
:root {
color-scheme: dark;
/* replace colors from here... */
--light-mode-background: 240 240 240;
--light-mode-foreground: 0 0 0;
--light-mode-foreground-muted: 50 50 50;
--light-mode-icon-link-outline: 50 50 50;
--light-mode-icon-link-background: 255 255 255;
--light-mode-icon-link-text: 0 0 0;
--light-mode-icon-link-outline-hover: 0 0 0;
--light-mode-icon-link-background-hover: 240 240 240;
--light-mode-icon-link-text-hover: 0 0 0;
--light-mode-custom-link-outline: 50 50 50;
--light-mode-custom-link-background: 255 255 255;
--light-mode-custom-link-text: 0 0 0;
--light-mode-custom-link-outline-hover: 0 0 0;
--light-mode-custom-link-background-hover: 240 240 240;
--light-mode-custom-link-text-hover: 0 0 0;
/*--light-mode-background: 240 240 240;*/
/*--light-mode-foreground: 0 0 0;*/
/*--light-mode-foreground-muted: 50 50 50;*/
/*--light-mode-icon-link-outline: 50 50 50;*/
/*--light-mode-icon-link-background: 255 255 255;*/
/*--light-mode-icon-link-text: 0 0 0;*/
/*--light-mode-icon-link-outline-hover: 0 0 0;*/
/*--light-mode-icon-link-background-hover: 240 240 240;*/
/*--light-mode-icon-link-text-hover: 0 0 0;*/
/*--light-mode-custom-link-outline: 50 50 50;*/
/*--light-mode-custom-link-background: 255 255 255;*/
/*--light-mode-custom-link-text: 0 0 0;*/
/*--light-mode-custom-link-outline-hover: 0 0 0;*/
/*--light-mode-custom-link-background-hover: 240 240 240;*/
/*--light-mode-custom-link-text-hover: 0 0 0;*/
--dark-mode-background: 10 10 10;
--dark-mode-foreground: 255 255 255;
--dark-mode-foreground-muted: 205 205 205;
--dark-mode-icon-link-outline: 205 205 205;
--dark-mode-icon-link-background: 0 0 0;
--dark-mode-icon-link-text: 255 255 255;
--dark-mode-icon-link-outline-hover: 255 255 255;
--dark-mode-icon-link-background-hover: 50 50 50;
--dark-mode-icon-link-text-hover: 255 255 255;
--dark-mode-custom-link-outline: 205 205 205;
--dark-mode-custom-link-background: 0 0 0;
--dark-mode-custom-link-text: 255 255 255;
--dark-mode-custom-link-outline-hover: 255 255 255;
--dark-mode-custom-link-background-hover: 50 50 50;
--dark-mode-custom-link-text-hover: 255 255 255;
/*--dark-mode-background: 30 30 46;*/
--dark-mode-foreground: 205 214 244;
--dark-mode-foreground-muted: 186 194 222;
--dark-mode-icon-link-outline: 205 214 244;
--dark-mode-icon-link-background: 24 24 37;
--dark-mode-icon-link-text: 205 214 244;
--dark-mode-icon-link-outline-hover: 205 214 244;
--dark-mode-icon-link-background-hover: 49 50 68;
--dark-mode-icon-link-text-hover: 137 220 235;
--dark-mode-custom-link-outline: 205 214 244;
--dark-mode-custom-link-background: 24 24 37;
--dark-mode-custom-link-text: 205 214 244;
--dark-mode-custom-link-outline-hover: 205 214 244;
--dark-mode-custom-link-background-hover: 49 50 68;
--dark-mode-custom-link-text-hover: 137 220 235;
/* ...to here */
}
html {
font-family: "JetB";
}
body {
background-color: light-dark(
rgb(var(--light-mode-background)),
rgb(var(--dark-mode-background))
);
background-color: #1e1e2e;
}
.smolkit {
color: #9efefe;
}
}