Something went wrong. Try again.
Utilities and UI components for cross-platform React Native apps
Something went wrong. Try again.
3.6 kB · 107 lines
TypeScript
at main
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108// Copyright (c) 2025 Joseph Hale//// This Source Code Form is subject to the terms of the Mozilla Public// License, v. 2.0. If a copy of the MPL was not distributed with this// file, You can obtain one at https://mozilla.org/MPL/2.0/.
// This theme comes from the React Native Paper demonstration app. Used under the terms of the MIT license.// Source: https://github.com/callstack/react-native-paper/blob/ac3820a50fe1afb82c19cc0853a451e5c190b769/example/utils/index.ts
import type { MaterialThemeColors, MaterialThemeDefinition } from './types';
import DefaultFonts from '../fonts/DefaultFonts';
const LightRed: MaterialThemeColors = { primary: 'rgb(192, 1, 0)', onPrimary: 'rgb(255, 255, 255)', primaryContainer: 'rgb(255, 218, 212)', onPrimaryContainer: 'rgb(65, 0, 0)', secondary: 'rgb(119, 86, 81)', onSecondary: 'rgb(255, 255, 255)', secondaryContainer: 'rgb(255, 218, 212)', onSecondaryContainer: 'rgb(44, 21, 18)', tertiary: 'rgb(112, 92, 46)', onTertiary: 'rgb(255, 255, 255)', tertiaryContainer: 'rgb(251, 223, 166)', onTertiaryContainer: 'rgb(37, 26, 0)', 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(32, 26, 25)', surface: 'rgb(255, 251, 255)', onSurface: 'rgb(32, 26, 25)', surfaceVariant: 'rgb(245, 221, 218)', onSurfaceVariant: 'rgb(83, 67, 65)', outline: 'rgb(133, 115, 112)', outlineVariant: 'rgb(216, 194, 190)', shadow: 'rgb(0, 0, 0)', scrim: 'rgb(0, 0, 0)', inverseSurface: 'rgb(54, 47, 46)', inverseOnSurface: 'rgb(251, 238, 236)', inversePrimary: 'rgb(255, 180, 168)', elevation: { level0: 'transparent', level1: 'rgb(252, 239, 242)', level2: 'rgb(250, 231, 235)', level3: 'rgb(248, 224, 227)', level4: 'rgb(247, 221, 224)', level5: 'rgb(246, 216, 219)', }, surfaceDisabled: 'rgba(32, 26, 25, 0.12)', onSurfaceDisabled: 'rgba(32, 26, 25, 0.38)', backdrop: 'rgba(59, 45, 43, 0.4)',};
const DarkRed: MaterialThemeColors = { primary: 'rgb(255, 180, 168)', onPrimary: 'rgb(105, 1, 0)', primaryContainer: 'rgb(147, 1, 0)', onPrimaryContainer: 'rgb(255, 218, 212)', secondary: 'rgb(231, 189, 182)', onSecondary: 'rgb(68, 41, 37)', secondaryContainer: 'rgb(93, 63, 59)', onSecondaryContainer: 'rgb(255, 218, 212)', tertiary: 'rgb(222, 196, 140)', onTertiary: 'rgb(62, 46, 4)', tertiaryContainer: 'rgb(86, 68, 25)', onTertiaryContainer: 'rgb(251, 223, 166)', error: 'rgb(255, 180, 171)', onError: 'rgb(105, 0, 5)', errorContainer: 'rgb(147, 0, 10)', onErrorContainer: 'rgb(255, 180, 171)', background: 'rgb(32, 26, 25)', onBackground: 'rgb(237, 224, 221)', surface: 'rgb(32, 26, 25)', onSurface: 'rgb(237, 224, 221)', surfaceVariant: 'rgb(83, 67, 65)', onSurfaceVariant: 'rgb(216, 194, 190)', outline: 'rgb(160, 140, 137)', outlineVariant: 'rgb(83, 67, 65)', shadow: 'rgb(0, 0, 0)', scrim: 'rgb(0, 0, 0)', inverseSurface: 'rgb(237, 224, 221)', inverseOnSurface: 'rgb(54, 47, 46)', inversePrimary: 'rgb(192, 1, 0)', elevation: { level0: 'transparent', level1: 'rgb(43, 34, 32)', level2: 'rgb(50, 38, 36)', level3: 'rgb(57, 43, 41)', level4: 'rgb(59, 45, 42)', level5: 'rgb(63, 48, 45)', }, surfaceDisabled: 'rgba(237, 224, 221, 0.12)', onSurfaceDisabled: 'rgba(237, 224, 221, 0.38)', backdrop: 'rgba(59, 45, 43, 0.4)',};
const MaterialRed: MaterialThemeDefinition = { name: 'material/red', fonts: DefaultFonts, light: LightRed, dark: DarkRed,};
export default MaterialRed;