react-native-paper
Version:
Material design for React Native
76 lines (74 loc) • 2.75 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.MD3LightTheme = void 0;
var _color = _interopRequireDefault(require("color"));
var _tokens = require("./tokens");
var _fonts = _interopRequireDefault(require("../../fonts"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
const {
palette,
opacity
} = _tokens.tokens.md.ref;
const MD3LightTheme = {
dark: false,
roundness: 4,
version: 3,
isV3: true,
colors: {
primary: palette.primary40,
primaryContainer: palette.primary90,
secondary: palette.secondary40,
secondaryContainer: palette.secondary90,
tertiary: palette.tertiary40,
tertiaryContainer: palette.tertiary90,
surface: palette.neutral99,
surfaceVariant: palette.neutralVariant90,
surfaceDisabled: (0, _color.default)(palette.neutral10).alpha(opacity.level2).rgb().string(),
background: palette.neutral99,
error: palette.error40,
errorContainer: palette.error90,
onPrimary: palette.primary100,
onPrimaryContainer: palette.primary10,
onSecondary: palette.secondary100,
onSecondaryContainer: palette.secondary10,
onTertiary: palette.tertiary100,
onTertiaryContainer: palette.tertiary10,
onSurface: palette.neutral10,
onSurfaceVariant: palette.neutralVariant30,
onSurfaceDisabled: (0, _color.default)(palette.neutral10).alpha(opacity.level4).rgb().string(),
onError: palette.error100,
onErrorContainer: palette.error10,
onBackground: palette.neutral10,
outline: palette.neutralVariant50,
outlineVariant: palette.neutralVariant80,
inverseSurface: palette.neutral20,
inverseOnSurface: palette.neutral95,
inversePrimary: palette.primary80,
shadow: palette.neutral0,
scrim: palette.neutral0,
backdrop: (0, _color.default)(_tokens.MD3Colors.neutralVariant20).alpha(0.4).rgb().string(),
elevation: {
level0: 'transparent',
// Note: Color values with transparency cause RN to transfer shadows to children nodes
// instead of View component in Surface. Providing solid background fixes the issue.
// Opaque color values generated with `palette.primary99` used as background
level1: 'rgb(247, 243, 249)',
// palette.primary40, alpha 0.05
level2: 'rgb(243, 237, 246)',
// palette.primary40, alpha 0.08
level3: 'rgb(238, 232, 244)',
// palette.primary40, alpha 0.11
level4: 'rgb(236, 230, 243)',
// palette.primary40, alpha 0.12
level5: 'rgb(233, 227, 241)' // palette.primary40, alpha 0.14
}
},
fonts: (0, _fonts.default)(),
animation: {
scale: 1.0
}
};
exports.MD3LightTheme = MD3LightTheme;
//# sourceMappingURL=LightTheme.js.map