turboderp-org/exui
1
0
Fork 0
mirror of https://github.com/turboderp-org/exui.git synced 2026-04-20 06:19:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Style checkboxes

Browse Source
This commit is contained in:
turboderp
2023-11-15 01:23:24 +01:00
parent 61a47cd06d
commit 4d5ea87962
2 changed files with 37 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
static/controls.css
View File

@@ -9,6 +9,7 @@
padding-top: 5px;
padding-bottom: 5px;
margin-right: 5px;
accent-color: var(--checkbox-accent-color);
}
.checkbox-label {
@@ -135,3 +136,31 @@
}
input[type="checkbox"] {
display: none;
}
input[type="checkbox"] + label:before {
border: 1px solid var(--textcolor-dim);
content: "\00a0";
display: inline-block;
font: 13px/1em sans-serif;
height: 13px;
margin: 0 .25em 0 0;
margin-right: 7px;
padding: 0;
width: 13px;
}
input[type="checkbox"]:checked + label:before {
border: 1px solid var(--checkbox-accent-border);
background: var(--checkbox-accent-color);
color: var(--textcolor-text);
content: "✓";
text-align: center;
}
input[type="checkbox"]:checked + label:after {
font-weight: bold;
}

8
static/theme.css
View File

@@ -52,6 +52,9 @@
--slider-track-color: rgb(77, 77, 77);
--slider-hover-color: rgb(88, 88, 88);
--checkbox-accent-color: rgba(64, 64, 128, 255);
--checkbox-accent-border: rgba(96, 96, 192, 255);
--select-brightness: 125%;
--hover-brightness: 150%;
@@ -170,6 +173,9 @@
--progress-color: rgba(142, 175, 222, 255);
--progress-color-back: rgba(47, 57, 80, 255);
--checkbox-accent-color: rgba(142, 175, 222, 255);
--checkbox-accent-border: rgba(142, 175, 222, 255);
}
/* Unholy */
@@ -221,4 +227,6 @@
--slider-track-color: rgb(197, 197, 197);
--slider-hover-color: rgb(88, 88, 88);
--checkbox-accent-color: rgba(242, 162, 92, 255);
--checkbox-accent-border: rgba(242, 162, 92, 255);
}