文件
mynode/packages/lib/themes/light.ts
chen 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
feat: Initial clean release of CHM
2026-11-04 11:29:39 +08:00

71 行
1.9 KiB
TypeScript

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;