Fossil SCM

In the HTML diff output, honour the user's light/dark mode browser setting.

danield 2023-12-08 10:20 trunk
Commit a2e6b31aa16c2000d02feb7f9fa82a7c6c67808dfafe5d9f9977e922c2964842
1 file changed +29
--- src/diffcmd.c
+++ src/diffcmd.c
@@ -309,10 +309,39 @@
309309
@ }
310310
@ td.difftxt ins > ins.edit {
311311
@ background-color: #c0c0ff;
312312
@ text-decoration: none;
313313
@ font-weight: bold;
314
+@ }
315
+@ @media (prefers-color-scheme: dark) {
316
+@ body {
317
+@ background-color: #353535;
318
+@ color: #ffffff;
319
+@ }
320
+@ td.diffln ins {
321
+@ background-color: #559855;
322
+@ color: #000000;
323
+@ }
324
+@ td.diffln del {
325
+@ background-color: #cc5555;
326
+@ color: #000000;
327
+@ }
328
+@ td.difftxt del {
329
+@ background-color: #f9cfcf;
330
+@ color: #000000;
331
+@ }
332
+@ td.difftxt del > del {
333
+@ background-color: #cc5555;
334
+@ color: #000000;
335
+@ }
336
+@ td.difftxt ins {
337
+@ background-color: #a2dbb2;
338
+@ color: #000000;
339
+@ }
340
+@ td.difftxt ins > ins {
341
+@ background-color: #559855;
342
+@ }
314343
@ }
315344
@
316345
@ </style>
317346
@ </head>
318347
@ <body>
319348
--- src/diffcmd.c
+++ src/diffcmd.c
@@ -309,10 +309,39 @@
309 @ }
310 @ td.difftxt ins > ins.edit {
311 @ background-color: #c0c0ff;
312 @ text-decoration: none;
313 @ font-weight: bold;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
314 @ }
315 @
316 @ </style>
317 @ </head>
318 @ <body>
319
--- src/diffcmd.c
+++ src/diffcmd.c
@@ -309,10 +309,39 @@
309 @ }
310 @ td.difftxt ins > ins.edit {
311 @ background-color: #c0c0ff;
312 @ text-decoration: none;
313 @ font-weight: bold;
314 @ }
315 @ @media (prefers-color-scheme: dark) {
316 @ body {
317 @ background-color: #353535;
318 @ color: #ffffff;
319 @ }
320 @ td.diffln ins {
321 @ background-color: #559855;
322 @ color: #000000;
323 @ }
324 @ td.diffln del {
325 @ background-color: #cc5555;
326 @ color: #000000;
327 @ }
328 @ td.difftxt del {
329 @ background-color: #f9cfcf;
330 @ color: #000000;
331 @ }
332 @ td.difftxt del > del {
333 @ background-color: #cc5555;
334 @ color: #000000;
335 @ }
336 @ td.difftxt ins {
337 @ background-color: #a2dbb2;
338 @ color: #000000;
339 @ }
340 @ td.difftxt ins > ins {
341 @ background-color: #559855;
342 @ }
343 @ }
344 @
345 @ </style>
346 @ </head>
347 @ <body>
348

Keyboard Shortcuts

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