sepia/gomoku
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

Improve title box with turn indicator

Browse source
This commit is contained in:
sepia 2025-07-20 19:50:33 -05:00
parent 7cbeef6482
commit 6bb62b9c87
4 changed files with 78 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

24
public/style.css
View file

@ -97,6 +97,7 @@ body {
}
#title-box {
font-size: 1.25em;
padding-top: 0.25em;
padding-bottom: 0.25em;
}
@ -184,6 +185,29 @@ body {
background-color: var(--color-on-primary);
}
.player-name {
font-weight: bold;
}
.player-name.player-black {
color: var(--color-primary-light);
}
.player-name.player-white {
color: var(--color-on-primary);
text-shadow:
-1px -1px 0 var(--color-neutral-900),
1px -1px 0 var(--color-neutral-900),
-1px 1px 0 var(--color-neutral-900),
1px 1px 0 var(--color-neutral-900);
}
.player-name.player-to-play {
border: 2px solid var(--color-focus-ring);
border-radius: 10px;
padding: 2px;
}
.last-move {
box-shadow: 0 0 5px 3px var(--color-warning-light);
}