animiassumenda/app/theme.ts

Blox live, desktop app for managing staking accounts

import { DefaultTheme } from 'styled-components';

declare module 'styled-components' {
  interface DefaultTheme {
    primary900: string;
    primary800: string;
    primary700: string;
    primary600: string;
    primary500: string;
    primary400: string;
    primary300: string;
    primary200: string;
    primary100: string;
    primary050: string;
    gray900: string;
    gray800: string;
    gray80060: string;
    gray80030: string;
    gray80015: string;
    gray700: string;
    gray600: string;
    gray500: string;
    gray400: string;
    gray300: string;
    gray200: string;
    gray100: string;
    gray50: string;
    gray5050: string;
    gray5025: string;
    gray5010: string;
    plgreen: string;
    plred: string;
    destructive700: string;
    destructive600: string;
    destructive500: string;
    warning900: string;
    warning800: string;
    warning700: string;
    accent1900: string;
    accent1800: string;
    accent1700: string;
    accent1600: string;
    accent1500: string;
    accent1400: string;
    accent1100: string;
    accent1300: string;
    accent1200: string;
    accent150: string;
    accent2900: string;
    accent2800: string;
    accent2700: string;
    accent2600: string;
    accent2500: string;
    accent2400: string;
    accent2300: string;
    accent2200: string;
    accent2100: string;
    accent250: string;
    accent3900: string;
    accent3800: string;
    accent3700: string;
    accent3600: string;
    accent3500: string;
    accent3400: string;
    accent3300: string;
    accent3200: string;
    accent3100: string;
    accent350: string;
    white: string;
  }
}

const theme: DefaultTheme = {
  primary900: '#2536b8',
  primary800: '#1f58d8',
  primary700: '#186aea',
  primary600: '#047fff',
  primary500: '#008cff',
  primary400: '#269dff',
  primary300: '#55afff',
  primary200: '#8ac6ff',
  primary100: '#b9dbff',
  primary050: '#e2f1ff',
  gray900: '#262a2f',
  gray800: '#484c52',
  gray80060: 'rgba(72, 76, 82, 0.6)',
  gray80030: 'rgba(72, 76, 82, 0.3)',
  gray80015: 'rgba(72, 76, 82, 0.15)',
  gray700: '#676c72',
  gray600: '#7c8087',
  gray500: '#a6aab1',
  gray400: '#c3c8cf',
  gray300: '#e5eaf1',
  gray200: '#eef2fa',
  gray100: '#f2f7ff',
  gray50: '#f7fcff',
  gray5050: 'rgba(247, 252, 255, 0.5)',
  gray5025: 'rgba(247, 252, 255, 0.25)',
  gray5010: 'rgba(247, 252, 255, 0.1)',
  plgreen: '#00d189',
  plred: '#ef5171',
  destructive700: '#f13202',
  destructive600: '#ff3a09',
  destructive500: '#ff6237',
  warning900: '#fe6c00',
  warning800: '#fe8c00',
  warning700: '#fe9e00',
  accent1900: '#be8800',
  accent1800: '#c99a00',
  accent1700: '#e4ab00',
  accent1600: '#f0c200',
  accent1500: '#ffda00',
  accent1400: '#fae700',
  accent1100: '#fff595',
  accent1300: '#fff155',
  accent1200: '#fff588',
  accent150: '#fff9c0',
  accent2900: '#038879',
  accent2800: '#009f8a',
  accent2700: '#04b494',
  accent2600: '#00ca9b',
  accent2500: '#00daa5',
  accent2400: '#05e6af',
  accent2300: '#7eedc6',
  accent2200: '#b6f4dc',
  accent2100: '#c9fae7',
  accent250: '#e1fbf1',
  accent3900: '#3f0eac',
  accent3800: '#5007cf',
  accent3700: '#6727ed',
  accent3600: '#6f31f6',
  accent3500: '#7943fc',
  accent3400: '#855dff',
  accent3300: '#8d7ef9',
  accent3200: '#a8a3ff',
  accent3100: '#d1c8fe',
  accent350: '#eae9ff',
  white: '#ffffff',
};

export default theme;