From 9bcb1489cfe65569d22f0235853de30c3726a0bd Mon Sep 17 00:00:00 2001
From: Sebastian Malton <sebastian@malton.name>
Date: Tue, 17 Aug 2021 15:50:58 -0400
Subject: [PATCH] Fix colouring of checkbox

Signed-off-by: Sebastian Malton <sebastian@malton.name>
---
 .../components/mui/checkbox/checkbox.tsx      | 28 ++++++++++++-------
 1 file changed, 18 insertions(+), 10 deletions(-)

diff --git a/src/renderer/components/mui/checkbox/checkbox.tsx b/src/renderer/components/mui/checkbox/checkbox.tsx
index b612ae5309..59255404d9 100644
--- a/src/renderer/components/mui/checkbox/checkbox.tsx
+++ b/src/renderer/components/mui/checkbox/checkbox.tsx
@@ -19,7 +19,7 @@
  * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
 
-import { Checkbox as MuiCheckbox, CheckboxClassKey, CheckboxProps, createStyles, Theme, withStyles } from "@material-ui/core";
+import { Checkbox as MuiCheckbox, CheckboxClassKey, CheckboxProps, createStyles, withStyles } from "@material-ui/core";
 import React from "react";
 
 interface Styles extends Partial<Record<CheckboxClassKey, string>> {
@@ -29,20 +29,28 @@ interface Props extends CheckboxProps {
   classes: Styles;
 }
 
-export const Checkbox = withStyles((theme: Theme) =>
+export const Checkbox = withStyles(() =>
   createStyles({
     root: {
       width: 40,
-      height: 24,
+      height: 40,
       padding: 0,
       margin: "0 0 0 8px",
+      color: "var(--blue)",
+      "&$checked": {
+        color: "var(--blue)",
+      },
+    },
+    colorPrimary: {
+    },
+    colorSecondary: {
+    },
+    checked: {
+    },
+    disabled: {
+    },
+    indeterminate: {
     },
-    colorPrimary: { },
-    colorSecondary: { },
-    checked: {},
-    disabled: {},
-    indeterminate: {},
-    input: {},
   }),
 )(({ classes, ...props }: Props) => {
   return (
@@ -54,9 +62,9 @@ export const Checkbox = withStyles((theme: Theme) =>
         checked: classes.checked,
         disabled: classes.disabled,
         indeterminate: classes.indeterminate,
-        input: classes.input,
       }}
       {...props}
+      color="default"
     />
   );
 });