Add documentation comment to theme background color field

src/styles/themes/default.js

@@ -83,6 +83,10 @@ const darkTheme = {
     starDefaultBG: 'rgb(254, 228, 94)',
 };
 
+// Adding a color here will animate the status bar to the right color when the screen is opened.
+// Note that it needs to be a screen name, not a route url.
+// The route urls from ROUTES.ts are only used for deep linking and configuring URLs on web.
+// The screen name (see SCREENS.ts) is the name of the screen as far as react-navigation is concerned, and the linkingConfig maps screen names to URLs
 darkTheme.PAGE_BACKGROUND_COLORS = {
     [SCREENS.HOME]: darkTheme.sidebar,
     [SCREENS.SAVE_THE_WORLD.ROOT]: colors.tangerine800,

src/styles/themes/light.js

@@ -82,6 +82,10 @@ const lightTheme = {
     starDefaultBG: 'rgb(254, 228, 94)',
 };
 
+// Adding a color here will animate the status bar to the right color when the screen is opened.
+// Note that it needs to be a screen name, not a route url.
+// The route urls from ROUTES.ts are only used for deep linking and configuring URLs on web.
+// The screen name (see SCREENS.ts) is the name of the screen as far as react-navigation is concerned, and the linkingConfig maps screen names to URLs
 lightTheme.PAGE_BACKGROUND_COLORS = {
     [SCREENS.HOME]: lightTheme.sidebar,
     [SCREENS.SAVE_THE_WORLD.ROOT]: colors.tangerine800,