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

// This is the default theme in Joplin
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: '#FBFBFA',
	backgroundColorTransparent: 'rgba(251,251,250,0.9)',
	oddBackgroundColor: '#F1F0EC',
	color: '#1A1D21', // For regular text
	colorError: '#C93A3A',
	colorCorrect: '#2F7D4F', // Opposite of colorError
	colorWarn: '#B25E09',
	colorWarnUrl: '#2456D6',
	colorFaded: '#5F6B7A', // For less important text
	dividerColor: '#E7E5E0',
	selectedColor: '#ECEBE7',
	urlColor: '#2456D6',
	colorErrorSelected: '#A32E2E',
	shadowColor: 'rgba(26,29,33,0.12)',

	// Color scheme "2" is used for the sidebar. It's white text over
	// dark blue background.
	backgroundColor2: '#22262D',
	color2: '#F4F2ED',
	selectedColor2: '#171B21',
	colorError2: '#ff7070',
	colorPublished2: '#789FE9',
	colorWarn2: '#ffcb81',
	colorWarn3: '#ff7626',
	backgroundColorTransparent2: 'rgba(0, 0, 0, 0.1)',

	// Color scheme "3" is used for the config screens for example/
	// It's dark text over gray background.
	backgroundColor3: '#F3F2EE',
	backgroundColorHover3: '#E9E7E1',
	color3: '#5B6470',

	// Color scheme "4" is used for secondary-style buttons. It makes a white
	// button with blue text.
	backgroundColor4: '#ffffff',
	color4: '#2456D6',
	backgroundColor4Dimmed: '#E8EEFD',

	raisedBackgroundColor: '#ECEBE7',
	raisedColor: '#1A1D21',
	searchMarkerBackgroundColor: '#F5D9A8',
	searchMarkerColor: '#1A1D21',

	warningBackgroundColor: '#F5D9A8',
	destructiveColor: '#C93A3A',

	tableBackgroundColor: '#F7F6F3',
	codeBackgroundColor: '#F5F4F1',
	codeBorderColor: '#E7E5E0',
	codeColor: '#1A1D21',

	blockQuoteOpacity: 0.7,

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

	headerBackgroundColor: '#F5F4F1',
	textSelectionColor: '#2456D6',
	colorBright2: '#ffffff',
};

export default theme;