301194963b
一些检查失败了
automerge / automerge (push) Has been cancelled
react-native-android-build-apk / AssembleRelease (push) Has been cancelled
Build macOS M1 / Main (push) Has been cancelled
Joplin Continuous Integration / Main (macos-15-intel) (push) Has been cancelled
Joplin Continuous Integration / Main (ubuntu-22.04) (push) Has been cancelled
Joplin Continuous Integration / Main (ubuntu-22.04-arm) (push) Has been cancelled
Joplin Continuous Integration / Main (windows-11-vs2026-arm) (push) Has been cancelled
Joplin Continuous Integration / Main (windows-2025) (push) Has been cancelled
Joplin Continuous Integration / ServerDockerImage (ubuntu-22.04) (push) Has been cancelled
Joplin Continuous Integration / ServerDockerImage (ubuntu-22.04-arm) (push) Has been cancelled
Joplin UI tests / Main (ubuntu-22.04) (push) Has been cancelled
Joplin UI tests / Main (windows-2025) (push) Has been cancelled
Joplin UI tests / Mobile (push) Has been cancelled
Close stale issues / ProcessStaleIssues (push) Has been cancelled
70 行
1.9 KiB
TypeScript
70 行
1.9 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: '#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;
|