refactor(Themes): move defaultTheme to config

Author: mydearxym

config/general.js

@@ -2,6 +2,8 @@
    general behavior of the site
  */
 
+export const DEFAULT_THEME = 'cyan'
+
 export const PAGE_SIZE = {
   S: 10,
   D: 20,

config/index.js

@@ -1,4 +1,4 @@
-export { PAGE_SIZE, WORD_LIMIT, TAG_COLORS } from './general'
+export { DEFAULT_THEME, PAGE_SIZE, WORD_LIMIT, TAG_COLORS } from './general'
 export {
   GRAPHQL_ENDPOINT,
   ISSUE_ADDR,

stores/ThemeStore/index.js

@@ -6,21 +6,22 @@
 import { types as t, getParent } from 'mobx-state-tree'
 import R from 'ramda'
 
-import { makeDebugger, markStates, themeSkins, defaultTheme } from '../../utils'
+import { DEFAULT_THEME } from '../../config'
+import { makeDebugger, markStates, themeSkins } from '../../utils'
 
 /* eslint-disable no-unused-vars */
 const debug = makeDebugger('S:ThemeStore')
 /* eslint-enable no-unused-vars */
 
 export const ThemeDefaults = {
-  curTheme: defaultTheme,
+  curTheme: DEFAULT_THEME,
 }
 
 export const ThemeStore = t
   .model('ThemeStore', {
     curTheme: t.optional(
       t.enumeration('theme', R.keys(themeSkins)),
-      defaultTheme
+      DEFAULT_THEME
     ),
   })
   .views(self => ({

utils/index.js

@@ -89,7 +89,6 @@ export {
  */
 export {
   theme,
-  defaultTheme,
   themeMeta,
   themeSkins,
   themeCoverMap,

utils/themes/index.js

@@ -14,7 +14,6 @@
 import R from 'ramda'
 import skinsData from './skins'
 
-export const defaultTheme = 'cyan'
 export const themeSkins = { ...skinsData }
 
 // cover color of a theme