|
1 | 1 | [data-color-mode*='dark'], |
2 | 2 | [data-color-mode*='dark'] body { |
3 | 3 | --color-header-bg: #3a3a3a8f; |
4 | | - --color-header-border: #21262d; |
| 4 | + --color-header-border: #21262d7a; |
5 | 5 | --color-hover: #ffffff1c; |
6 | 6 | --color-hoc-bg: #fffefe08; |
| 7 | + |
| 8 | + --color-border-default: #d0d7de; |
| 9 | + --color-accent-fg: #0969da; |
| 10 | + --color-accent-emphasis: #0969da; |
| 11 | + --color-danger-fg: #d1242f; |
| 12 | + --color-danger-emphasis: #cf222e; |
| 13 | + --color-attention-fg: #9a6700; |
| 14 | + --color-attention-emphasis: #9a6700; |
| 15 | + --color-done-fg: #8250df; |
| 16 | + --color-done-emphasis: #8250df; |
| 17 | + --color-success-fg: #1a7f37; |
| 18 | + --color-success-emphasis: #1f883d; |
7 | 19 | } |
8 | 20 |
|
9 | 21 | [data-color-mode*='light'], |
10 | 22 | [data-color-mode*='light'] body { |
11 | 23 | --color-header-bg: #ffffff52; |
12 | | - --color-header-border: #d3d3d3; |
| 24 | + --color-header-border: #0000001c; |
13 | 25 | --color-hover: #0000001a; |
14 | 26 | --color-hoc-bg: #00000008; |
| 27 | + |
| 28 | + --color-border-default: #30363d; |
| 29 | + --color-accent-fg: #58a6ff; |
| 30 | + --color-accent-emphasis: #1f6feb; |
| 31 | + --color-danger-fg: #f85149; |
| 32 | + --color-danger-emphasis: #da3633; |
| 33 | + --color-attention-fg: #d29922; |
| 34 | + --color-attention-emphasis: #9e6a03; |
| 35 | + --color-done-fg: #a371f7; |
| 36 | + --color-done-emphasis: #8957e5; |
| 37 | + --color-success-fg: #3fb950; |
| 38 | + --color-success-emphasis: #238636; |
15 | 39 | } |
16 | 40 |
|
17 | 41 | *, |
@@ -256,3 +280,59 @@ section.article-footer .atime { |
256 | 280 | color: var(--color-fg-muted); |
257 | 281 | font-size: 14px; |
258 | 282 | } |
| 283 | + |
| 284 | +.markdown-alert { |
| 285 | + border-left: 0.25em solid var(--borderColor-default, var(--color-border-default)); |
| 286 | + color: inherit; |
| 287 | + margin-bottom: 16px; |
| 288 | + padding: 0.5rem 1em; |
| 289 | +} |
| 290 | +.markdown-alert > :last-child { |
| 291 | + margin-bottom: 0 !important; |
| 292 | +} |
| 293 | +.markdown-alert .markdown-alert-title { |
| 294 | + align-items: center; |
| 295 | + display: flex; |
| 296 | + font-size: 14px; |
| 297 | + font-weight: 500; |
| 298 | + line-height: 1; |
| 299 | +} |
| 300 | +.markdown-alert .markdown-alert-title svg.octicon { |
| 301 | + margin-right: 8px !important; |
| 302 | + margin-right: var(--base-size-8, 8px) !important; |
| 303 | +} |
| 304 | +.markdown-alert.markdown-alert-note { |
| 305 | + border-left-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis)); |
| 306 | +} |
| 307 | +.markdown-alert.markdown-alert-note .markdown-alert-title { |
| 308 | + color: var(--color-accent-fg); |
| 309 | + color: var(--fgColor-accent, var(--color-accent-fg)); |
| 310 | +} |
| 311 | +.markdown-alert.markdown-alert-tip { |
| 312 | + border-left-color: var(--borderColor-success-emphasis, var(--color-success-emphasis)); |
| 313 | +} |
| 314 | +.markdown-alert.markdown-alert-tip .markdown-alert-title { |
| 315 | + color: var(--color-success-fg); |
| 316 | + color: var(--fgColor-success, var(--color-success-fg)); |
| 317 | +} |
| 318 | +.markdown-alert.markdown-alert-important { |
| 319 | + border-left-color: var(--borderColor-done-emphasis, var(--color-done-emphasis)); |
| 320 | +} |
| 321 | +.markdown-alert.markdown-alert-important .markdown-alert-title { |
| 322 | + color: var(--color-done-fg); |
| 323 | + color: var(--fgColor-done, var(--color-done-fg)); |
| 324 | +} |
| 325 | +.markdown-alert.markdown-alert-warning { |
| 326 | + border-left-color: var(--borderColor-attention-emphasis, var(--color-attention-emphasis)); |
| 327 | +} |
| 328 | +.markdown-alert.markdown-alert-warning .markdown-alert-title { |
| 329 | + color: var(--color-attention-fg); |
| 330 | + color: var(--fgColor-attention, var(--color-attention-fg)); |
| 331 | +} |
| 332 | +.markdown-alert.markdown-alert-caution { |
| 333 | + border-left-color: var(--borderColor-danger-emphasis, var(--color-danger-emphasis)); |
| 334 | +} |
| 335 | +.markdown-alert.markdown-alert-caution .markdown-alert-title { |
| 336 | + color: var(--color-danger-fg); |
| 337 | + color: var(--fgColor-danger, var(--color-danger-fg)); |
| 338 | +} |
0 commit comments