Files
clg-kit/constants/theme.ts

34 lines
1.1 KiB
TypeScript

import { Platform } from 'react-native';
const cobalt = '#0559FA';
const ink = '#061430';
const canvas = '#F7F9FC';
const muted = '#68788F';
/** Legacy-compatible theme exports backed by the CLG Kit light design system. */
export const Colors = {
light: {
text: ink,
background: canvas,
tint: cobalt,
icon: muted,
tabIconDefault: muted,
tabIconSelected: cobalt,
},
dark: {
text: ink,
background: canvas,
tint: cobalt,
icon: muted,
tabIconDefault: muted,
tabIconSelected: cobalt,
},
};
export const Fonts = Platform.select({
ios: { sans: 'Manrope_400Regular', serif: 'ui-serif', rounded: 'Manrope_600SemiBold', mono: 'ui-monospace' },
android: { sans: 'Manrope_400Regular', serif: 'serif', rounded: 'Manrope_600SemiBold', mono: 'monospace' },
default: { sans: 'Manrope_400Regular', serif: 'serif', rounded: 'Manrope_600SemiBold', mono: 'monospace' },
web: { sans: "Manrope_400Regular, system-ui, sans-serif", serif: "Georgia, 'Times New Roman', serif", rounded: "Manrope_600SemiBold, system-ui, sans-serif", mono: "SFMono-Regular, Menlo, Monaco, Consolas, monospace" },
});