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

// 宣纸白主题：以宣纸底色、松烟墨文字与靛青点缀构成的中式极简配色。
// 底色刻意不使用纯白，避免长时间阅读时的眩光；点缀色克制，仅用于链接与焦点。
const theme: Theme = {
	appearance: ThemeAppearance.Light,

	// Color scheme "1" is the basic one, like used to display the note
	// content. It's basically dark gray text on white background
	backgroundColor: '#FBFAF7',
	backgroundColorTransparent: 'rgba(251,250,247,0.92)',
	oddBackgroundColor: '#F5F2EB',
	color: '#1C1B19',
	colorError: '#A3352B',
	colorCorrect: '#3F6B4F',
	colorWarn: '#B4552F',
	colorWarnUrl: '#33506B',
	colorFaded: '#8A857C',
	dividerColor: '#E7E2D8',
	selectedColor: '#EFEBE1',
	urlColor: '#33506B',
	colorErrorSelected: '#8C2E25',
	shadowColor: 'rgba(28,27,25,0.08)',

	// Color scheme "2" is used for the sidebar. It's white text over
	// dark blue background.
	backgroundColor2: '#211F1C',
	color2: '#EDEAE4',
	selectedColor2: '#3A362F',
	colorError2: '#DE8E7C',
	colorPublished2: '#9BB0C4',
	colorWarn2: '#DDB77A',
	colorWarn3: '#B4552F',
	backgroundColorTransparent2: 'rgba(0,0,0,0.12)',

	// Color scheme "3" is used for the config screens for example/
	// It's dark text over gray background.
	backgroundColor3: '#F3F0E9',
	backgroundColorHover3: '#E2DCCE',
	color3: '#6E675C',

	// Color scheme "4" is used for secondary-style buttons. It makes a white
	// button with blue text.
	backgroundColor4: '#FFFFFF',
	color4: '#33506B',
	backgroundColor4Dimmed: '#E7EDF3',

	raisedBackgroundColor: '#EDE9E0',
	raisedColor: '#1C1B19',
	searchMarkerBackgroundColor: '#F0DFB0',
	searchMarkerColor: '#1C1B19',

	warningBackgroundColor: '#F4E3C8',
	destructiveColor: '#A3352B',

	tableBackgroundColor: '#F7F5F0',
	codeBackgroundColor: '#F5F2EB',
	codeBorderColor: '#E7E2D8',
	codeColor: '#1C1B19',

	blockQuoteOpacity: 0.72,

	codeMirrorTheme: 'default',
	codeThemeCss: 'atom-one-light.css',

	headerBackgroundColor: '#F4F1E9',
	textSelectionColor: '#CBDCEA',
	colorBright2: '#FFFFFF',
};

export default theme;