8000 Normalize remaining variables · rtfpessoa/diff2html@b26353c · GitHub
[go: up one dir, main page]
Skip to content

Commit b26353c

Browse files
JHWelchJHWelch
committed
Normalize remaining variables
1 parent 8d9a8a8 commit b26353c

File tree

1 file changed

+40
-19
lines changed

1 file changed

+40
-19
lines changed

‎src/ui/css/diff2html.css

Lines changed: 40 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -6,10 +6,11 @@
66
*/
77

88
:root {
9-
--d2h-color: rgba(0, 0, 0, 0.3);
109
--d2h-bg-color: #fff;
1110
--d2h-border-color: #ddd;
1211

12+
--d2h-dim-color: rgba(0, 0, 0, 0.3);
13+
1314
--d2h-line-border-color: #eeeeee;
1415

1516
--d2h-file-header-bg-color: #f7f7f7;
@@ -47,6 +48,8 @@
4748
--d2h-dark-bg-color: #272822;
4849
--d2h-dark-border-color: #494b40;
4950

51+
--d2h-dark-dim-color: #929292;
52+
5053
--d2h-dark-line-border-color: #5a5c51;
5154

5255
--d2h-dark-file-header-bg-color: #4f5146;
@@ -55,6 +58,8 @@
5558
--d2h-dark-empty-placeholder-bg-color: #494b40;
5659
--d2h-dark-empty-placeholder-border-color: #66695a;
5760

61+
--d2h-dark-selected-color: #00489f;
62+
5863
--d2h-dark-ins-bg-color: #0f4a07;
5964
--d2h-dark-ins-border-color: #219f1f;
6065
--d2h-dark-ins-highlight-bg-color: #177016;
@@ -69,7 +74,7 @@
6974
--d2h-dark-change-ins-color: #366b36;
7075

7176
--d2h-dark-info-bg-color: #32342c;
72-
--d2h-dark-info-color: #929292;
77+
--d2h-dark-info-border-color: #4f5146;
7378

7479
--d2h-dark-change-label-color: #d0b44c;
7580
--d2h-dark-moved-label-color: #3572b0;
@@ -272,7 +277,7 @@
272277
position: absolute;
273278
display: inline-block;
274279
background-color: var(--d2h-bg-color);
275-
color: var(--d2h-color);
280+
color: var(--d2h-dim-color);
276281
text-align: right;
277282
border: solid var(--d2h-line-border-color);
278283
border-width: 0 1px 0 1px;
@@ -290,7 +295,7 @@
290295
box-sizing: border-box;
291296
width: 4em;
292297
background-color: var(--d2h-bg-color);
293-
color: var(--d2h-color);
298+
color: var(--d2h-dim-color);
294299
text-align: right;
295300
border: solid var(--d2h-line-border-color);
296301
border-width: 0 1px 0 1px;
@@ -338,7 +343,7 @@
338343

339344
.d2h-info {
340345
background-color: var(--d2h-info-bg-color);
341-
color: var(--d2h-color);
346+
color: var(--d2h-dim-color);
342347
border-color: var(--d2h-info-border-color);
343348
}
344349

@@ -500,7 +505,7 @@
500505

501506
.d2h-dark-color-scheme .d2h-code-side-linenumber {
502507
background-color: var(--d2h-dark-bg-color);
503-
color: var(--d2h-dark-color);
508+
color: var(--d2h-dark-dim-color);
504509
border-color: var(--d2h-dark-line-border-color);
505510
}
506511

@@ -512,7 +517,7 @@
512517

513518
.d2h-dark-color-scheme .d2h-code-linenumber {
514519
background-color: var(--d2h-dark-bg-color);
515-
color: var(--d2h-dark-color);
520+
color: var(--d2h-dark-dim-color);
516521
border-color: var(--d2h-dark-line-border-color);
517522
}
518523

@@ -528,8 +533,8 @@
528533

529534
.d2h-dark-color-scheme .d2h-info {
530535
background-color: var(--d2h-dark-info-bg-color);
531-
color: var(--d2h-dark-info-color);
532-
border-color: var(--d2h-dark-border-color);
536+
color: var(--d2h-dark-dim-color);
537+
border-color: var(--d2h-dark-info-border-color);
533538
}
534539

535540
.d2h-dark-color-scheme .d2h-file-diff .d2h-del.d2h-change {
@@ -549,7 +554,7 @@
549554
}
550555

551556
.d2h-dark-color-scheme .d2h-file-collapse.d2h-selected {
552-
background-color: var(--d2h-dark-bg-color);
557+
background-color: var(--d2h-dark-selected-color);
553558
}
554559

555560
.d2h-dark-color-scheme .d2h-file-list-wrapper a {
@@ -564,6 +569,14 @@
564569
border-bottom: var(--d2h-dark-bg-color) solid 1px;
565570
}
566571

572+
.d2h-dark-color-scheme .d2h-deleted {
573+
color: var(--d2h-dark-del-label-color);
574+
}
575+
576+
.d2h-dark-color-scheme .d2h-added {
577+
color: var(--d2h-dark-ins-label-color);
578+
}
579+
567580
.d2h-dark-color-scheme .d2h-changed {
568581
color: var(--d2h-dark-change-label-color);
569582
}
@@ -577,11 +590,11 @@
577590
}
578591

579592
.d2h-dark-color-scheme .d2h-deleted-tag {
580-
border: var(--d2h-dark-del-border-color) 1px solid;
593+
border: var(--d2h-dark-del-label-color) 1px solid;
581594
}
582595

583596
.d2h-dark-color-scheme .d2h-added-tag {
584-
border: var(--d2h-dark-ins-bg-color) 1px solid;
597+
border: var(--d2h-dark-ins-label-color) 1px solid;
585598
}
586599

587600
.d2h-dark-color-scheme .d2h-changed-tag {
@@ -640,7 +653,7 @@
640653

641654
.d2h-auto-color-scheme .d2h-code-side-linenumber {
642655
background-color: var(--d2h-dark-bg-color);
643-
color: var(--d2h-dark-color);
656+
color: var(--d2h-dark-dim-color);
644657
border-color: var(--d2h-dark-line-border-color);
645658
}
646659

@@ -652,7 +665,7 @@
652665

653666
.d2h-auto-color-scheme .d2h-code-linenumber {
654667
background-color: var(--d2h-dark-bg-color);
655-
color: var(--d2h-dark-color);
668+
color: var(--d2h-dark-dim-color);
656669
border-color: var(--d2h-dark-line-border-color);
657670
}
658671

@@ -668,8 +681,8 @@
668681

669682
.d2h-auto-color-scheme .d2h-info {
670683
background-color: var(--d2h-dark-info-bg-color);
671-
color: var(--d2h-dark-info-color);
672-
border-color: var(--d2h-dark-border-color);
684+
color: var(--d2h-dark-color);
685+
border-color: var(--d2h-dark-info-border-color);
673686
}
674687

675688
.d2h-auto-color-scheme .d2h-file-diff .d2h-del.d2h-change {
@@ -689,7 +702,7 @@
689702
}
690703

691704
.d2h-auto-color-scheme .d2h-file-collapse.d2h-selected {
692-
background-color: var(--d2h-dark-bg-color);
705+
background-color: var(--d2h-dark-selected-color);
693706
}
694707

695708
.d2h-auto-color-scheme .d2h-file-list-wrapper a {
@@ -704,6 +717,14 @@
704717
border-bottom: var(--d2h-dark-bg-color) solid 1px;
705718
}
706719

720+
.d2h-dark-color-scheme .d2h-deleted {
721+
color: var(--d2h-dark-del-label-color);
722+
}
723+
724+
.d2h-auto-color-scheme .d2h-added {
725+
color: var(--d2h-dark-ins-label-color);
726+
}
727+
707728
.d2h-auto-color-scheme .d2h-changed {
708729
color: var(--d2h-dark-change-label-color);
709730
}
@@ -717,11 +738,11 @@
717738
}
718739

719740
.d2h-auto-color-scheme .d2h-deleted-tag {
720-
border: var(--d2h-dark-del-border-color) 1px solid;
741+
border: var(--d2h-dark-del-label-color) 1px solid;
721742
}
722743

723744
.d2h-auto-color-scheme .d2h-added-tag {
724-
border: var(--d2h-dark-ins-bg-color) 1px solid;
745+
border: var(--d2h-dark-ins-label-color) 1px solid;
725746
}
726747

727748
.d2h-auto-color-scheme .d2h-changed-tag {

0 commit comments

Comments
 (0)
0