8000 Move dark variables and match pattern · rtfpessoa/diff2html@efd28ff · GitHub
[go: up one dir, main page]
Skip to content

Commit efd28ff

Browse files
JHWelchJHWelch
committed
Move dark variables and match pattern
1 parent 93103e2 commit efd28ff

File tree

1 file changed

+41
-38
lines changed

1 file changed

+41
-38
lines changed

‎src/ui/css/diff2html.css

Lines changed: 41 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -30,15 +30,46 @@
3030
--d2h-del-highlight-bg-color: #ffb6ba;
3131
--d2h-del-label-color: #c33;
3232

33-
--d2h-change-label-color: #d0b44c;
34-
3533
--d2h-change-del-color: #fdf2d0;
3634
--d2h-change-ins-color: #ded;
3735

3836
--d2h-info-bg-color: #f8fafd;
3937
--d2h-info-border-color: #d5e4f2;
4038

39+
--d2h-change-label-color: #d0b44c;
4140
--d2h-moved-label-color: #3572b0;
41+
42+
/**
43+
* Dark Color Scheme
44+
*/
45+
46+
--d2h-dark-color: #d0d0d0;
47+
--d2h-dark-bg-color: #272822;
48+
--d2h-dark-border-color: #494b40;
49+
50+
--d2h-dark-line-border-color: #5a5c51;
51+
52+
--d2h-dark-empty-placeholder-bg-color: #494b40;
53+
--d2h-dark-empty-placeholder-border-color: #66695a;
54+
55+
--d2h-dark-ins-bg-color: #0f4a07;
56+
--d2h-dark-ins-border-color: #219f1f;
57+
--d2h-dark-ins-highlight-bg-color: #177016;
58+
--d2h-dark-ins-label-color: #4f9f4f;
59+
60+
--d2h-dark-del-bg-color: #604243;
61+
--d2h-dark-del-border-color: #a07c7e;
62+
--d2h-dark-del-highlight-bg-color: #905a5c;
63+
--d2h-dark-del-label-color: #ca4f54;
64+
65+
--d2h-dark-change-del-color: #9b7707;
66+
--d2h-dark-change-ins-color: #366b36;
67+
68+
--d2h-dark-info-bg-color: #32342c;
69+
--d2h-dark-info-color: #929292;
70+
71+
--d2h-dark-change-label-color: #d0b44c;
72+
--d2h-dark-moved-label-color: #3572b0;
4273
}
4374

4475
.d2h-wrapper {
@@ -422,34 +453,7 @@
422453
/**
423454
* Dark Mode Colors
424455
*/
425-
:root {
426-
--d2h-dark-color: #d0d0d0;
427-
--d2h-dark-bg-color: #272822;
428-
--d2h-dark-border-color: #494b40;
429-
--d2h-dark-ligher-border: #66695a;
430-
431-
--d2h-dark-del-bg-color: #604243;
432-
--d2h-dark-del-highlight-bg-color: #905a5c;
433-
--d2h-dark-del-border-color: #a07c7e;
434-
--d2h-dark-del-label-color: #ca4f54;
435-
436-
--d2h-dark-ins-bg-color: #0f4a07;
437-
--d2h-dark-ins-highlight-bg-color: #177016;
438-
--d2h-dark-ins-border-color: #219f1f;
439-
--d2h-dark-ins-label-color: #4f9f4f;
440-
441-
--d2h-dark-info-bg-color: #32342c;
442-
--d2h-dark-info-color: #929292;
443-
444-
--d2h-dark-change-del-color: #9b7707;
445-
--d2h-dark-change-ins-color: #366b36;
446-
--d2h-dark-change-label-color: #d0b44c;
447-
448-
--d2h-dark-moved-label-color: #3572b0;
449-
}
450-
451-
.d2h-dark-color-scheme .d2h-files-diff,
452-
.d2h-dark-color-scheme .d2h-files-diff .d2h-emptyplaceholder {
456+
.d2h-dark-color-scheme .d2h-files-diff {
453457
background-color: var(--d2h-dark-bg-color);
454458
color: var(--d2h-dark-color);
455459
}
@@ -499,14 +503,14 @@
499503

500504
.d2h-dark-color-scheme .d2h-files-diff .d2h-code-side-emptyplaceholder,
501505
.d2h-dark-color-scheme .d2h-files-diff .d2h-emptyplaceholder {
502-
background-color: var(--d2h-dark-border-color);
503-
border-color: var(--d2h-dark-ligher-border);
506+
background-color: var(--d2h-dark-empty-placeholder-bg-color);
507+
border-color: var(--d2h-dark-empty-placeholder-border-color);
504508
}
505509

506510
.d2h-dark-color-scheme .d2h-code-linenumber {
507511
background-color: var(--d2h-dark-bg-color);
508512
color: var(--d2h-dark-color);
509-
border-color: var(--d2h-dark-border-color);
513+
border-color: var(--d2h-line-border-color);
510514
}
511515

512516
.d2h-dark-color-scheme .d2h-del {
@@ -589,8 +593,7 @@
589593
* Auto Mode Colors
590594
*/
591595
@media (prefers-color-scheme: dark) {
592-
.d2h-auto-color-scheme .d2h-files-diff,
593-
.d2h-auto-color-scheme .d2h-files-diff .d2h-emptyplaceholder {
596+
.d2h-auto-color-scheme .d2h-files-diff {
594597
background-color: var(--d2h-dark-bg-color);
595598
color: var(--d2h-dark-color);
596599
}
@@ -635,13 +638,13 @@
635638
.d2h-auto-color-scheme .d2h-code-side-linenumber {
636639
background-color: var(--d2h-dark-bg-color);
637640
color: var(--d2h-dark-color);
638-
border-color: var(--d2h-dark-border-color);
641+
border-color: var(--d2h-line-border-color);
639642
}
640643

641644
.d2h-auto-color-scheme .d2h-files-diff .d2h-code-side-emptyplaceholder,
642645
.d2h-auto-color-scheme .d2h-files-diff .d2h-emptyplaceholder {
643-
background-color: var(--d2h-dark-border-color);
644-
border-color: var(--d2h-dark-ligher-border);
646+
background-color: var(--d2h-dark-empty-placeholder-bg-color);
647+
border-color: var(--d2h-dark-empty-placeholder-border-color);
645648
}
646649

647650
.d2h-auto-color-scheme .d2h-code-linenumber {

0 commit comments

Comments
 (0)
0