From 8a0afe5f880719f4a18bc7b7de9712700a71018d Mon Sep 17 00:00:00 2001 From: clfreville2 Date: Tue, 6 Feb 2024 22:31:42 +0100 Subject: [PATCH] Tweak some colors --- src/style.css | 23 +++++++++++++++++++++-- 1 file changed, 21 insertions(+), 2 deletions(-) diff --git a/src/style.css b/src/style.css index d44e4e3..57abeb2 100644 --- a/src/style.css +++ b/src/style.css @@ -101,9 +101,12 @@ button:focus-visible { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2); cursor: pointer; } -.card:hover { +.card:hover, .card:focus { background-color: #2a2a2a; } +.card:active { + background-color: #3a3a3a; +} graph-editor { display: block; @@ -232,8 +235,18 @@ th, td { color: #213547; background-color: #ffffff; } + .card { + background-color: #f0f0f0; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2); + } + .card:hover, .card:focus { + background-color: #e0e0e0; + } + .card:active { + background-color: #d0d0d0; + } button, .button { - background-color: #f9f9f9; + background-color: #e9e9e9; } .context-menu { background: white; @@ -246,4 +259,10 @@ th, td { .context-menu li:active { background-color: #e0e0e0; } + th, td { + border-bottom: thin solid hsla(0, 0%, 0%, .12); + } + .modal-content { + background-color: #f0f0f0; + } }