94 lines
3.2 KiB
JavaScript
94 lines
3.2 KiB
JavaScript
import { MD3LightTheme, MD3DarkTheme } from 'react-native-paper';
|
|
|
|
export const Theme = {
|
|
light: {
|
|
colors:{
|
|
"primary": "rgb(140, 51, 179)",
|
|
"onPrimary": "rgb(255, 255, 255)",
|
|
"primaryContainer": "rgb(248, 216, 255)",
|
|
"onPrimaryContainer": "rgb(50, 0, 71)",
|
|
"secondary": "rgb(105, 89, 109)",
|
|
"onSecondary": "rgb(255, 255, 255)",
|
|
"secondaryContainer": "rgb(241, 220, 244)",
|
|
"onSecondaryContainer": "rgb(35, 23, 40)",
|
|
"tertiary": "rgb(129, 82, 80)",
|
|
"onTertiary": "rgb(255, 255, 255)",
|
|
"tertiaryContainer": "rgb(255, 218, 216)",
|
|
"onTertiaryContainer": "rgb(51, 17, 17)",
|
|
"error": "rgb(186, 26, 26)",
|
|
"onError": "rgb(255, 255, 255)",
|
|
"errorContainer": "rgb(255, 218, 214)",
|
|
"onErrorContainer": "rgb(65, 0, 2)",
|
|
"background": "rgb(255, 251, 255)",
|
|
"onBackground": "rgb(30, 27, 30)",
|
|
"surface": "rgb(255, 251, 255)",
|
|
"onSurface": "rgb(30, 27, 30)",
|
|
"surfaceVariant": "rgb(235, 223, 233)",
|
|
"onSurfaceVariant": "rgb(76, 68, 77)",
|
|
"outline": "rgb(125, 116, 125)",
|
|
"outlineVariant": "rgb(206, 195, 205)",
|
|
"shadow": "rgb(0, 0, 0)",
|
|
"scrim": "rgb(0, 0, 0)",
|
|
"inverseSurface": "rgb(51, 47, 51)",
|
|
"inverseOnSurface": "rgb(246, 239, 243)",
|
|
"inversePrimary": "rgb(235, 178, 255)",
|
|
"elevation": {
|
|
"level0": "transparent",
|
|
"level1": "rgb(249, 241, 251)",
|
|
"level2": "rgb(246, 235, 249)",
|
|
"level3": "rgb(242, 229, 247)",
|
|
"level4": "rgb(241, 227, 246)",
|
|
"level5": "rgb(239, 223, 244)"
|
|
},
|
|
"surfaceDisabled": "rgba(30, 27, 30, 0.12)",
|
|
"onSurfaceDisabled": "rgba(30, 27, 30, 0.38)",
|
|
"backdrop": "rgba(53, 46, 54, 0.4)"
|
|
}
|
|
},
|
|
dark: {
|
|
"background" : "rgb(235, 178, 255)",
|
|
colors:{
|
|
"primary": "rgb(235, 178, 255)",
|
|
"onPrimary": "rgb(82, 0, 113)",
|
|
"primaryContainer": "rgb(114, 17, 153)",
|
|
"onPrimaryContainer": "rgb(248, 216, 255)",
|
|
"secondary": "rgb(212, 192, 215)",
|
|
"onSecondary": "rgb(57, 44, 61)",
|
|
"secondaryContainer": "rgb(80, 66, 85)",
|
|
"onSecondaryContainer": "rgb(241, 220, 244)",
|
|
"tertiary": "rgb(245, 183, 181)",
|
|
"onTertiary": "rgb(76, 37, 36)",
|
|
"tertiaryContainer": "rgb(102, 59, 57)",
|
|
"onTertiaryContainer": "rgb(255, 218, 216)",
|
|
"error": "rgb(255, 180, 171)",
|
|
"onError": "rgb(105, 0, 5)",
|
|
"errorContainer": "rgb(147, 0, 10)",
|
|
"onErrorContainer": "rgb(255, 180, 171)",
|
|
"background": "rgb(30, 27, 30)",
|
|
"onBackground": "rgb(232, 224, 229)",
|
|
"surface": "rgb(30, 27, 30)",
|
|
"onSurface": "rgb(232, 224, 229)",
|
|
"surfaceVariant": "rgb(76, 68, 77)",
|
|
"onSurfaceVariant": "rgb(206, 195, 205)",
|
|
"outline": "rgb(151, 142, 151)",
|
|
"outlineVariant": "rgb(76, 68, 77)",
|
|
"shadow": "rgb(0, 0, 0)",
|
|
"scrim": "rgb(0, 0, 0)",
|
|
"inverseSurface": "rgb(232, 224, 229)",
|
|
"inverseOnSurface": "rgb(51, 47, 51)",
|
|
"inversePrimary": "rgb(140, 51, 179)",
|
|
"elevation": {
|
|
"level0": "transparent",
|
|
"level1": "rgb(40, 35, 41)",
|
|
"level2": "rgb(46, 39, 48)",
|
|
"level3": "rgb(53, 44, 55)",
|
|
"level4": "rgb(55, 45, 57)",
|
|
"level5": "rgb(59, 48, 62)"
|
|
},
|
|
"surfaceDisabled": "rgba(232, 224, 229, 0.12)",
|
|
"onSurfaceDisabled": "rgba(232, 224, 229, 0.38)",
|
|
"backdrop": "rgba(53, 46, 54, 0.4)"
|
|
}
|
|
},
|
|
};
|