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

// This is the default dark theme in Joplin
const theme: Theme = {
	...lightTheme,

	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: '#16181D',
	backgroundColorTransparent: 'rgba(22,24,29,0.9)',
	oddBackgroundColor: '#101216',
	color: '#E8E6E1',
	colorError: '#E57373',
	colorCorrect: '#7CBF8E',
	colorWarn: '#D9A05B',
	colorWarnUrl: '#FFE1A8',
	colorFaded: '#9AA0AA', // For less important text
	dividerColor: '#2A2E35',
	selectedColor: '#262B33',
	urlColor: '#8AB4FF',
	colorErrorSelected: '#FFB4B4',

	// Color scheme "2" is used for the sidebar. It's white text over
	// dark blue background.
	backgroundColor2: '#0F1114',
	color2: '#E8E6E1',
	selectedColor2: '#1E2A44',
	colorError2: '#ff6c6c',
	colorPublished2: '#789FE9',
	colorWarn2: '#ffcb81',
	colorWarn3: '#ffcb81',
	backgroundColorTransparent2: 'rgba(255, 255, 255, 0.1)',

	// Color scheme "3" is used for the config screens for example/
	// It's dark text over gray background.
	backgroundColor3: '#1E2127',
	backgroundColorHover3: '#2A2E36',
	color3: '#C6CBD3',

	// Color scheme "4" is used for secondary-style buttons. It makes a white
	// button with blue text.
	backgroundColor4: '#16181D',
	color4: '#8AB4FF',
	backgroundColor4Dimmed: '#232A3A',

	raisedBackgroundColor: '#2A2E35',
	raisedColor: '#E8E6E1',
	searchMarkerBackgroundColor: '#F5D9A8',
	searchMarkerColor: '#1A1D21',

	warningBackgroundColor: '#4A3418',
	destructiveColor: '#E57373',

	tableBackgroundColor: '#1A1D22',
	codeBackgroundColor: '#1E2127',
	codeBorderColor: '#2A2E35',
	codeColor: '#E8E6E1',

	codeMirrorTheme: 'material-darker',
	codeThemeCss: 'atom-one-dark-reasonable.css',

	headerBackgroundColor: '#1A1D22',
	textSelectionColor: '#8AB4FF',
};

export default theme;