Tweaked radio button size and colors.

2025-01-24 01:03:04 -06:00
parent 231949c4dd
commit 445002ae89
2 changed files with 14 additions and 7 deletions
@@ -6,9 +6,12 @@
 	--alt-bg-color: #e6e6e6;
 	--main-font-color: #134e13;
 	--disabled-bg-color: #666666;
-	--border-style: var(--default-border-thickness) outset pink;
-	--border-focus-style: var(--default-border-thickness) solid var(--main-font-color);
 	--control-disabled: #000000;
+
+	/* --border-style: var(--default-border-thickness) outset pink; */
+	--border-style: var(--default-border-thickness) solid var(--alt-bg-color);
+	--border-focus-style: var(--default-border-thickness) solid var(--main-font-color);
+	--border-disabled-style: var(--default-border-thickness) solid var(--control-disabled);
 }
 body {
 	background-color: var(--main-bg-color);
@@ -37,10 +40,10 @@ input[type="checkbox"]:focus {
 }

 input[type="checkbox"]:disabled {
-	color: var(--control-disabled);
+	border: var(--border-disabled-style);
 }

-input[type=radio] {
+input[type="radio"] {
 	border: var(--border-style);
 }

@@ -54,6 +57,10 @@ input[type=radio]:checked {
 	border: var(--border-focus-style);
 }

+input[type="radio"]:disabled {
+	border: var(--border-disabled-style);
+}
+
 input[type=button] {
 	border: var(--border-style);
 }