Fossil SCM

Changed the timeline highlight colors so that the secondary value (used in e.g. /vdiff&to) is a lighter and more saturated version of the primary accent color, being the header font color, and the secondary is a one-eighty hue shift on this. This results in a small color difference for the former, more complementary to the overall skin colors but still a light blue. The primary color — used in /info timelines and for the /vdiff&from cell — is more significantly shifted, a pale orange now rather than a bright yellow. This results from basic color theory; to maintain a yellow under this one-eighty hue rule, we'd have to make the secondary color purple, not blue. Inskinerator Modern uses that rule to shift all the ancillary colors when you shift one of the primaries, saving the user from having to specify each derived color name manually. Fossil's hard-coded skins don't have that same motivation, and as hard-coded defaults, the old "office highlighter" colors were fine, but once you get down to specific instances, we don't want to use arbitrary color, we want them to be analogous or complementary to the main accent color.

wyoung 2024-01-28 19:37 inskinerator-modern-backport
Commit 285defacdac5dc0fca1457fc46db010021f0fbdbdf5fa44085cc82f56c3b6f1d
1 file changed +8 -2
--- skins/default/css.txt
+++ skins/default/css.txt
@@ -334,16 +334,22 @@
334334
border: 1px dashed #446979;
335335
border-radius: 1em;
336336
}
337337
tr.timelineSelected td.timelineModernCell,
338338
tr.timelineSelected td.timelineColumnarCell {
339
- background-color: #ffc;
339
+ background-color: #fbe8d5;
340340
border-radius: 1em;
341341
}
342342
tr.timelineSecondary td.timelineModernCell,
343343
tr.timelineSecondary td.timelineColumnarCell {
344
- background-color: #cff;
344
+ background-color: #d5e8fb;
345
+}
346
+span.timelineSelected {
347
+ background-color: #fbe8d5;
348
+}
349
+span.timelineSecondary {
350
+ background-color: #d5e8fb;
345351
}
346352
347353
348354
/* Miscellaneous UI elements */
349355
350356
--- skins/default/css.txt
+++ skins/default/css.txt
@@ -334,16 +334,22 @@
334 border: 1px dashed #446979;
335 border-radius: 1em;
336 }
337 tr.timelineSelected td.timelineModernCell,
338 tr.timelineSelected td.timelineColumnarCell {
339 background-color: #ffc;
340 border-radius: 1em;
341 }
342 tr.timelineSecondary td.timelineModernCell,
343 tr.timelineSecondary td.timelineColumnarCell {
344 background-color: #cff;
 
 
 
 
 
 
345 }
346
347
348 /* Miscellaneous UI elements */
349
350
--- skins/default/css.txt
+++ skins/default/css.txt
@@ -334,16 +334,22 @@
334 border: 1px dashed #446979;
335 border-radius: 1em;
336 }
337 tr.timelineSelected td.timelineModernCell,
338 tr.timelineSelected td.timelineColumnarCell {
339 background-color: #fbe8d5;
340 border-radius: 1em;
341 }
342 tr.timelineSecondary td.timelineModernCell,
343 tr.timelineSecondary td.timelineColumnarCell {
344 background-color: #d5e8fb;
345 }
346 span.timelineSelected {
347 background-color: #fbe8d5;
348 }
349 span.timelineSecondary {
350 background-color: #d5e8fb;
351 }
352
353
354 /* Miscellaneous UI elements */
355
356

Keyboard Shortcuts

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