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

Add color to rematch button

This commit is contained in:
sepia 2025-07-27 19:55:04 -05:00
parent 3f6ecb84fc
commit 81e31b2fb7
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
public/style.css
View File

@ -237,7 +237,6 @@ body {
background-color: var(--color-primary); background-color: var(--color-primary);
color: var(--color-on-primary); color: var(--color-on-primary);
} }
#resign-button:hover { #resign-button:hover {
background-color: var(--color-primary-light); background-color: var(--color-primary-light);
} }
@ -246,7 +245,9 @@ body {
background-color: var(--color-primary); background-color: var(--color-primary);
color: var(--color-on-primary); color: var(--color-on-primary);
} }
#copy-link-button:hover {
background-color: var(--color-primary-light);
}
#copy-link-button.copied-state { #copy-link-button.copied-state {
background-color: var(--color-success); background-color: var(--color-success);
} }
@ -255,7 +256,6 @@ body {
background-color: var(--color-info); background-color: var(--color-info);
color: var(--color-on-primary); color: var(--color-on-primary);
} }
#takeback-button:hover { #takeback-button:hover {
background-color: var(--color-info-light); background-color: var(--color-info-light);
} }
@ -264,16 +264,22 @@ body {
background-color: var(--color-secondary); background-color: var(--color-secondary);
color: var(--color-on-secondary); color: var(--color-on-secondary);
} }
#draw-button:hover { #draw-button:hover {
background-color: var(--color-secondary-light); background-color: var(--color-secondary-light);
} }
#rematch-button {
background-color: var(--color-primary);
color: var(--color-on-primary);
}
#rematch-button:hover {
background-color: var(--color-primary-light);
}
.accept-button { .accept-button {
background-color: var(--color-success); background-color: var(--color-success);
color: var(--color-on-primary); color: var(--color-on-primary);
} }
.accept-button:hover { .accept-button:hover {
background-color: var(--color-success-light); background-color: var(--color-success-light);
} }
@ -282,7 +288,6 @@ body {
background-color: var(--color-error); background-color: var(--color-error);
color: var(--color-on-primary); color: var(--color-on-primary);
} }
.decline-button:hover { .decline-button:hover {
background-color: var(--color-error-light); background-color: var(--color-error-light);
} }