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

Merge pull request 'dev -> styles and actions' (#5) from dev into main
Some checks failed
Build / build (push) Has been cancelled
Details

Browse Source 
Reviewed-on: #5
This commit is contained in:
kitty 2025-03-06 14:03:10 +00:00
commit 3dbc9ffc55
3 changed files with 46 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
.gitea/workflows/build.yaml Normal file
View File

@ -0,0 +1,11 @@
name: Build
run-name: NPM builder
on: [push]
jobs:
build:
runs-on: self-hosted
defaults:
run:
working-directory: /root/links.opnkty
steps:
- run: npm run build

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;
}
}