feature/more-themes

src/languages/de_DE/index.js

@@ -87,6 +87,12 @@ const de_DE = () => ({
   orangeThemeDescription: 'Lass uns Niederländisch werden.',
   themeToggleEnabled: 'Thema umschalten',
   cyclicRedundancyCheck: 'Zyklische Redundanzprüfung',
+  deepOrange: 'Tiefes Orange',
+  deepOrangeDescription: 'Für den Fall, dass Orange nicht genug war.',
+  amber: 'Amber',
+  amberDescription: 'Nicht selektives Gelb.',
+  brown: 'Braun',
+  brownDescription: 'Besser als ein Brownout.',
 });
 
 // eslint-disable-next-line camelcase

src/languages/en_US/index.js

@@ -87,6 +87,12 @@ const en_US = () => ({
   orangeThemeDescription: 'Let\'s get Dutch.',
   themeToggleEnabled: 'Theme toggle',
   cyclicRedundancyCheck: 'Cyclic redundancy check',
+  deepOrange: 'Deep orange',
+  deepOrangeDescription: 'In case orange wasn\'t enough.',
+  amber: 'Amber',
+  amberDescription: 'Not selective yellow.',
+  brown: 'Brown',
+  brownDescription: 'Better than a brownout.',
 });
 
 // eslint-disable-next-line camelcase

src/languages/es_ES/index.js

@@ -87,6 +87,12 @@ const es_ES = () => ({
   orangeThemeDescription: 'Vamos a holandeses.',
   themeToggleEnabled: 'Alternar tema',
   cyclicRedundancyCheck: 'Verificación de redundancia cíclica',
+  deepOrange: 'Naranja intenso',
+  deepOrangeDescription: 'En caso de que el naranja no fuera suficiente.',
+  amber: 'Ámbar',
+  amberDescription: 'No selectivo amarillo.',
+  brown: 'Marrón',
+  brownDescription: 'Mejor que un apagón.',
 });
 
 // eslint-disable-next-line camelcase

src/languages/fr_FR/index.js

@@ -87,6 +87,12 @@ const fr_FR = () => ({
   orangeThemeDescription: 'Il faut que ça Néerlandais.',
   themeToggleEnabled: 'Basculer le thème',
   cyclicRedundancyCheck: 'Contrôle de redondance cyclique',
+  deepOrange: 'Orange foncé',
+  deepOrangeDescription: 'Au cas où l\'orange ne suffirait pas.',
+  amber: 'Ambre',
+  amberDescription: 'Jaune non sélectif.',
+  brown: 'Marron',
+  brownDescription: 'Mieux qu\'une baisse de tension.',
 });
 
 // eslint-disable-next-line camelcase

src/languages/it_IT/index.js

@@ -87,6 +87,12 @@ const it_IT = () => ({
   orangeThemeDescription: 'Prendiamo l\'olandese.',
   themeToggleEnabled: 'Commutazione del tema',
   cyclicRedundancyCheck: 'Controllo di ridondanza ciclico',
+  deepOrange: 'Arancio intenso',
+  deepOrangeDescription: 'Nel caso l\'arancione non fosse abbastanza.',
+  amber: 'Ambra',
+  amberDescription: 'Giallo non selettivo.',
+  brown: 'Marrone',
+  brownDescription: 'Meglio di un brownout.',
 });
 
 // eslint-disable-next-line camelcase

src/languages/jp_JP/index.js

@@ -87,6 +87,12 @@ const jp_JP = () => ({
   orangeThemeDescription: 'オランダ語を取得しましょう。',
   themeToggleEnabled: 'テーマの切り替え',
   cyclicRedundancyCheck: '巡回冗長検査',
+  deepOrange: '濃いオレンジ',
+  deepOrangeDescription: 'オレンジでは不十分な場合に備えて。',
+  amber: 'アンバー',
+  amberDescription: '選択的ではない黄色。',
+  brown: '褐色',
+  brownDescription: '電圧低下よりも優れています。',
 });
 
 // eslint-disable-next-line camelcase

src/languages/nl_NL/index.js

@@ -87,6 +87,12 @@ const nl_NL = () => ({
   orangeThemeDescription: 'Op z\'n Nederlands.',
   themeToggleEnabled: 'Thema wisselen',
   cyclicRedundancyCheck: 'Cyclische redundantiecontrole',
+  deepOrange: 'Diep oranje',
+  deepOrangeDescription: 'Voor het geval oranje niet genoeg was.',
+  amber: 'Amber',
+  amberDescription: 'Niet selectief geel.',
+  brown: 'Bruin',
+  brownDescription: 'Beter dan een brownout.',
 });
 
 // eslint-disable-next-line camelcase

src/languages/pt_PT/index.js

@@ -87,6 +87,12 @@ const pt_PT = () => ({
   orangeThemeDescription: 'Vamos para o holandês.',
   themeToggleEnabled: 'Alternar tema',
   cyclicRedundancyCheck: 'Verificação de redundância Cíclica',
+  deepOrange: 'Laranja profundo',
+  deepOrangeDescription: 'No caso de laranja não ser suficiente.',
+  amber: 'Âmbar',
+  amberDescription: 'Amarelo não seletivo.',
+  brown: 'Castanho',
+  brownDescription: 'Melhor do que um brownout.',
 });
 
 // eslint-disable-next-line camelcase

src/languages/ru_RU/index.js

@@ -87,6 +87,12 @@ const ru_RU = () => ({
   orangeThemeDescription: 'Давайте перейдем к голландскому.',
   themeToggleEnabled: 'Переключение темы',
   cyclicRedundancyCheck: 'Циклическая проверка избыточности',
+  deepOrange: 'Темно-оранжевый',
+  deepOrangeDescription: 'На случай, если оранжевого было недостаточно.',
+  amber: 'Янтарь',
+  amberDescription: 'Неселективный желтый.',
+  brown: 'Коричневый',
+  brownDescription: 'Лучше, чем отключение электричества.',
 });
 
 // eslint-disable-next-line camelcase

src/languages/tr_TR/index.js

@@ -87,6 +87,12 @@ const tr_TR = () => ({
   orangeThemeDescription: 'Dutch alalım.',
   themeToggleEnabled: 'Tema geçişi',
   cyclicRedundancyCheck: 'Döngüsel artıklık denetimi',
+  deepOrange: 'Koyu turuncu',
+  deepOrangeDescription: 'Portakal yeterli değilse diye.',
+  amber: 'Kehribar',
+  amberDescription: 'Seçici sarı değil.',
+  brown: 'Kahverengi',
+  brownDescription: 'Kesintiden daha iyi.',
 });
 
 // eslint-disable-next-line camelcase

src/routes/Settings/index.jsx

@@ -14,6 +14,9 @@ import green from '@material-ui/core/colors/green';
 import lightGreen from '@material-ui/core/colors/lightGreen';
 import grey from '@material-ui/core/colors/grey';
 import orange from '@material-ui/core/colors/orange';
+import deepOrange from '@material-ui/core/colors/deepOrange';
+import amber from '@material-ui/core/colors/amber';
+import brown from '@material-ui/core/colors/brown';
 import Paper from '@material-ui/core/Paper';
 import FormControlLabel from '@material-ui/core/FormControlLabel';
 import Checkbox from '@material-ui/core/Checkbox';
@@ -558,6 +561,27 @@ const Settings = () => {
                   selected={themeIndex === 8}
                   onAction={() => changeTheme(8)}
                 />
+                <Theme
+                  title={language.deepOrange}
+                  description={language.deepOrangeDescription}
+                  color={deepOrange[500]}
+                  selected={themeIndex === 9}
+                  onAction={() => changeTheme(9)}
+                />
+                <Theme
+                  title={language.amber}
+                  description={language.amberDescription}
+                  color={amber[500]}
+                  selected={themeIndex === 10}
+                  onAction={() => changeTheme(10)}
+                />
+                <Theme
+                  title={language.brown}
+                  description={language.brownDescription}
+                  color={brown[500]}
+                  selected={themeIndex === 11}
+                  onAction={() => changeTheme(11)}
+                />
               </GridList>
             </Grid>
             <Grid item xs={12} md={12} lg={12}>

src/utils/ThemeSelector/index.js

@@ -7,6 +7,9 @@ import purple from '@material-ui/core/colors/purple';
 import deepPurple from '@material-ui/core/colors/deepPurple';
 import grey from '@material-ui/core/colors/grey';
 import orange from '@material-ui/core/colors/orange';
+import deepOrange from '@material-ui/core/colors/deepOrange';
+import amber from '@material-ui/core/colors/amber';
+import brown from '@material-ui/core/colors/brown';
 
 /**
  * Select the theme, depending on the theme index
@@ -34,6 +37,12 @@ const ThemeSelector = (index) => {
       return grey;
     case 8:
       return orange;
+    case 9:
+      return deepOrange;
+    case 10:
+      return amber;
+    case 11:
+      return brown;
   }
 };