|
386 | 386 | /** |
387 | 387 | * Dark Mode Colors |
388 | 388 | */ |
389 | | -.d2h-wrapper { |
| 389 | +:root { |
390 | 390 | --d2h-dark-color: #d0d0d0; |
391 | 391 | --d2h-dark-bg-color: #272822; |
392 | 392 | --d2h-dark-border-color: #494b40; |
|
395 | 395 | --d2h-dark-del-bg-color: #604243; |
396 | 396 | --d2h-dark-del-highlight-bg-color: #905a5c; |
397 | 397 | --d2h-dark-del-border-color: #a07c7e; |
| 398 | + --d2h-dark-del-label-color: #ca4f54; |
398 | 399 |
|
399 | 400 | --d2h-dark-ins-bg-color: #0f4a07; |
400 | 401 | --d2h-dark-ins-highlight-bg-color: #177016; |
401 | 402 | --d2h-dark-ins-border-color: #219f1f; |
| 403 | + --d2h-dark-ins-label-color: #4f9f4f; |
402 | 404 |
|
403 | 405 | --d2h-dark-info-bg-color: #32342c; |
404 | 406 | --d2h-dark-info-color: #929292; |
405 | 407 |
|
406 | 408 | --d2h-dark-change-del-color: #9b7707; |
407 | 409 | --d2h-dark-change-ins-color: #366b36; |
408 | 410 | --d2h-dark-change-label-color: #d0b44c; |
| 411 | + |
409 | 412 | --d2h-dark-moved-label-color: #3572b0; |
410 | 413 | } |
411 | 414 |
|
|
426 | 429 | border-bottom: var(--d2h-dark-border-color); |
427 | 430 | } |
428 | 431 |
|
| 432 | +.d2h-dark-color-scheme .d2h-lines-added { |
| 433 | + border: 1px solid var(--d2h-dark-ins-border-color); |
| 434 | + color: var(--d2h-dark-ins-label-color); |
| 435 | +} |
| 436 | + |
| 437 | +.d2h-dark-color-scheme .d2h-lines-deleted { |
| 438 | + border: 1px solid var(--d2h-dark-del-border-color); |
| 439 | + color: var(--d2h-dark-del-label-color); |
| 440 | +} |
| 441 | + |
429 | 442 | .d2h-dark-color-scheme .d2h-code-line del, |
430 | 443 | .d2h-dark-color-scheme .d2h-code-side-line del { |
431 | 444 | background-color: var(--d2h-dark-del-highlight-bg-color); |
|
557 | 570 | border-bottom: var(--d2h-dark-border-color); |
558 | 571 | } |
559 | 572 |
|
| 573 | + .d2h-auto-color-scheme .d2h-lines-added { |
| 574 | + border: 1px solid var(--d2h-dark-ins-border-color); |
| 575 | + color: var(--d2h-dark-ins-label-color); |
| 576 | + } |
| 577 | + |
| 578 | + .d2h-auto-color-scheme .d2h-lines-deleted { |
| 579 | + border: 1px solid var(--d2h-dark-del-border-color); |
| 580 | + color: var(--d2h-dark-del-label-color); |
| 581 | + } |
| 582 | + |
560 | 583 | .d2h-auto-color-scheme .d2h-code-line del, |
561 | 584 | .d2h-auto-color-scheme .d2h-code-side-line del { |
562 | 585 | background-color: var(--d2h-dark-del-highlight-bg-color); |
|
0 commit comments