| 1 | import color from 'color';
|
| 2 | import { black, white, pinkA400 } from './colors';
|
| 3 | import configureFonts from './fonts';
|
| 4 | import type { Theme } from '../types';
|
| 5 |
|
| 6 | const DefaultTheme: Theme = {
|
| 7 | dark: false,
|
| 8 | roundness: 4,
|
| 9 | colors: {
|
| 10 | primary: '#6200ee',
|
| 11 | accent: '#03dac4',
|
| 12 | background: '#f6f6f6',
|
| 13 | surface: white,
|
| 14 | error: '#B00020',
|
| 15 | text: black,
|
| 16 | onSurface: '#000000',
|
| 17 | disabled: color(black).alpha(0.26).rgb().string(),
|
| 18 | placeholder: color(black).alpha(0.54).rgb().string(),
|
| 19 | backdrop: color(black).alpha(0.5).rgb().string(),
|
| 20 | notification: pinkA400,
|
| 21 | },
|
| 22 | fonts: configureFonts(),
|
| 23 | animation: {
|
| 24 | scale: 1.0,
|
| 25 | },
|
| 26 | };
|
| 27 |
|
| 28 | export default DefaultTheme;
|