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
111 行
2.8 KiB
SCSS
111 行
2.8 KiB
SCSS
// 中式极简排版基线
|
||
//
|
||
// Joplin 的排版度量按西文字形设计（13px 正文、1.6 行高、紧凑行距），
|
||
// 中文字面更大、笔画更密，沿用时观感偏小且拥挤。这一层只调整排版节奏
|
||
// 与交互元素的视觉重量，不改变布局结构与组件层级，便于整体回退。
|
||
|
||
:root {
|
||
--cn-font-sans: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans SC', 'Source Han Sans SC', Roboto, sans-serif;
|
||
--cn-font-mono: 'SFMono-Regular', 'SF Mono', Menlo, Consolas, 'PingFang SC', monospace;
|
||
--cn-letter-spacing: 0.01em;
|
||
--cn-radius: 4px;
|
||
--cn-radius-sm: 3px;
|
||
}
|
||
|
||
// 覆盖 StyleSheetContainer 注入的 --joplin-font-family（lib 侧固定为 Roboto）。
|
||
// 用 ID 选择器保证胜过注入的 :root 规则。
|
||
#react-root {
|
||
--joplin-font-family: var(--cn-font-sans);
|
||
--joplin-font-size: 13px;
|
||
|
||
// 焦点描边默认取警告色（赭红），在宣纸底色上过于刺眼，改为跟随主题点缀色
|
||
--joplin-focus-outline-color: var(--joplin-url-color);
|
||
}
|
||
|
||
body {
|
||
font-family: var(--cn-font-sans);
|
||
font-size: 13.5px;
|
||
line-height: 1.7;
|
||
letter-spacing: var(--cn-letter-spacing);
|
||
-webkit-font-smoothing: antialiased;
|
||
}
|
||
|
||
div,
|
||
span,
|
||
a,
|
||
button,
|
||
input,
|
||
textarea,
|
||
select {
|
||
letter-spacing: var(--cn-letter-spacing);
|
||
}
|
||
|
||
// 标题与正文拉开层次，避免中文标题与正文同重量
|
||
h1 {
|
||
font-size: 22px;
|
||
font-weight: 600;
|
||
letter-spacing: 0.02em;
|
||
}
|
||
|
||
h2 {
|
||
font-size: 18px;
|
||
font-weight: 600;
|
||
letter-spacing: 0.02em;
|
||
}
|
||
|
||
.base-text {
|
||
line-height: 1.75;
|
||
}
|
||
|
||
// 交互元素：统一圆角，去掉硬边框带来的“控件感”
|
||
.base-button,
|
||
.text-input,
|
||
.flat-button,
|
||
button,
|
||
input[type='text'],
|
||
input[type='search'],
|
||
input[type='password'],
|
||
select {
|
||
border-radius: var(--cn-radius);
|
||
}
|
||
|
||
// 图标按钮的 hover/active 原为固定黑色半透明，暗色主题下会发灰
|
||
.icon-button:hover {
|
||
background-color: var(--joplin-background-color-hover3) !important;
|
||
border-color: transparent;
|
||
border-radius: var(--cn-radius-sm);
|
||
}
|
||
|
||
.icon-button:active {
|
||
background-color: var(--joplin-background-color-active3) !important;
|
||
border-color: transparent;
|
||
border-radius: var(--cn-radius-sm);
|
||
}
|
||
|
||
// 侧边栏列表项样式集中在 cn-layout.scss（需与分组标题规则同处一个作用域）。
|
||
|
||
// 滚动条更细、更淡，减少视觉噪音
|
||
::-webkit-scrollbar {
|
||
width: var(--scrollbar-size, 5px);
|
||
height: var(--scrollbar-size, 5px);
|
||
}
|
||
|
||
::-webkit-scrollbar-thumb {
|
||
background: var(--joplin-scrollbar-thumb-color);
|
||
border-radius: 999px;
|
||
}
|
||
|
||
::-webkit-scrollbar-thumb:hover {
|
||
background: var(--joplin-scrollbar-thumb-color-hover);
|
||
}
|
||
|
||
::-webkit-scrollbar-track:hover {
|
||
background: transparent;
|
||
}
|
||
|
||
// 弹窗：弱化投影，改用细边 + 大圆角，贴近中式留白的克制感
|
||
.dialog-root,
|
||
.modal-message {
|
||
border-radius: 8px;
|
||
}
|