Add dark mode (#199)

* Add passive dark mode to everything but codemirror

* Add dark theme support for Codemirror

* Make theme a user setting

* Fix button text size

* guard against undefined window

* Formatting and test fix

src/components/Toolbar/ConvertVariable.tsx

@@ -53,9 +53,6 @@ export const ConvertToVariable = () => {
           console.log('e', e)
         }
       }}
-      className={`border m-1 px-1 rounded text-xs ${
-        enableAngLen ? 'bg-gray-50 text-gray-800' : 'bg-gray-200 text-gray-400'
-      }`}
       disabled={!enableAngLen}
     >
       ConvertToVariable

src/components/Toolbar/EqualAngle.tsx

@@ -86,9 +86,6 @@ export const EqualAngle = () => {
           callBack: updateCursors(setCursor, selectionRanges, pathToNodeMap),
         })
       }}
-      className={`border m-1 px-1 rounded text-xs ${
-        enableEqual ? 'bg-gray-50 text-gray-800' : 'bg-gray-200 text-gray-400'
-      }`}
       disabled={!enableEqual}
       title="yo dawg"
     >

src/components/Toolbar/EqualLength.tsx

@@ -86,9 +86,6 @@ export const EqualLength = () => {
           callBack: updateCursors(setCursor, selectionRanges, pathToNodeMap),
         })
       }}
-      className={`border m-1 px-1 rounded text-xs ${
-        enableEqual ? 'bg-gray-50 text-gray-800' : 'bg-gray-200 text-gray-400'
-      }`}
       disabled={!enableEqual}
       title="yo dawg"
     >

src/components/Toolbar/HorzVert.tsx

@@ -65,9 +65,6 @@ export const HorzVert = ({
           callBack: updateCursors(setCursor, selectionRanges, pathToNodeMap),
         })
       }}
-      className={`border m-1 px-1 rounded text-xs ${
-        enableHorz ? 'bg-gray-50 text-gray-800' : 'bg-gray-200 text-gray-400'
-      }`}
       disabled={!enableHorz}
       title="yo dawg"
     >

src/components/Toolbar/Intersect.tsx

@@ -187,9 +187,6 @@ export const Intersect = () => {
           })
         }
       }}
-      className={`border m-1 px-1 rounded text-xs ${
-        enable ? 'bg-gray-50 text-gray-800' : 'bg-gray-200 text-gray-400'
-      }`}
       disabled={!enable}
     >
       perpendicularDistance

src/components/Toolbar/RemoveConstrainingValues.tsx

@@ -69,9 +69,6 @@ export const RemoveConstrainingValues = () => {
           callBack: updateCursors(setCursor, selectionRanges, pathToNodeMap),
         })
       }}
-      className={`border m-1 px-1 rounded text-xs ${
-        enableHorz ? 'bg-gray-50 text-gray-800' : 'bg-gray-200 text-gray-400'
-      }`}
       disabled={!enableHorz}
       title="yo dawg"
     >

src/components/Toolbar/SetAbsDistance.tsx

@@ -131,9 +131,6 @@ export const SetAbsDistance = ({
           console.log('e', e)
         }
       }}
-      className={`border m-1 px-1 rounded text-xs ${
-        enableAngLen ? 'bg-gray-50 text-gray-800' : 'bg-gray-200 text-gray-400'
-      }`}
       disabled={!enableAngLen}
     >
       {buttonType}

src/components/Toolbar/SetAngleBetween.tsx

@@ -146,9 +146,6 @@ export const SetAngleBetween = () => {
           })
         }
       }}
-      className={`border m-1 px-1 rounded text-xs ${
-        enable ? 'bg-gray-50 text-gray-800' : 'bg-gray-200 text-gray-400'
-      }`}
       disabled={!enable}
     >
       angleBetween

src/components/Toolbar/SetHorzVertDistance.tsx

@@ -168,9 +168,6 @@ export const SetHorzVertDistance = ({
           })
         }
       }}
-      className={`border m-1 px-1 rounded text-xs ${
-        enable ? 'bg-gray-50 text-gray-800' : 'bg-gray-200 text-gray-400'
-      }`}
       disabled={!enable}
     >
       {buttonType}

src/components/Toolbar/setAngleLength.tsx

@@ -143,9 +143,6 @@ export const SetAngleLength = ({
           console.log('e', e)
         }
       }}
-      className={`border m-1 px-1 rounded text-xs ${
-        enableAngLen ? 'bg-gray-50 text-gray-800' : 'bg-gray-200 text-gray-400'
-      }`}
       disabled={!enableAngLen}
     >
       {angleOrLength}