Refactor some css colors

These will be reused in the settings tabs and perhaps elsewhere
This commit is contained in:
Tim Van Baak 2021-09-04 13:24:11 -07:00
parent d05bc3e689
commit 00bb2aedec
1 changed files with 9 additions and 4 deletions

View File

@ -1,3 +1,8 @@
:root {
--button-default: #dddddd;
--button-hover: #cccccc;
--button-current: #bbbbbb;
}
body { body {
background-color: #eeeeee; background-color: #eeeeee;
line-height: 1.4; line-height: 1.4;
@ -57,7 +62,7 @@ div.misclinks table td a {
table a { table a {
display: flex; display: flex;
padding: 3px; padding: 3px;
background-color: #dddddd; background-color: var(--button-default);
border-radius: 5px; border-radius: 5px;
text-decoration: none; text-decoration: none;
} }
@ -65,13 +70,13 @@ div#sidebar table a {
justify-content: center; justify-content: center;
} }
table a:hover { table a:hover {
background-color: #cccccc; background-color: var(--button-hover);
} }
div#sidebar table a.current-page { div#sidebar table a.current-page {
background-color: #bbbbbb; background-color: var(--button-current);
} }
div#sidebar table a.current-page:hover { div#sidebar table a.current-page:hover {
background-color: #bbbbbb; background-color: var(--button-current);
} }
div#sidebar table td { div#sidebar table td {
padding: 0px; margin: 3px 0; padding: 0px; margin: 3px 0;