From c0ecd7ae3dd2d0afd3dc8ea89319d99ad2e3d9cb Mon Sep 17 00:00:00 2001 From: Greg Date: Sat, 10 May 2025 17:18:32 +0200 Subject: [PATCH] Nex color scheme --- templates/index.html | 34 +++++++++++++++++----------------- 1 file changed, 17 insertions(+), 17 deletions(-) diff --git a/templates/index.html b/templates/index.html index 1e2ff2f..ffe03fc 100644 --- a/templates/index.html +++ b/templates/index.html @@ -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) {