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

Restyle buttons

Browse source
This commit is contained in:
sepia 2025-07-23 21:22:45 -05:00
parent f11b4c935f
commit 6903784136
2 changed files with 50 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

51
public/style.css
View file

@ -230,9 +230,7 @@ body {
vertical-align: middle;
}
button {
background-color: var(--color-primary);
color: var(--color-on-primary);
#button-box button {
display: flex;
justify-content: center;
align-items: center;
@ -242,12 +240,9 @@ button {
white-space: nowrap;
border: none;
cursor: pointer;
gap: 8px;
font-size: 1em;
}
button:hover {
background-color: var(--color-primary-light);
flex-grow: 1;
flex-basis: 0;
}
#button-box {
@ -260,12 +255,12 @@ button:hover {
}
#resign-button {
background-color: var(--color-error);
background-color: var(--color-primary);
color: var(--color-on-primary);
}
#resign-button:hover {
background-color: var(--color-error-light);
background-color: var(--color-primary-light);
}
#copy-link-button {
@ -277,6 +272,42 @@ button:hover {
background-color: var(--color-success);
}
#takeback-button {
background-color: var(--color-info);
color: var(--color-on-primary);
}
#takeback-button:hover {
background-color: var(--color-info-light);
}
#draw-button {
background-color: var(--color-secondary);
color: var(--color-on-secondary);
}
#draw-button:hover {
background-color: var(--color-secondary-light);
}
.accept-button {
background-color: var(--color-success);
color: var(--color-on-primary);
}
.accept-button:hover {
background-color: var(--color-success-light);
}
.decline-button {
background-color: var(--color-error);
color: var(--color-on-primary);
}
.decline-button:hover {
background-color: var(--color-error-light);
}
.player-profile-box {
position: absolute;
top: 20px;