slaguru666/roll20-character-sheets-tester
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Easier to read dark mode checkboxes and radio buttons, lighter blue

Browse Source
This commit is contained in:
James Fleming
2022-07-27 10:34:16 -04:00
parent fa37257b6d
commit ba36a7ebaa
1 changed files with 11 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
The Fantasy Trip/TFT.css
+11 -13
View File
@@ -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;