Greg/SportAttendanceSheet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Nex color scheme

Browse Source
This commit is contained in:
Greg 2025-05-10 17:18:32 +02:00
parent 8d57bd32de
commit c0ecd7ae3d
1 changed files with 17 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
templates/index.html
View File

@ -8,34 +8,34 @@
body { body {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
margin: 2em; margin: 2em;
background: #e8dbcb; background: #222831;
color: #071330; color: #DFD0B8;
} }
.table-container { width: 100%; overflow-x: auto; max-height: 70vh; } .table-container { width: 100%; overflow-x: auto; max-height: 70vh; }
table { border-collapse: collapse; width: 100%; min-width: 700px; margin-bottom: 1em; background: #fff; } table { border-collapse: collapse; width: 100%; min-width: 700px; margin-bottom: 1em; background: #393E46; color: #DFD0B8; }
th, td { border: 1px solid #c3d6db; padding: 0.5em; text-align: center; } th, td { border: 1px solid #393E46; padding: 0.5em; text-align: center; }
th { background: #c3d6db; color: #071330; position: sticky; top: 0; z-index: 2; } th { background: #393E46; color: #DFD0B8; position: sticky; top: 0; z-index: 2; }
.clickable { cursor: pointer; background: #e7f7e7; transition: background 0.15s, box-shadow 0.15s; } .clickable { cursor: pointer; background: #222831; transition: background 0.15s, box-shadow 0.15s; }
.clickable:hover { .clickable:hover {
background: #dbeedb; background: #393E46;
box-shadow: 0 0 0 2px #98ba0b33; box-shadow: 0 0 0 2px #94897966;
} }
.yes { background: #b6e7b6; font-weight: bold; color: #071330; } .yes { background: #948979; font-weight: bold; color: #222831; }
input[type="text"] { input[type="text"] {
width: 90%; width: 90%;
padding: 0.2em; padding: 0.2em;
border: 1px solid #c3d6db; border: 1px solid #393E46;
background: #e8dbcb; background: #DFD0B8;
color: #071330; color: #222831;
} }
input[type="text"]::placeholder { input[type="text"]::placeholder {
color: #707070; color: #948979;
opacity: 1; opacity: 1;
} }
#add-date { #add-date {
margin-top: 1em; margin-top: 1em;
background: #98ba0b; background: #948979;
color: #071330; color: #222831;
border: none; border: none;
padding: 0.7em 1.5em; padding: 0.7em 1.5em;
border-radius: 4px; border-radius: 4px;
@ -44,10 +44,10 @@
transition: background 0.2s; transition: background 0.2s;
} }
#add-date:hover { #add-date:hover {
background: #7d9909; background: #7c765c;
} }
.secondary-text { .secondary-text {
color: #c3d6db; color: #DFD0B8;
} }
.name-col { width: 140px; min-width: 100px; max-width: 180px; } .name-col { width: 140px; min-width: 100px; max-width: 180px; }
@media (max-width: 900px) { @media (max-width: 900px) {