xuyue/home
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add leaf tile texture to Animal Crossing theme

Browse Source 
Downloads home_bg webp from animal-island-ui reference and tiles it
over the page background. Light mode 60% opacity on cream, dark mode
12% opacity on forest green.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
yuetsh
2026-05-18 04:16:51 -06:00
parent a2aba434a8
commit 8f44a3186a
2 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/textures/ac-tile.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 158 KiB

14
style.css
View File

@@ -1832,6 +1832,20 @@ html[data-theme="dark"][data-design-theme="animal-crossing"] .beian a:hover {
color: var(--accent); color: var(--accent);
} }
html[data-design-theme="animal-crossing"] body::before {
background-image: url("/textures/ac-tile.webp");
background-size: auto;
background-repeat: repeat;
opacity: 0.6;
}
html[data-theme="dark"][data-design-theme="animal-crossing"] body::before {
background-image: url("/textures/ac-tile.webp");
background-size: auto;
background-repeat: repeat;
opacity: 0.12;
}
@media (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
html[data-design-theme="animal-crossing"] .card, html[data-design-theme="animal-crossing"] .card,
html[data-design-theme="animal-crossing"] .design-theme-button, html[data-design-theme="animal-crossing"] .design-theme-button,