Fossil SCM

Adjust diff colors in all skins.

drh 2021-09-03 11:51 diff-color-enhancements
Commit 3910360677f8a474f3398cd099a4cec8eb6c8e6ce32f12a55e759a6bf2474d34
Parent 9f3d89612afbb42…
8 files changed +35 -37 +2 -2 +26 -22 -11 +10 -26 +17 -27 -10 +2 -2
~ skins/ardoise/css.txt ~ skins/blitz/css.txt ~ skins/darkmode/css.txt ~ skins/default/css.txt ~ skins/eagle/css.txt ~ skins/xekri/css.txt ~ src/default.css ~ src/diff.js
M skins/ardoise/css.txt
+35 -37
--- skins/ardoise/css.txt
+++ skins/ardoise/css.txt
@@ -83,14 +83,10 @@
8383
 color: #ff8000;
8484
 text-decoration: unset
8585
 }
8686
 a:active,
8787
 a:hover,
88
-pre.udiff:focus,
89
-table.sbsdiffcols:focus {
90
- outline: 0
91
-}
9288
 abbr[title] {
9389
 border-bottom: 1px dotted
9490
 }
9591
 b,
9692
 optgroup,
@@ -1119,55 +1115,57 @@
11191115
 }
11201116
 table.login_out .login_out_label {
11211117
 font-weight: 700;
11221118
 text-align: right
11231119
 }
1124
-pre.udiff,
1125
-table.sbsdiffcols {
1120
+table.diff {
11261121
 width: 100%;
11271122
 overflow: auto;
11281123
 padding: 0 5px;
11291124
 font-size: 1rem;
11301125
 background: #000;
1131
- border-radius: 5px
1132
-}
1133
-pre.udiff,
1134
-pre.udiff pre,
1135
-table.sbsdiffcols pre {
1136
- font-size: 1.15rem
1137
-}
1138
-pre.udiff {
1126
+ border-radius: 5px;
1127
+}
1128
+table.diff pre {
1129
+ font-size: 1.15rem;
1130
+ scrollbar-color: black #999;
1131
+}
1132
+table.udiff pre {
11391133
 padding: 10px 0
11401134
 }
1141
-div.difftxtcol {
1135
+td.difftxt {
11421136
 width: 52rem;
1143
- overflow-x: auto
11441137
 }
1145
-span.diffchng {
1146
- background-color: #8080e8;
1147
- color: #000
1148
-}
1149
-span.diffadd {
1138
+td.diffln ins {
11501139
 background-color: #559855;
1151
- color: #000
1140
+ color: #000;
1141
+ text-decoration: none;
1142
+}
1143
+td.diffln del {
1144
+ background-color: #c55;
1145
+ color: #000;
1146
+ text-decoration: none;
1147
+}
1148
+td.difftxt del {
1149
+ background-color: inherit;
1150
+ text-decoration: none;
11521151
 }
1153
-span.diffrm {
1152
+td.difftxt del > del {
11541153
 background-color: #c55;
1155
- color: #000
1156
-}
1157
-div.diffmkrcol {
1158
- padding: 0 1em;
1159
- background: #111
1160
-}
1161
-span.diffhr {
1162
- display: inline-block;
1163
- margin: .5em 0 1em;
1164
- color: #555
1165
-}
1166
-span.diffln {
1167
- color: #666
1168
-}
1154
+ color: #000;
1155
+ text-decoration: none;
1156
+}
1157
+td.difftxt ins {
1158
+ background-color: inherit;
1159
+ text-decoration: none;
1160
+}
1161
+td.difftxt ins > ins {
1162
+ background-color: #559855;
1163
+ color: #000;
1164
+ text-decoration: none;
1165
+}
1166
+
11691167
 table.report {
11701168
 width: 100%;
11711169
 cursor: auto;
11721170
 margin: 0 0 1em;
11731171
 color: #000
11741172
--- skins/ardoise/css.txt
+++ skins/ardoise/css.txt
@@ -83,14 +83,10 @@
83 color: #ff8000;
84 text-decoration: unset
85 }
86 a:active,
87 a:hover,
88 pre.udiff:focus,
89 table.sbsdiffcols:focus {
90 outline: 0
91 }
92 abbr[title] {
93 border-bottom: 1px dotted
94 }
95 b,
96 optgroup,
@@ -1119,55 +1115,57 @@
1119 }
1120 table.login_out .login_out_label {
1121 font-weight: 700;
1122 text-align: right
1123 }
1124 pre.udiff,
1125 table.sbsdiffcols {
1126 width: 100%;
1127 overflow: auto;
1128 padding: 0 5px;
1129 font-size: 1rem;
1130 background: #000;
1131 border-radius: 5px
1132 }
1133 pre.udiff,
1134 pre.udiff pre,
1135 table.sbsdiffcols pre {
1136 font-size: 1.15rem
1137 }
1138 pre.udiff {
1139 padding: 10px 0
1140 }
1141 div.difftxtcol {
1142 width: 52rem;
1143 overflow-x: auto
1144 }
1145 span.diffchng {
1146 background-color: #8080e8;
1147 color: #000
1148 }
1149 span.diffadd {
1150 background-color: #559855;
1151 color: #000
 
 
 
 
 
 
 
 
 
 
1152 }
1153 span.diffrm {
1154 background-color: #c55;
1155 color: #000
1156 }
1157 div.diffmkrcol {
1158 padding: 0 1em;
1159 background: #111
1160 }
1161 span.diffhr {
1162 display: inline-block;
1163 margin: .5em 0 1em;
1164 color: #555
1165 }
1166 span.diffln {
1167 color: #666
1168 }
1169 table.report {
1170 width: 100%;
1171 cursor: auto;
1172 margin: 0 0 1em;
1173 color: #000
1174
--- skins/ardoise/css.txt
+++ skins/ardoise/css.txt
@@ -83,14 +83,10 @@
83 color: #ff8000;
84 text-decoration: unset
85 }
86 a:active,
87 a:hover,
 
 
 
 
88 abbr[title] {
89 border-bottom: 1px dotted
90 }
91 b,
92 optgroup,
@@ -1119,55 +1115,57 @@
1115 }
1116 table.login_out .login_out_label {
1117 font-weight: 700;
1118 text-align: right
1119 }
1120 table.diff {
 
1121 width: 100%;
1122 overflow: auto;
1123 padding: 0 5px;
1124 font-size: 1rem;
1125 background: #000;
1126 border-radius: 5px;
1127 }
1128 table.diff pre {
1129 font-size: 1.15rem;
1130 scrollbar-color: black #999;
1131 }
1132 table.udiff pre {
 
1133 padding: 10px 0
1134 }
1135 td.difftxt {
1136 width: 52rem;
 
1137 }
1138 td.diffln ins {
 
 
 
 
1139 background-color: #559855;
1140 color: #000;
1141 text-decoration: none;
1142 }
1143 td.diffln del {
1144 background-color: #c55;
1145 color: #000;
1146 text-decoration: none;
1147 }
1148 td.difftxt del {
1149 background-color: inherit;
1150 text-decoration: none;
1151 }
1152 td.difftxt del > del {
1153 background-color: #c55;
1154 color: #000;
1155 text-decoration: none;
1156 }
1157 td.difftxt ins {
1158 background-color: inherit;
1159 text-decoration: none;
1160 }
1161 td.difftxt ins > ins {
1162 background-color: #559855;
1163 color: #000;
1164 text-decoration: none;
1165 }
1166
 
1167 table.report {
1168 width: 100%;
1169 cursor: auto;
1170 margin: 0 0 1em;
1171 color: #000
1172
M skins/blitz/css.txt
+2 -2
--- skins/blitz/css.txt
+++ skins/blitz/css.txt
@@ -1131,19 +1131,19 @@
11311131
 }
11321132
11331133
11341134
 /* Diff displays
11351135
 ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
1136
-pre.udiff, table.sbsdiffcols {
1136
+table.diff {
11371137
 width: 100%;
11381138
 overflow: auto;
11391139
 border: 1px solid #ccc;
11401140
 padding: 5px;
11411141
 font-size: 1rem;
11421142
 }
11431143
1144
-pre.udiff:focus, table.sbsdiffcols:focus {
1144
+table.diff:focus {
11451145
 outline: none;
11461146
 }
11471147
11481148
11491149
 /* Ticket Reports
11501150
--- skins/blitz/css.txt
+++ skins/blitz/css.txt
@@ -1131,19 +1131,19 @@
1131 }
1132
1133
1134 /* Diff displays
1135 ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
1136 pre.udiff, table.sbsdiffcols {
1137 width: 100%;
1138 overflow: auto;
1139 border: 1px solid #ccc;
1140 padding: 5px;
1141 font-size: 1rem;
1142 }
1143
1144 pre.udiff:focus, table.sbsdiffcols:focus {
1145 outline: none;
1146 }
1147
1148
1149 /* Ticket Reports
1150
--- skins/blitz/css.txt
+++ skins/blitz/css.txt
@@ -1131,19 +1131,19 @@
1131 }
1132
1133
1134 /* Diff displays
1135 ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
1136 table.diff {
1137 width: 100%;
1138 overflow: auto;
1139 border: 1px solid #ccc;
1140 padding: 5px;
1141 font-size: 1rem;
1142 }
1143
1144 table.diff:focus {
1145 outline: none;
1146 }
1147
1148
1149 /* Ticket Reports
1150
M skins/darkmode/css.txt
+26 -22
--- skins/darkmode/css.txt
+++ skins/darkmode/css.txt
@@ -451,31 +451,39 @@
451451
 }
452452
453453
 /************************************************************************
454454
 diffs...
455455
 ************************************************************************/
456
-span.diffchng {
457
- background-color: #8080e8;
458
- color: #000
459
-}
460
-span.diffadd {
456
+td.diffln ins {
461457
 background-color: #559855;
462
- color: #000
458
+ color: #000;
459
+ text-decoration: none;
460
+}
461
+td.diffln del {
462
+ background-color: #c55;
463
+ color: #000;
464
+ text-decoration: none;
465
+}
466
+td.difftxt del {
467
+ background-color: inherit;
468
+ text-decoration: none;
463469
 }
464
-span.diffrm {
470
+td.difftxt del > del {
465471
 background-color: #c55;
466
- color: #000
467
-}
468
-div.diffmkrcol {
469
- background: #111
470
-}
471
-span.diffhr {
472
- color: #555
473
-}
474
-span.diffln {
475
- color: #666
476
-}
472
+ color: #000;
473
+ text-decoration: none;
474
+}
475
+td.difftxt ins {
476
+ background-color: inherit;
477
+ text-decoration: none;
478
+}
479
+td.difftxt ins > ins {
480
+ background-color: #559855;
481
+ color: #000;
482
+ text-decoration: none;
483
+}
484
+
477485
478486
 /************************************************************************
479487
 ************************************************************************/
480488
 body.wikiedit #fossil-status-bar,
481489
 body.fileedit #fossil-status-bar{
@@ -547,18 +555,14 @@
547555
 body.forum .forumPostBody > div blockquote {
548556
 border: 1px inset;
549557
 padding: 0 0.5em;
550558
 }
551559
552
-pre.udiff {
553
- overflow-x: auto;
554
-}
555
-
556560
 body.report table.report tr td { color: black }
557561
 body.report table.report a { color: blue }
558562
 body.tkt td.tktDspValue { color: black }
559563
 body.tkt td.tktDspValue a { color: blue }
560564
561565
 body.branch .brlist > table > tbody > tr:hover:not(.selected),
562566
 body.branch .brlist > table > tbody > tr.selected {
563567
 background-color: #442800;
564568
 }
565569
--- skins/darkmode/css.txt
+++ skins/darkmode/css.txt
@@ -451,31 +451,39 @@
451 }
452
453 /************************************************************************
454 diffs...
455 ************************************************************************/
456 span.diffchng {
457 background-color: #8080e8;
458 color: #000
459 }
460 span.diffadd {
461 background-color: #559855;
462 color: #000
 
 
 
 
 
 
 
 
 
 
463 }
464 span.diffrm {
465 background-color: #c55;
466 color: #000
467 }
468 div.diffmkrcol {
469 background: #111
470 }
471 span.diffhr {
472 color: #555
473 }
474 span.diffln {
475 color: #666
476 }
 
 
477
478 /************************************************************************
479 ************************************************************************/
480 body.wikiedit #fossil-status-bar,
481 body.fileedit #fossil-status-bar{
@@ -547,18 +555,14 @@
547 body.forum .forumPostBody > div blockquote {
548 border: 1px inset;
549 padding: 0 0.5em;
550 }
551
552 pre.udiff {
553 overflow-x: auto;
554 }
555
556 body.report table.report tr td { color: black }
557 body.report table.report a { color: blue }
558 body.tkt td.tktDspValue { color: black }
559 body.tkt td.tktDspValue a { color: blue }
560
561 body.branch .brlist > table > tbody > tr:hover:not(.selected),
562 body.branch .brlist > table > tbody > tr.selected {
563 background-color: #442800;
564 }
565
--- skins/darkmode/css.txt
+++ skins/darkmode/css.txt
@@ -451,31 +451,39 @@
451 }
452
453 /************************************************************************
454 diffs...
455 ************************************************************************/
456 td.diffln ins {
 
 
 
 
457 background-color: #559855;
458 color: #000;
459 text-decoration: none;
460 }
461 td.diffln del {
462 background-color: #c55;
463 color: #000;
464 text-decoration: none;
465 }
466 td.difftxt del {
467 background-color: inherit;
468 text-decoration: none;
469 }
470 td.difftxt del > del {
471 background-color: #c55;
472 color: #000;
473 text-decoration: none;
474 }
475 td.difftxt ins {
476 background-color: inherit;
477 text-decoration: none;
478 }
479 td.difftxt ins > ins {
480 background-color: #559855;
481 color: #000;
482 text-decoration: none;
483 }
484
485
486 /************************************************************************
487 ************************************************************************/
488 body.wikiedit #fossil-status-bar,
489 body.fileedit #fossil-status-bar{
@@ -547,18 +555,14 @@
555 body.forum .forumPostBody > div blockquote {
556 border: 1px inset;
557 padding: 0 0.5em;
558 }
559
 
 
 
 
560 body.report table.report tr td { color: black }
561 body.report table.report a { color: blue }
562 body.tkt td.tktDspValue { color: black }
563 body.tkt td.tktDspValue a { color: blue }
564
565 body.branch .brlist > table > tbody > tr:hover:not(.selected),
566 body.branch .brlist > table > tbody > tr.selected {
567 background-color: #442800;
568 }
569
M skins/default/css.txt
-11
--- skins/default/css.txt
+++ skins/default/css.txt
@@ -158,21 +158,10 @@
158158
 padding: 10px;
159159
 font-size: 0.7em;
160160
 margin-top: 10px;
161161
 color: #ccc;
162162
 }
163
-
164
-
165
-/* Exceptions for /info diff views */
166
-
167
-.udiff, .sbsdiff {
168
- font-size: .85em !important;
169
- overflow: auto;
170
- border: 1px solid #ccc;
171
- border-radius: 5px;
172
-}
173
-
174163
175164
 /* Forum */
176165
177166
 .forum a:visited {
178167
 color: #6A7F94;
179168
--- skins/default/css.txt
+++ skins/default/css.txt
@@ -158,21 +158,10 @@
158 padding: 10px;
159 font-size: 0.7em;
160 margin-top: 10px;
161 color: #ccc;
162 }
163
164
165 /* Exceptions for /info diff views */
166
167 .udiff, .sbsdiff {
168 font-size: .85em !important;
169 overflow: auto;
170 border: 1px solid #ccc;
171 border-radius: 5px;
172 }
173
174
175 /* Forum */
176
177 .forum a:visited {
178 color: #6A7F94;
179
--- skins/default/css.txt
+++ skins/default/css.txt
@@ -158,21 +158,10 @@
158 padding: 10px;
159 font-size: 0.7em;
160 margin-top: 10px;
161 color: #ccc;
162 }
 
 
 
 
 
 
 
 
 
 
 
163
164 /* Forum */
165
166 .forum a:visited {
167 color: #6A7F94;
168
M skins/eagle/css.txt
+10 -26
--- skins/eagle/css.txt
+++ skins/eagle/css.txt
@@ -257,11 +257,11 @@
257257
 background: rgba(255,255,255,0);
258258
 }
259259
260260
261261
 /* Side-by-side diff */
262
-table.sbsdiff {
262
+table.splitdiff {
263263
 background-color: #485D7B;
264264
 font-family: fixed, Dejavu Sans Mono, Monaco, Lucida Console, monospace;
265265
 font-size: 8pt;
266266
 border-collapse:collapse;
267267
 white-space: pre;
@@ -320,47 +320,36 @@
320320
 margin-top: 3px;
321321
 line-height: 100%;
322322
 }
323323
324324
 /* side-by-side diff display */
325
-div.sbsdiff {
325
+div.splitdiff {
326326
 font-family: monospace;
327327
 font-size: smaller;
328328
 white-space: pre;
329329
 }
330330
331331
 /* context diff display */
332
-div.udiff {
332
+table.udiff {
333333
 font-family: monospace;
334334
 white-space: pre;
335335
 }
336336
337
-/* changes in a diff */
338
-span.diffchng {
339
- background-color: rgb(170, 170, 140);
340
-}
341
-
342337
 /* added code in a diff */
343
-span.diffadd {
338
+td.difftxt ins > ins, td.diffln ins {
344339
 background-color: rgb(100, 200, 100);
345340
 }
341
+td.difftxt ins {
342
+ background-color: inherit;
343
+}
346344
347345
 /* deleted in a diff */
348
-span.diffrm {
346
+td.difftxt del > del, td.diffln del {
349347
 background-color: rgb(230, 110, 110);
350348
 }
351
-
352
-/* suppressed lines in a diff */
353
-span.diffhr {
354
- display: inline-block;
355
- margin: .5em 0 1em;
356
- color: rgb(150, 150, 140);
357
-}
358
-
359
-/* line numbers in a diff */
360
-span.diffln {
361
- color: white;
349
+td.difftxt del {
350
+ background-color: inherit;
362351
 }
363352
364353
 .fileage tr:hover {
365354
 background-color: #7EA2D9;
366355
 }
@@ -419,15 +408,10 @@
419408
420409
 .timelineModernCell[id], .timelineColumnarCell[id], .timelineDetailCell[id] {
421410
 background-color: #455978;
422411
 }
423412
424
-div.difflncol {
425
- padding-right: 1em;
426
- text-align: right;
427
- color: white;
428
-}
429413
 .capsumOff {
430414
 background-color: #bbbbbb;
431415
 }
432416
 .capsumRead {
433417
 background-color: #006d00;
434418
--- skins/eagle/css.txt
+++ skins/eagle/css.txt
@@ -257,11 +257,11 @@
257 background: rgba(255,255,255,0);
258 }
259
260
261 /* Side-by-side diff */
262 table.sbsdiff {
263 background-color: #485D7B;
264 font-family: fixed, Dejavu Sans Mono, Monaco, Lucida Console, monospace;
265 font-size: 8pt;
266 border-collapse:collapse;
267 white-space: pre;
@@ -320,47 +320,36 @@
320 margin-top: 3px;
321 line-height: 100%;
322 }
323
324 /* side-by-side diff display */
325 div.sbsdiff {
326 font-family: monospace;
327 font-size: smaller;
328 white-space: pre;
329 }
330
331 /* context diff display */
332 div.udiff {
333 font-family: monospace;
334 white-space: pre;
335 }
336
337 /* changes in a diff */
338 span.diffchng {
339 background-color: rgb(170, 170, 140);
340 }
341
342 /* added code in a diff */
343 span.diffadd {
344 background-color: rgb(100, 200, 100);
345 }
 
 
 
346
347 /* deleted in a diff */
348 span.diffrm {
349 background-color: rgb(230, 110, 110);
350 }
351
352 /* suppressed lines in a diff */
353 span.diffhr {
354 display: inline-block;
355 margin: .5em 0 1em;
356 color: rgb(150, 150, 140);
357 }
358
359 /* line numbers in a diff */
360 span.diffln {
361 color: white;
362 }
363
364 .fileage tr:hover {
365 background-color: #7EA2D9;
366 }
@@ -419,15 +408,10 @@
419
420 .timelineModernCell[id], .timelineColumnarCell[id], .timelineDetailCell[id] {
421 background-color: #455978;
422 }
423
424 div.difflncol {
425 padding-right: 1em;
426 text-align: right;
427 color: white;
428 }
429 .capsumOff {
430 background-color: #bbbbbb;
431 }
432 .capsumRead {
433 background-color: #006d00;
434
--- skins/eagle/css.txt
+++ skins/eagle/css.txt
@@ -257,11 +257,11 @@
257 background: rgba(255,255,255,0);
258 }
259
260
261 /* Side-by-side diff */
262 table.splitdiff {
263 background-color: #485D7B;
264 font-family: fixed, Dejavu Sans Mono, Monaco, Lucida Console, monospace;
265 font-size: 8pt;
266 border-collapse:collapse;
267 white-space: pre;
@@ -320,47 +320,36 @@
320 margin-top: 3px;
321 line-height: 100%;
322 }
323
324 /* side-by-side diff display */
325 div.splitdiff {
326 font-family: monospace;
327 font-size: smaller;
328 white-space: pre;
329 }
330
331 /* context diff display */
332 table.udiff {
333 font-family: monospace;
334 white-space: pre;
335 }
336
 
 
 
 
 
337 /* added code in a diff */
338 td.difftxt ins > ins, td.diffln ins {
339 background-color: rgb(100, 200, 100);
340 }
341 td.difftxt ins {
342 background-color: inherit;
343 }
344
345 /* deleted in a diff */
346 td.difftxt del > del, td.diffln del {
347 background-color: rgb(230, 110, 110);
348 }
349 td.difftxt del {
350 background-color: inherit;
 
 
 
 
 
 
 
 
 
351 }
352
353 .fileage tr:hover {
354 background-color: #7EA2D9;
355 }
@@ -419,15 +408,10 @@
408
409 .timelineModernCell[id], .timelineColumnarCell[id], .timelineDetailCell[id] {
410 background-color: #455978;
411 }
412
 
 
 
 
 
413 .capsumOff {
414 background-color: #bbbbbb;
415 }
416 .capsumRead {
417 background-color: #006d00;
418
M skins/xekri/css.txt
+17 -27
--- skins/xekri/css.txt
+++ skins/xekri/css.txt
@@ -265,91 +265,81 @@
265265
 /**************************************
266266
 * Diffs
267267
 */
268268
269269
 /* Code Added */
270
-span.diffadd {
270
+td.diffln ins,
271
+td.difftxt ins > ins {
271272
 background-color: #7f7;
272273
 color: #000;
273274
 }
274
-
275
-/* Code Changed */
276
-span.diffchng {
277
- background-color: #77f;
278
- color: #000;
275
+td.difftxt ins {
276
+ background-color: inherit;
279277
 }
280278
281279
 /* Code Deleted */
282
-span.diffrm {
280
+td.diffln del,
281
+td.difftxt del > del {
283282
 background-color: #f77;
284283
 color: #000;
285284
 }
285
+td.difftxt del {
286
+ background-color: inherit;
287
+}
286288
287289
288290
 /**************************************
289291
 * Diffs : Side-By-Side
290292
 */
291293
292294
 /* display (column-based) */
293
-table.sbsdiffcols {
295
+table.splitdiff {
294296
 border-spacing: 0;
295297
 font-size: 0.85rem;
296298
 width: 90%;
297299
 }
298300
299
-table.sbsdiffcols pre {
301
+table.splitdiff pre {
300302
 border: 0;
301
- margin: 0;
303
+ margin: 0 0.5em;
302304
 padding: 0;
303305
 }
304306
305
-table.sbsdiffcols td {
307
+table.splitdiff td {
306308
 padding: 0;
307309
 vertical-align: top;
308310
 }
309311
310312
 /* line number column */
311
-div.difflncol {
313
+td.diffln {
312314
 color: #ee0;
313315
 padding-right: 0.75em;
314316
 text-align: right;
315317
 }
316318
317319
 /* diff text column */
318
-div.difftxtcol {
320
+td.difftxt {
319321
 background-color: #111;
320322
 overflow-x: auto;
321323
 width: 45em;
322324
 }
323325
324
-/* suppressed lines */
325
-span.diffhr {
326
- display: inline-block;
327
- margin-bottom: 0.75em;
328
- color: #ff0;
329
-}
330326
331327
 /* diff marker column */
332
-div.diffmkrcol {
328
+td.diffsep {
333329
 padding: 0 0.5em;
334330
 }
335331
336332
337333
 /**************************************
338334
 * Diffs : Unified
339335
 */
340336
341
-pre.udiff {
337
+table.udiff pre {
342338
 background-color: #111;
343339
 }
344340
345
-/* line numbers */
346
-span.diffln {
347
- background-color: #222;
348
- color: #ee0;
349
-}
350
-
351341
352342
 /**************************************
353343
 * File List : Flat
354344
 */
355345
356346
--- skins/xekri/css.txt
+++ skins/xekri/css.txt
@@ -265,91 +265,81 @@
265 /**************************************
266 * Diffs
267 */
268
269 /* Code Added */
270 span.diffadd {
 
271 background-color: #7f7;
272 color: #000;
273 }
274
275 /* Code Changed */
276 span.diffchng {
277 background-color: #77f;
278 color: #000;
279 }
280
281 /* Code Deleted */
282 span.diffrm {
 
283 background-color: #f77;
284 color: #000;
285 }
 
 
 
286
287
288 /**************************************
289 * Diffs : Side-By-Side
290 */
291
292 /* display (column-based) */
293 table.sbsdiffcols {
294 border-spacing: 0;
295 font-size: 0.85rem;
296 width: 90%;
297 }
298
299 table.sbsdiffcols pre {
300 border: 0;
301 margin: 0;
302 padding: 0;
303 }
304
305 table.sbsdiffcols td {
306 padding: 0;
307 vertical-align: top;
308 }
309
310 /* line number column */
311 div.difflncol {
312 color: #ee0;
313 padding-right: 0.75em;
314 text-align: right;
315 }
316
317 /* diff text column */
318 div.difftxtcol {
319 background-color: #111;
320 overflow-x: auto;
321 width: 45em;
322 }
323
324 /* suppressed lines */
325 span.diffhr {
326 display: inline-block;
327 margin-bottom: 0.75em;
328 color: #ff0;
329 }
330
331 /* diff marker column */
332 div.diffmkrcol {
333 padding: 0 0.5em;
334 }
335
336
337 /**************************************
338 * Diffs : Unified
339 */
340
341 pre.udiff {
342 background-color: #111;
343 }
344
345 /* line numbers */
346 span.diffln {
347 background-color: #222;
348 color: #ee0;
349 }
350
351
352 /**************************************
353 * File List : Flat
354 */
355
356
--- skins/xekri/css.txt
+++ skins/xekri/css.txt
@@ -265,91 +265,81 @@
265 /**************************************
266 * Diffs
267 */
268
269 /* Code Added */
270 td.diffln ins,
271 td.difftxt ins > ins {
272 background-color: #7f7;
273 color: #000;
274 }
275 td.difftxt ins {
276 background-color: inherit;
 
 
 
277 }
278
279 /* Code Deleted */
280 td.diffln del,
281 td.difftxt del > del {
282 background-color: #f77;
283 color: #000;
284 }
285 td.difftxt del {
286 background-color: inherit;
287 }
288
289
290 /**************************************
291 * Diffs : Side-By-Side
292 */
293
294 /* display (column-based) */
295 table.splitdiff {
296 border-spacing: 0;
297 font-size: 0.85rem;
298 width: 90%;
299 }
300
301 table.splitdiff pre {
302 border: 0;
303 margin: 0 0.5em;
304 padding: 0;
305 }
306
307 table.splitdiff td {
308 padding: 0;
309 vertical-align: top;
310 }
311
312 /* line number column */
313 td.diffln {
314 color: #ee0;
315 padding-right: 0.75em;
316 text-align: right;
317 }
318
319 /* diff text column */
320 td.difftxt {
321 background-color: #111;
322 overflow-x: auto;
323 width: 45em;
324 }
325
 
 
 
 
 
 
326
327 /* diff marker column */
328 td.diffsep {
329 padding: 0 0.5em;
330 }
331
332
333 /**************************************
334 * Diffs : Unified
335 */
336
337 table.udiff pre {
338 background-color: #111;
339 }
340
 
 
 
 
 
 
341
342 /**************************************
343 * File List : Flat
344 */
345
346
M src/default.css
-10
--- src/default.css
+++ src/default.css
@@ -573,29 +573,19 @@
573573
 td.difftxt del > del {
574574
 background-color: #ffc0c0;
575575
 text-decoration: none;
576576
 font-weight: bold;
577577
 }
578
-td.difftxt del mark {
579
- background-color: #c0c0ff;
580
- text-decoration: none;
581
- font-weight: bold;
582
-}
583578
 td.difftxt ins {
584579
 background-color: #dafbe1;
585580
 text-decoration: none;
586581
 }
587582
 td.difftxt ins > ins {
588583
 background-color: #a0e4b2;
589584
 text-decoration: none;
590585
 font-weight: bold;
591586
 }
592
-td.difftxt ins mark {
593
- background-color: #c0c0ff;
594
- text-decoration: none;
595
- font-weight: bold;
596
-}
597587
598588
599589
 span.modpending {
600590
 color: #b03800;
601591
 font-style: italic;
602592
--- src/default.css
+++ src/default.css
@@ -573,29 +573,19 @@
573 td.difftxt del > del {
574 background-color: #ffc0c0;
575 text-decoration: none;
576 font-weight: bold;
577 }
578 td.difftxt del mark {
579 background-color: #c0c0ff;
580 text-decoration: none;
581 font-weight: bold;
582 }
583 td.difftxt ins {
584 background-color: #dafbe1;
585 text-decoration: none;
586 }
587 td.difftxt ins > ins {
588 background-color: #a0e4b2;
589 text-decoration: none;
590 font-weight: bold;
591 }
592 td.difftxt ins mark {
593 background-color: #c0c0ff;
594 text-decoration: none;
595 font-weight: bold;
596 }
597
598
599 span.modpending {
600 color: #b03800;
601 font-style: italic;
602
--- src/default.css
+++ src/default.css
@@ -573,29 +573,19 @@
573 td.difftxt del > del {
574 background-color: #ffc0c0;
575 text-decoration: none;
576 font-weight: bold;
577 }
 
 
 
 
 
578 td.difftxt ins {
579 background-color: #dafbe1;
580 text-decoration: none;
581 }
582 td.difftxt ins > ins {
583 background-color: #a0e4b2;
584 text-decoration: none;
585 font-weight: bold;
586 }
 
 
 
 
 
587
588
589 span.modpending {
590 color: #b03800;
591 font-style: italic;
592
M src/diff.js
+2 -2
--- src/diff.js
+++ src/diff.js
@@ -16,12 +16,12 @@
1616
 var i;
1717
 for(i=0; i<txtCols.length; i++){
1818
 txtCols[i].style.width = width + 'px';
1919
 txtPres[i].style.maxWidth = width + 'px';
2020
 txtPres[i].style.width = width + 'px';
21
- txtCols[i].onscroll = function(e){
22
- txtCols[0].scrollLeft = txtCols[1].scrollLeft = this.scrollLeft;
21
+ txtPres[i].onscroll = function(e){
22
+ txtPres[0].scrollLeft = txtPres[1].scrollLeft = this.scrollLeft;
2323
 };
2424
 }
2525
 diff.tabIndex = 0;
2626
 diff.onkeydown = function(e){
2727
 e = e || event;
2828
--- src/diff.js
+++ src/diff.js
@@ -16,12 +16,12 @@
16 var i;
17 for(i=0; i<txtCols.length; i++){
18 txtCols[i].style.width = width + 'px';
19 txtPres[i].style.maxWidth = width + 'px';
20 txtPres[i].style.width = width + 'px';
21 txtCols[i].onscroll = function(e){
22 txtCols[0].scrollLeft = txtCols[1].scrollLeft = this.scrollLeft;
23 };
24 }
25 diff.tabIndex = 0;
26 diff.onkeydown = function(e){
27 e = e || event;
28
--- src/diff.js
+++ src/diff.js
@@ -16,12 +16,12 @@
16 var i;
17 for(i=0; i<txtCols.length; i++){
18 txtCols[i].style.width = width + 'px';
19 txtPres[i].style.maxWidth = width + 'px';
20 txtPres[i].style.width = width + 'px';
21 txtPres[i].onscroll = function(e){
22 txtPres[0].scrollLeft = txtPres[1].scrollLeft = this.scrollLeft;
23 };
24 }
25 diff.tabIndex = 0;
26 diff.onkeydown = function(e){
27 e = e || event;
28

Keyboard Shortcuts

Open search /
Next entry (timeline) j
Previous entry (timeline) k
Open focused entry Enter
Show this help ?
Toggle theme Top nav button