import { Theme, ThemeAppearance } from './type';

// 墨夜主题：与“宣纸白”同一审美的暗色版本，用墨黑背景、米白文字保持低对比度刺激。
const theme: Theme = {
	appearance: ThemeAppearance.Dark,

	// Color scheme "1" is the basic one, like used to display the note
	// content. It's basically dark gray text on white background
	backgroundColor: '#161513',
	backgroundColorTransparent: 'rgba(22,21,19,0.92)',
	oddBackgroundColor: '#1E1C1A',
	color: '#E6E1D8',
	colorError: '#E08C7A',
	colorCorrect: '#8FB99B',
	colorWarn: '#DDB77A',
	colorWarnUrl: '#A8C4DB',
	colorFaded: '#8B857B',
	dividerColor: '#312E29',
	selectedColor: '#2C2925',
	urlColor: '#A8C4DB',
	colorErrorSelected: '#F0A392',
	shadowColor: 'rgba(0,0,0,0.4)',

	// Color scheme "2" is used for the sidebar. It's white text over
	// dark blue background.
	backgroundColor2: '#100F0E',
	color2: '#DCD6CB',
	selectedColor2: '#2A2723',
	colorError2: '#DE8E7C',
	colorPublished2: '#9BB0C4',
	colorWarn2: '#DDB77A',
	colorWarn3: '#DDB77A',
	backgroundColorTransparent2: 'rgba(0,0,0,0.3)',

	// Color scheme "3" is used for the config screens for example/
	// It's dark text over gray background.
	backgroundColor3: '#1C1A18',
	backgroundColorHover3: '#33302A',
	color3: '#9A9389',

	// Color scheme "4" is used for secondary-style buttons. It makes a white
	// button with blue text.
	backgroundColor4: '#232120',
	color4: '#CFE0EE',
	backgroundColor4Dimmed: '#2B3038',

	raisedBackgroundColor: '#2A2724',
	raisedColor: '#E6E1D8',
	searchMarkerBackgroundColor: '#6B5620',
	searchMarkerColor: '#F5EFE2',

	warningBackgroundColor: '#4A3A1E',
	destructiveColor: '#C9564A',

	tableBackgroundColor: '#1E1C1A',
	codeBackgroundColor: '#1E1C1A',
	codeBorderColor: '#312E29',
	codeColor: '#E6E1D8',

	blockQuoteOpacity: 0.7,

	codeMirrorTheme: 'dracula',
	codeThemeCss: 'atom-one-dark.css',

	headerBackgroundColor: '#1C1A18',
	textSelectionColor: '#3E5265',
	colorBright2: '#FFFFFF',
};

export default theme;