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

Skinless UI primitives for Ramses Built Apps

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

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