use blue instead of orange for enketo surveys

Since Enketo's themes use SCSS it isn't that hard to override the orange color. This makes it a bit more cohesive with the rest of the app.

www/css/style.css → www/css/style.scss

@@ -1,3 +1,6 @@
+/* This file is in Sassy CSS (SCSS) because Enketo uses SCSS and we want to extend on their styles.
+  Webpack will just compile this to plain CSS anyway */
+
 @import 'leaflet/dist/leaflet.css';
 
 html {
@@ -7,6 +10,9 @@ html {
 /* Scoped styles for Enketo */
 /* if we don't contain them here, they will leak into the rest of the app */
 .enketo-plugin {
+  // Enketo's default theme uses orange; we can override with our own blue
+  $primary: #0080b9; // matches 'primary' in appTheme.ts
+  $brand-primary-color: darken($primary, 5%); // make it a bit darker for legibility in Enketo UI
   @import 'enketo-core/src/sass/formhub/formhub.scss';
   flex: 1;
   .question.non-select {

www/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { createRoot } from 'react-dom/client';
 import { Provider as PaperProvider } from 'react-native-paper';
 
-import './css/style.css';
+import './css/style.scss';
 import 'chartjs-adapter-luxon';
 
 import initializedI18next from './js/i18nextInit';