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

moved stylised button to outlined-button.svelte; added drawing gallery (currently hidden)

Browse Source
This commit is contained in:
denizk0461
2026-01-31 15:27:41 +01:00
parent 466d8bee1a
commit 17c1803302
7 changed files with 224 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/routes/+layout.svelte
View File

@@ -100,6 +100,7 @@
--color-text-img: invert(98%) sepia(1%) saturate(4643%) hue-rotate(297deg) brightness(115%) contrast(76%);
--color-text-dark: #1e1e1e;
--color-highlight: #51B86B;
--color-highlight-dark: color-mix(in srgb, var(--color-highlight) 60%, black);
--color-highlight-alt: #d03b4a;
--color-header: color-mix(in srgb, var(--color-highlight) 80%, black);
--color-header-highlight: color-mix(in srgb, #6d1e26 80%, transparent);
@@ -107,6 +108,7 @@
--color-background: #111111;
--color-background-highlight: color-mix(in srgb, var(--color-highlight) 10%, transparent);
--color-background-highlight-hover: color-mix(in srgb, var(--color-highlight) 60%, transparent);
--color-background-highlight-hover-dark: color-mix(in srgb, var(--color-highlight-dark) 60%, transparent);
--color-waters: #242424;
@@ -189,23 +191,9 @@
}
button {
font-family: var(--font-mono);
font-size: var(--font-size-mono);
padding: 8px;
background-color: transparent;
border: dashed 2px var(--color-highlight);
color: var(--color-highlight);
font-weight: 700;
cursor: pointer;
transition: background-color 0.05s ease-out;
}
button:hover {
background-color: var(--color-background-highlight);
}
.button-fullwidth {
width: 100%;
border: none;
padding: 0;
}
/* #region Headers */