Darkmode for survey pages. Fixes for eslint.

website/src/styles/Theme/colors.ts

@@ -7,8 +7,8 @@ export const colors = {
     bg: "gray.900",
     text: "white",
   },
-  'dark-blue-btn': {
-    200: 'rgb(29,78,216)',
-    300: 'blue',
-  }
-};
+  "dark-blue-btn": {
+    200: "rgb(29,78,216)",
+    300: "blue",
+  },
+};

website/src/styles/Theme/components/Container.ts

@@ -3,12 +3,12 @@ import { defineStyleConfig } from "@chakra-ui/styled-system";
 const baseStyle = {};
 
 const variants = {
-  'no-padding': {
+  "no-padding": {
     padding: 0,
-  }
-}
+  },
+};
 
 export const containerTheme = defineStyleConfig({
   baseStyle,
   variants,
-})
+});

website/src/styles/Theme/index.ts

@@ -7,7 +7,6 @@ const config: ThemeConfig = {
   initialColorMode: "light",
   useSystemColorMode: true,
   disableTransitionOnChange: false,
-  
 };
 
 const components = {
@@ -16,12 +15,12 @@ const components = {
 
 const styles: Styles = {
   global: (props) => ({
-    '*': {
+    "*": {
       transition: "background-color 200ms cubic-bezier(0.4, 0, 1, 1)",
       // bg: props.colorMode === "light" ? colors.light.bg : colors.dark.bg,
       // color: props.colorMode === "light" ? colors.light.text : colors.dark.text,
     },
-    '.oa-basic-theme': {
+    ".oa-basic-theme": {
       bg: props.colorMode === "light" ? colors.light.bg : colors.dark.bg,
       color: props.colorMode === "light" ? colors.light.text : colors.dark.text,
     },