@ramses-superapp/ramses-ui/src/styles/themes/LightTheme.ts

UI kit for Ramses Built Apps

import type { Theme } from '../types';
import Colors from '../colors';

export default <Theme>{
  Background: {
    screen: Colors.primaryBackground,
    input: Colors.white,
    primaryButton: Colors.primaryDark,
    secondaryButton: 'transparent',
  },
  Text: {
    primaryTitle: Colors.purple,
    text: Colors.black,
    highlightText: Colors.primaryDark,
    inputText: Colors.black,
    inputPlaceholder: Colors.gray6,
    primaryButtonText: Colors.white,
    secondaryButtonText: Colors.black,
  },
  Borders: {
    primaryButton: Colors.primaryDark,
    secondaryButton: Colors.primaryDark,
    input: Colors.border,
    inputActive: Colors.borderActive,
  },
  StatusBar: {
    barStyle: 'dark-content',
  },
};