New: Native Theme Engine

Co-Authored-By: Zak Saunders <1936903+thezak48@users.noreply.github.com>

frontend/src/InteractiveImport/Interactive/InteractiveImportModalContent.css

@@ -35,7 +35,7 @@
 }
 
 .errorMessage {
-  color: $dangerColor;
+  color: var(--dangerColor);
 }
 
 @media only screen and (max-width: $breakpointSmall) {

frontend/src/InteractiveImport/Interactive/InteractiveImportRowCellPlaceholder.css

@@ -3,5 +3,5 @@
   margin: -8px 0;
   width: 100%;
   height: 25px;
-  border: 2px dashed $dangerColor;
+  border: 2px dashed var(--dangerColor);
 }

frontend/src/InteractiveImport/Movie/SelectMovieModalContent.css

@@ -27,7 +27,7 @@
 
 .path {
   margin-right: 20px;
-  color: $dimColor;
+  color: var(--dimColor);
   word-break: break-word;
 }
 

frontend/src/InteractiveImport/Movie/SelectMovieRow.css

@@ -1,5 +1,5 @@
 .movie {
   padding: 8px;
   width: 100%;
-  border-bottom: 1px solid $borderColor;
+  border-bottom: 1px solid var(--borderColor);
 }