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

68
src/styles/global.css
View File

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