Differential D19604 Diff 58919 cashtab/src/assets/styles/theme.ts

Changeset View

Standalone View

cashtab/src/assets/styles/theme.ts

	// Copyright (c) 2024 The Bitcoin developers			// Copyright (c) 2024 The Bitcoin developers
	// Distributed under the MIT software license, see the accompanying			// Distributed under the MIT software license, see the accompanying
	// file COPYING or http://www.opensource.org/licenses/mit-license.php.			// file COPYING or http://www.opensource.org/licenses/mit-license.php.

	import { DefaultTheme } from 'styled-components';			import { DefaultTheme } from 'styled-components';

	export interface CashtabTheme extends DefaultTheme {			export interface CashtabTheme extends DefaultTheme {
	primaryBackground: string;			primaryBackground: string;
	secondaryBackground: string;			secondaryBackground: string;
				txRowBackground: string;
				inputBackground: string;
	accent: string;			accent: string;
	secondaryAccent: string;			secondaryAccent: string;
	firmaAccent: string;			firmaAccent: string;
	primaryText: string;			primaryText: string;
	secondaryText: string;			secondaryText: string;
	border: string;			border: string;
	agoraDepthBar: string;			agoraDepthBar: string;
	agoraDepthBarOwnOffer: string;			agoraDepthBarOwnOffer: string;
	agoraDepthBarUnacceptable: string;			agoraDepthBarUnacceptable: string;
	agoraDepthBarUnaffordable: string;			agoraDepthBarUnaffordable: string;
	error: string;			error: string;
	genesisGreen: string;			genesisGreen: string;
	formError: string;			formError: string;
	qrBackground: string;			qrBackground: string;
	backgroundImage: string;			backgroundImage: string;
	menuGlow: string;			menuGlow: string;
	buttons: {			buttons: {
	primary: {			primary: {
	backgroundImage: string;			background: string;
	color: string;			color: string;
	hoverShadow: string;			hoverShadow: string;
				borderTop: string;
				borderBottom: string;
	};			};
	secondary: {			secondary: {
	backgroundImage: string;			backgroundImage: string;
	color: string;			color: string;
	};			};
	disabled: {			disabled: {
	background: string;			background: string;
	color: string;			color: string;
	};			};
	};			};
	}			}

	export const theme: CashtabTheme = {			export const theme: CashtabTheme = {
	primaryBackground: '#111313',			primaryBackground: '#090916',
	secondaryBackground: '#2a2e2e',			secondaryBackground: '#2B2B37',
	accent: '#00ABE7',			txRowBackground: 'rgba(255, 255, 255, 0.07)',
	secondaryAccent: '#ff21d0',			inputBackground: 'rgba(255, 255, 255, 0.1)',
				accent: '#0074c2',
				secondaryAccent: '#5E0EAE',
	firmaAccent: '#64d6c5',			firmaAccent: '#64d6c5',
	primaryText: '#FFFFFF',			primaryText: '#FFFFFF',
	secondaryText: '#838d91',			secondaryText: 'rgba(255, 255, 255, 0.5)',
	border: '#586161',			border: 'rgba(255, 255, 255, 0.15)',
	agoraDepthBar: 'rgba(255, 255, 255, 0.2)',			agoraDepthBar: 'rgba(255, 255, 255, 0.2)',
	agoraDepthBarOwnOffer: 'rgba(179, 33, 144, 0.2)',			agoraDepthBarOwnOffer: 'rgba(179, 33, 144, 0.2)',
	agoraDepthBarUnacceptable: 'rgba(220, 20, 60, .7)',			agoraDepthBarUnacceptable: 'rgba(220, 20, 60, .7)',
	agoraDepthBarUnaffordable: 'rgba(255, 165, 0, 0.4)',			agoraDepthBarUnaffordable: 'rgba(255, 165, 0, 0.4)',
	error: '#DC143C',			error: '#DC143C',
	genesisGreen: '#00e781',			genesisGreen: '#00e781',
	formError: '#ff21d0',			formError: '#ff21d0',
	qrBackground: '#fff',			qrBackground: '#fff',
	backgroundImage: `url("/cashtab_bg.png")`,			backgroundImage: `url("/cashtab_bg.png")`,
	menuGlow: '#00ABE740',			menuGlow: '#00ABE740',
	buttons: {			buttons: {
	primary: {			primary: {
	backgroundImage:			background:
	'linear-gradient(270deg, #0074C2 0%, #273498 100%)',			'linear-gradient(90deg, #01a0e0 0%, #0671c0 50%, #224da8 100%)',
	color: '#fff',			color: '#fff',
	hoverShadow: '0px 3px 10px -5px rgba(0, 0, 0, 0.75)',			hoverShadow: '0 0 8px rgba(255, 255, 255, 0.3)',
				borderTop: 'rgba(255, 255, 255, 0.4)',
				borderBottom: 'rgba(0, 0, 0, 0.5)',
	},			},
	secondary: {			secondary: {
	backgroundImage:			backgroundImage:
	'linear-gradient(270deg, #ff21d0 0%, #273498 100%)',			'linear-gradient(270deg, #ff21d0 0%, #273498 100%)',
	color: '#fff',			color: '#fff',
	},			},
	disabled: {			disabled: {
	background: '#4b5252',			background: 'rgba(255, 255, 255, 0.05)',
	color: '#a2acb0',			color: 'rgba(255, 255, 255, 0.2)',
	},			},
	},			},
	};			};