diff options
-rw-r--r-- | packages/instant/src/redux/store.ts | 2 | ||||
-rw-r--r-- | packages/instant/src/style/theme.ts | 7 |
2 files changed, 7 insertions, 2 deletions
diff --git a/packages/instant/src/redux/store.ts b/packages/instant/src/redux/store.ts index 4d80c0383..46c4350b0 100644 --- a/packages/instant/src/redux/store.ts +++ b/packages/instant/src/redux/store.ts @@ -3,6 +3,4 @@ import { applyMiddleware, createStore, Store as ReduxStore } from 'redux'; import { reducer, State } from './reducer'; -const ONE_SECOND = 1000; - export const store: ReduxStore<State> = createStore(reducer); diff --git a/packages/instant/src/style/theme.ts b/packages/instant/src/style/theme.ts index 838378c99..0af233db2 100644 --- a/packages/instant/src/style/theme.ts +++ b/packages/instant/src/style/theme.ts @@ -8,12 +8,18 @@ const { ThemeProvider, } = styledComponents as styledComponents.ThemedStyledComponentsModule<IThemeInterface>; +// Inject the inter-ui font into the page +styledComponents.injectGlobal` + @import url('https://rsms.me/inter/inter-ui.css'); +`; + export interface IThemeInterface { primaryColor: string; black: string; white: string; darkGrey: string; lightGrey: string; + fontFamily: string; } export const theme: IThemeInterface = { @@ -22,6 +28,7 @@ export const theme: IThemeInterface = { lightGrey: '#999999', darkGrey: '#333333', white: 'white', + fontFamily: 'Inter UI, sans-serif', }; export { styled, css, injectGlobal, keyframes, ThemeProvider }; |