mirror of
https://github.com/papra-hq/papra.git
synced 2025-12-21 12:09:39 -06:00
65 lines
1.9 KiB
TypeScript
65 lines
1.9 KiB
TypeScript
/**
|
|
* Below are the colors that are used in the app. The colors are defined in the light and dark mode.
|
|
* There are many other ways to style your app. For example, [Nativewind](https://www.nativewind.dev/), [Tamagui](https://tamagui.dev/), [unistyles](https://reactnativeunistyles.vercel.app), etc.
|
|
*/
|
|
|
|
import { Platform } from 'react-native';
|
|
|
|
const lightColors = {
|
|
foreground: '#0a0a0a',
|
|
background: '#fafafa',
|
|
primary: '#fe7d4d',
|
|
primaryForeground: '#0a0a0a',
|
|
muted: '#f3f3f3',
|
|
mutedForeground: '#737373',
|
|
border: '#e5e5e5',
|
|
secondaryBackground: '#f3f3f3',
|
|
destructive: '#d32f2f',
|
|
destructiveBackground: '#ffe0e0',
|
|
};
|
|
|
|
const darkColors: ThemeColors = {
|
|
foreground: '#fafafa',
|
|
background: '#141414',
|
|
primary: '#d9ff7a',
|
|
primaryForeground: '#0a0a0a',
|
|
muted: '#262626',
|
|
mutedForeground: '#a3a3a3',
|
|
border: '#262626',
|
|
secondaryBackground: '#111111',
|
|
destructive: '#ff6b6b',
|
|
destructiveBackground: '#2a1a1a',
|
|
};
|
|
|
|
export type ThemeColors = typeof lightColors;
|
|
|
|
export const colors = {
|
|
light: lightColors,
|
|
dark: darkColors,
|
|
};
|
|
|
|
export const Fonts = Platform.select({
|
|
ios: {
|
|
/** iOS `UIFontDescriptorSystemDesignDefault` */
|
|
sans: 'system-ui',
|
|
/** iOS `UIFontDescriptorSystemDesignSerif` */
|
|
serif: 'ui-serif',
|
|
/** iOS `UIFontDescriptorSystemDesignRounded` */
|
|
rounded: 'ui-rounded',
|
|
/** iOS `UIFontDescriptorSystemDesignMonospaced` */
|
|
mono: 'ui-monospace',
|
|
},
|
|
default: {
|
|
sans: 'normal',
|
|
serif: 'serif',
|
|
rounded: 'normal',
|
|
mono: 'monospace',
|
|
},
|
|
web: {
|
|
sans: 'system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, Helvetica, Arial, sans-serif',
|
|
serif: 'Georgia, \'Times New Roman\', serif',
|
|
rounded: '\'SF Pro Rounded\', \'Hiragino Maru Gothic ProN\', Meiryo, \'MS PGothic\', sans-serif',
|
|
mono: 'SFMono-Regular, Menlo, Monaco, Consolas, \'Liberation Mono\', \'Courier New\', monospace',
|
|
},
|
|
});
|