Add subtitle2 color

docs/themes.md

@@ -53,6 +53,7 @@ Question mark shows optional types.
 | primaryText     | ColorValue | Color of the text on a `primary` color                             |
 | secondary       | ColorValue | Secondary color, used as a background of received messages         |
 | secondaryText   | ColorValue | Color of the text on a `secondary` color                           |
+| subtitle2       | ColorValue | Color of the `subtitle2` text style                                |
 
 ### ThemeFonts
 

src/components/Chat/styles.ts

@@ -11,7 +11,7 @@ export default ({ theme }: { theme: Theme }) =>
     dateDivider: StyleSheet.flatten([
       theme.fonts.subtitle2,
       {
-        color: theme.colors.secondaryText,
+        color: theme.colors.subtitle2,
         marginBottom: 32,
         textAlign: 'center',
       },

src/theme.ts

@@ -15,6 +15,7 @@ export const defaultTheme: Theme = {
     primaryText: '#ffffff',
     secondary: '#f7f7f8',
     secondaryText: '#1d1d21',
+    subtitle2: '#1d1d21',
   },
   fonts: {
     body1: {
@@ -58,5 +59,6 @@ export const darkTheme: Theme = {
     inputBackground: '#2b2250',
     secondary: '#2b2250',
     secondaryText: '#ffffff',
+    subtitle2: '#ffffff',
   },
 }

src/types.ts

@@ -78,6 +78,7 @@ export interface ThemeColors {
   primaryText: ColorValue
   secondary: ColorValue
   secondaryText: ColorValue
+  subtitle2: ColorValue
 }
 
 export interface ThemeFonts {