denizk0461/pages
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styled new blog post gallery entries some more; added dates; changed color-highlight-alt variations

Browse Source
This commit is contained in:
denizk0461
2026-03-31 16:47:02 +02:00
parent 78f05fd5f3
commit d3e1aeb33d
3 changed files with 44 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/routes/+layout.svelte
View File

@@ -97,6 +97,10 @@
--color-text-secondary: #b0b0b0;
--color-text-img: invert(98%) sepia(1%) saturate(4643%) hue-rotate(297deg) brightness(115%) contrast(76%);
--color-text-dark: #1e1e1e;
--color-text-highlight: color-mix(in srgb, var(--color-highlight) 70%, var(--color-text));
--color-text-highlight-alt: color-mix(in srgb, var(--color-highlight-alt) 70%, var(--color-text));
--color-highlight: #51B86B;
--color-highlight-dark: color-mix(in srgb, var(--color-highlight) 60%, black);
--color-highlight-alt: #d03b4a;
@@ -105,8 +109,9 @@
--color-background: #111111;
--color-background-highlight: color-mix(in srgb, var(--color-highlight) 20%, transparent);
--color-background-highlight-alt: color-mix(in srgb, var(--color-highlight-alt) 20%, transparent);
--color-background-highlight-alt: color-mix(in srgb, var(--color-highlight-alt) 30%, transparent);
--color-background-highlight-hover: color-mix(in srgb, var(--color-highlight) 60%, transparent);
--color-background-highlight-hover-alt: color-mix(in srgb, var(--color-highlight-alt) 66%, transparent);
--color-background-highlight-hover-dark: color-mix(in srgb, var(--color-highlight-dark) 60%, transparent);
--color-waters: #242424;

14
src/routes/blog/+page.svelte
View File

@@ -50,7 +50,7 @@
.tag-filter-container {
display: flex;
gap: 8px 12px;
margin: 0 10px 8px;
margin: 12px 10px 8px;
flex-wrap: wrap;
}
@@ -69,6 +69,16 @@
}
.tag-filter:hover {
background-color: var(--color-highlight-alt);
background-color: var(--color-background-highlight-hover-alt);
}
@media screen and (max-width: 600px) {
.tag-filter-container {
gap: 8px;
}
.tag-filter {
font-size: 0.8rem;
}
}
</style>