From 1282a72acf12165682ddcfe6a95b6b54c3d73257 Mon Sep 17 00:00:00 2001
From: Raymond Zhou <56318341+rayzhou-bit@users.noreply.github.com>
Date: Thu, 9 Feb 2023 15:33:20 -0800
Subject: [PATCH] feat: green radio+checkbox only for valid Checker (#239)

---
 .../ProblemEditor/components/EditProblemView/index.scss       | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/editors/containers/ProblemEditor/components/EditProblemView/index.scss b/src/editors/containers/ProblemEditor/components/EditProblemView/index.scss
index bd2699f85..500012974 100644
--- a/src/editors/containers/ProblemEditor/components/EditProblemView/index.scss
+++ b/src/editors/containers/ProblemEditor/components/EditProblemView/index.scss
@@ -7,13 +7,13 @@
 // overrides paragon in order to make checked radio and checkboxes green
 $checked-color: '%230D7D4D';
 
-.pgn__form-radio-input {
+.pgn__form-radio.pgn__form-control-valid input {
   &:checked {
     background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$checked-color}'/></svg>")
   }
 }
 
-.pgn__form-checkbox-input {
+.pgn__form-checkbox.pgn__form-control-valid input {
   &:checked {
     background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M21 3H3V21H21V3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' fill='#{$checked-color}'/></svg>");
   }