diff options
| -rw-r--r-- | web/style/nodecard.css | 8 | ||||
| -rw-r--r-- | web/style/themes.css | 3 |
2 files changed, 11 insertions, 0 deletions
diff --git a/web/style/nodecard.css b/web/style/nodecard.css index 05c305b..de99a33 100644 --- a/web/style/nodecard.css +++ b/web/style/nodecard.css @@ -4,6 +4,14 @@ Copyright (C) 2024 metamuffin <metamuffin.org> Copyright (C) 2023 tpart */ + +.poster * img, .bigposter img { + background-color: var(--image-loading-placeholder); +} +.poster a, .bigposter img { + border-radius: 1em; +} + .card { padding: 1em; } diff --git a/web/style/themes.css b/web/style/themes.css index f5bf57b..b18c618 100644 --- a/web/style/themes.css +++ b/web/style/themes.css @@ -27,6 +27,7 @@ body.theme-Dark { --font: #f1f1f1; --font-dark: rgb(122, 122, 122); --font-highlight: white; + --image-loading-placeholder: rgb(50, 50, 50); } body.theme-Light { --accent-light: #e46600; @@ -47,6 +48,7 @@ body.theme-Light { --font: #0f0f0f; --font-dark: #606060; --font-highlight: black; + --image-loading-placeholder: rgb(200, 200, 200); } body.theme-Purple { --accent-light: rgb(191, 87, 255); @@ -67,4 +69,5 @@ body.theme-Purple { --font: #f1f1f1; --font-dark: rgb(122, 122, 122); --font-highlight: white; + --image-loading-placeholder: rgb(50, 50, 50); } |