41 lines
1.1 KiB
TypeScript
41 lines
1.1 KiB
TypeScript
// Copyright 2017-2020 @polkadot/apps authors & contributors
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
|
|
import { ThemeDef } from '@polkadot/react-components/types';
|
|
|
|
export const darkTheme: ThemeDef = {
|
|
bgInput: '#38393f',
|
|
bgInverse: 'rgba(78, 78, 78, 0.66)',
|
|
bgMenu: '#26272c',
|
|
bgMenuHover: 'rgba(255, 255, 255, 0.05)',
|
|
bgPage: '#26272c',
|
|
bgTable: '#38393f',
|
|
bgTabs: '#38393f',
|
|
bgToggle: '#58595f',
|
|
borderTable: 'transparent',
|
|
borderTabs: 'transparent',
|
|
color: 'rgba(244, 242, 240, 0.9)',
|
|
colorError: 'rgba(255, 0, 0, 0.85)',
|
|
colorLabel: 'rgba(244, 242, 240, 0.45)',
|
|
colorSummary: 'rgba(244, 242, 240, 0.75)',
|
|
theme: 'dark'
|
|
};
|
|
|
|
export const lightTheme: ThemeDef = {
|
|
bgInput: '#fff',
|
|
bgInverse: 'rgba(244, 242, 240, 0.91)',
|
|
bgMenu: '#fff',
|
|
bgMenuHover: 'rgba(255, 255, 255, 0.5)',
|
|
bgPage: '#f5f3f1',
|
|
bgTable: '#fff',
|
|
bgTabs: '#fff',
|
|
bgToggle: '#e4e5e6',
|
|
borderTable: '#eeecea',
|
|
borderTabs: '#eeecea',
|
|
color: '#4e4e4e',
|
|
colorError: 'rgba(139, 0, 0)',
|
|
colorLabel: 'rgba(78, 78, 78, 0.66)',
|
|
colorSummary: 'rgba(0, 0, 0, 0.6)',
|
|
theme: 'light'
|
|
};
|