Lighten gravestone to keep the asset's original shading

The first tint crushed the PNG into the same dark slate as the old CSS
stone. Now only a subtle cool cast is applied so chips, pocks and the
3D side read clearly; moss overlay softened and engraving darkened for
contrast on the lighter stone.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_015HtPHsTnDcLVSCiF5FGHZj
This commit is contained in:
vini 2026-07-19 21:56:58 -03:00
parent 1338879e1d
commit aa832727da
2 changed files with 7 additions and 7 deletions

View file

@ -1300,9 +1300,9 @@ body.dia:not(.balada):not(.chuva) .grave-wrap { opacity: 1; }
position: absolute; position: absolute;
inset: 0; inset: 0;
background: background:
radial-gradient(circle at 18% 96%, rgba(74,105,60,0.60), transparent 40%), radial-gradient(circle at 18% 96%, rgba(74,105,60,0.42), transparent 36%),
radial-gradient(circle at 80% 97%, rgba(58,88,46,0.50), transparent 36%), radial-gradient(circle at 80% 97%, rgba(58,88,46,0.34), transparent 32%),
radial-gradient(circle at 50% 100%, rgba(66,96,52,0.42), transparent 46%); radial-gradient(circle at 50% 100%, rgba(66,96,52,0.28), transparent 42%);
-webkit-mask: url('gravestone.png') center / contain no-repeat; -webkit-mask: url('gravestone.png') center / contain no-repeat;
mask: url('gravestone.png') center / contain no-repeat; mask: url('gravestone.png') center / contain no-repeat;
} }
@ -1312,8 +1312,8 @@ body.dia:not(.balada):not(.chuva) .grave-wrap { opacity: 1; }
width: 100%; width: 100%;
text-align: center; text-align: center;
font-size: 3.2vh; font-size: 3.2vh;
color: #8d81a8; color: #55496e;
text-shadow: 0 1px 0 rgba(255,255,255,0.16), 0 -1px 1px rgba(0,0,0,0.70); text-shadow: 0 1px 0 rgba(255,255,255,0.30), 0 -1px 1px rgba(0,0,0,0.55);
} }
/* inscrição gravada (rebaixo: sombra clara embaixo, escura em cima) */ /* inscrição gravada (rebaixo: sombra clara embaixo, escura em cima) */
.grave-text { .grave-text {
@ -1325,8 +1325,8 @@ body.dia:not(.balada):not(.chuva) .grave-wrap { opacity: 1; }
font-weight: bold; font-weight: bold;
font-size: 2.4vh; font-size: 2.4vh;
letter-spacing: 0.4vh; letter-spacing: 0.4vh;
color: #9187ae; color: #5a4e74;
text-shadow: 0 1px 0 rgba(255,255,255,0.20), 0 -1px 1px rgba(5,3,14,0.80); text-shadow: 0 1px 0 rgba(255,255,255,0.32), 0 -1px 1px rgba(5,3,14,0.60);
} }
.grave-line { .grave-line {
position: absolute; position: absolute;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6 KiB

After

Width:  |  Height:  |  Size: 6.2 KiB

Before After
Before After