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