mirror of
https://github.com/laurent22/joplin.git
synced 2024-12-18 09:35:20 +02:00
61 lines
1.7 KiB
TypeScript
61 lines
1.7 KiB
TypeScript
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: '#1D2024',
|
|
backgroundColorTransparent: 'rgba(255,255,255,0.9)',
|
|
oddBackgroundColor: '#141517',
|
|
color: '#dddddd',
|
|
colorError: 'red',
|
|
colorWarn: '#9A5B00',
|
|
colorWarnUrl: '#ffff82',
|
|
colorFaded: '#999999', // For less important text
|
|
colorBright: '#ffffff', // For important text
|
|
dividerColor: '#555555',
|
|
selectedColor: '#616161',
|
|
urlColor: 'rgb(166,166,255)',
|
|
|
|
// Color scheme "2" is used for the sidebar. It's white text over
|
|
// dark blue background.
|
|
backgroundColor2: '#181A1D',
|
|
color2: '#ffffff',
|
|
selectedColor2: '#013F74',
|
|
colorError2: '#ff6c6c',
|
|
colorWarn2: '#ffcb81',
|
|
|
|
// Color scheme "3" is used for the config screens for example/
|
|
// It's dark text over gray background.
|
|
backgroundColor3: '#2E3138',
|
|
backgroundColorHover3: '#4E4E4E',
|
|
color3: '#dddddd',
|
|
|
|
// Color scheme "4" is used for secondary-style buttons. It makes a white
|
|
// button with blue text.
|
|
backgroundColor4: '#1D2024',
|
|
color4: '#789FE9',
|
|
|
|
raisedBackgroundColor: '#474747',
|
|
raisedColor: '#ffffff',
|
|
searchMarkerBackgroundColor: '#F7D26E',
|
|
searchMarkerColor: 'black',
|
|
|
|
warningBackgroundColor: '#013F74',
|
|
|
|
tableBackgroundColor: 'rgb(40, 41, 42)',
|
|
codeBackgroundColor: 'rgb(47, 48, 49)',
|
|
codeBorderColor: 'rgb(70, 70, 70)',
|
|
codeColor: '#ffffff',
|
|
|
|
codeMirrorTheme: 'material-darker',
|
|
codeThemeCss: 'atom-one-dark-reasonable.css',
|
|
};
|
|
|
|
export default theme;
|