From ba36a7ebaacebd48dc0723cc2274a5056ed6b066 Mon Sep 17 00:00:00 2001 From: James Fleming Date: Wed, 27 Jul 2022 10:34:16 -0400 Subject: [PATCH] Easier to read dark mode checkboxes and radio buttons, lighter blue --- The Fantasy Trip/TFT.css | 24 +++++++++++------------- 1 file changed, 11 insertions(+), 13 deletions(-) diff --git a/The Fantasy Trip/TFT.css b/The Fantasy Trip/TFT.css index d5e24f0d72..6d7ea9dea9 100644 --- a/The Fantasy Trip/TFT.css +++ b/The Fantasy Trip/TFT.css @@ -729,23 +729,29 @@ body.sheet-darkmode .charsheet .sheet-unselected-tab { body.sheet-darkmode .charsheet .sheet-selected-tab { color: white; border-color: black; -/* background-color: #2E2F30;*/ background-color: #272730; } /* Make the button after the checked radio button be blue */ /* See we actually hide the checkbox, but make a button after it */ -.charsheet .sheet-select-radio:checked + button { - background-color: blue; -} - +.charsheet .sheet-select-radio:checked + button, .charsheet .sheet-checkbox-checkbox:checked + button { background-color: #0060ff; } +.charsheet .sheet-select-radio:checked + button:hover, .charsheet .sheet-checkbox-checkbox:checked + button:hover { background-color: blue; } +body.sheet-darkmode .charsheet .sheet-checkbox-checkbox:checked + button, +body.sheet-darkmode .charsheet .sheet-select-radio:checked + button { + background-color: #0075FF; +} +body.sheet-darkmode .charsheet .sheet-checkbox-checkbox:checked + button:hover, +body.sheet-darkmode .charsheet .sheet-select-radio:checked + button:hover { + background-color: blue; +} + .charsheet .sheet-checkbox-checkbox:checked + button::after { /*content: "3"; 3 is check*/ content: "*"; /* x */ @@ -805,19 +811,11 @@ body.sheet-darkmode input, textarea { box-shadow:none; font-size:0.9em; padding: .2rem .5rem .2rem .5rem; - /* - background: #000; - border-color: black; - color: white; - */ } body.sheet-darkmode .charsheet .repcontrol_add, body.sheet-darkmode .charsheet .repcontrol_edit, body.sheet-darkmode .charsheet .repcontrol_del { - /* - background-color: #201820; - */ background: #201820; /* slight dark purple */ border-color: black; color: white;