/controls/designlog/

Link colors in dark mode

Links in dark mode were way over-emphasized.

I wanted to use the same color pallette, all derived from my profile picture, in both light and dark mode, but this never worked that well, and only really mattered for people who flipped between them, a list that I’m pretty sure only ever included me.

We have a purple that works pretty closely in dark mode to how the mint works in light mode. Why not use that?

I kept the monogram color the same as before, but changed everything else.

Light mode reference

light underline 1.35:1 · hover 12.83 × 1.35

Burton shared [John] Payne's enthusiasm for archaic and forgotten words. The style Burton achieved can be described as a sort of composite mock-Gothic, combining elements from Middle English, the Authorized Version of the Bible and Jacobean drama. Most modern readers will also find Burton's Victorian vulgarisms jarring, for example ‘regular Joe Millers’, ‘Charleys’, and ‘red cent’. Burton's translation of the Nights can certainly be recommended to anyone wishing to increase their word-power: ‘chevisance’, ‘fortalice’, ‘kemperly’, ‘cark’, ‘foison’, ‘soothfast’, ‘perlection’, ‘wittol’, ‘parergon’, ‘brewis’, ‘bles’, ‘fadaise’, ‘coelebs’, ‘vivisepulture’, and so on. ‘Whilome’ and ‘anent’ are standard in Burton's vocabulary. The range of vocabulary is wider and stranger than Payne's, lurching between the erudite and the plain earthy, so that Harun al-Rashid and Sinbad walk and talk in a linguistic Never Never Land.

Dark mode, before

before underline 3.37:1 · hover 3.37 × 3.37

Burton shared [John] Payne's enthusiasm for archaic and forgotten words. The style Burton achieved can be described as a sort of composite mock-Gothic, combining elements from Middle English, the Authorized Version of the Bible and Jacobean drama. Most modern readers will also find Burton's Victorian vulgarisms jarring, for example ‘regular Joe Millers’, ‘Charleys’, and ‘red cent’. Burton's translation of the Nights can certainly be recommended to anyone wishing to increase their word-power: ‘chevisance’, ‘fortalice’, ‘kemperly’, ‘cark’, ‘foison’, ‘soothfast’, ‘perlection’, ‘wittol’, ‘parergon’, ‘brewis’, ‘bles’, ‘fadaise’, ‘coelebs’, ‘vivisepulture’, and so on. ‘Whilome’ and ‘anent’ are standard in Burton's vocabulary. The range of vocabulary is wider and stranger than Payne's, lurching between the erudite and the plain earthy, so that Harun al-Rashid and Sinbad walk and talk in a linguistic Never Never Land.

Proposal 1: 35% mix toward background

proposal 1 underline 1.49:1

Burton shared [John] Payne's enthusiasm for archaic and forgotten words. The style Burton achieved can be described as a sort of composite mock-Gothic, combining elements from Middle English, the Authorized Version of the Bible and Jacobean drama. Most modern readers will also find Burton's Victorian vulgarisms jarring, for example ‘regular Joe Millers’, ‘Charleys’, and ‘red cent’. Burton's translation of the Nights can certainly be recommended to anyone wishing to increase their word-power: ‘chevisance’, ‘fortalice’, ‘kemperly’, ‘cark’, ‘foison’, ‘soothfast’, ‘perlection’, ‘wittol’, ‘parergon’, ‘brewis’, ‘bles’, ‘fadaise’, ‘coelebs’, ‘vivisepulture’, and so on. ‘Whilome’ and ‘anent’ are standard in Burton's vocabulary. The range of vocabulary is wider and stranger than Payne's, lurching between the erudite and the plain earthy, so that Harun al-Rashid and Sinbad walk and talk in a linguistic Never Never Land.

UnderlineRatio vs. background
Light--color-micahrl-mint1.35:1
Before--color-micahrl-dark-mint3.37:1
After35% mix toward background1.49:1

Proposal 2: unchanged foreground on hover

proposal 2 hover 4.89 × 1.54

Burton shared [John] Payne's enthusiasm for archaic and forgotten words. The style Burton achieved can be described as a sort of composite mock-Gothic, combining elements from Middle English, the Authorized Version of the Bible and Jacobean drama. Most modern readers will also find Burton's Victorian vulgarisms jarring, for example ‘regular Joe Millers’, ‘Charleys’, and ‘red cent’. Burton's translation of the Nights can certainly be recommended to anyone wishing to increase their word-power: ‘chevisance’, ‘fortalice’, ‘kemperly’, ‘cark’, ‘foison’, ‘soothfast’, ‘perlection’, ‘wittol’, ‘parergon’, ‘brewis’, ‘bles’, ‘fadaise’, ‘coelebs’, ‘vivisepulture’, and so on. ‘Whilome’ and ‘anent’ are standard in Burton's vocabulary. The range of vocabulary is wider and stranger than Payne's, lurching between the erudite and the plain earthy, so that Harun al-Rashid and Sinbad walk and talk in a linguistic Never Never Land.

FillTextText → fillFill → page bgText → page bg
Light--color-micahrl-mintunchanged fg12.83:11.35:117.32:1
Before--color-micahrl-dark-mintpage background3.37:13.37:17.54:1
Afterhsl(120, 31%, 21%)unchanged fg4.89:11.54:17.54:1

Proposal 3: same split as light mode, one color

proposal 3 underline 1.23:1 · hover 6.13 × 1.23

Burton shared [John] Payne's enthusiasm for archaic and forgotten words. The style Burton achieved can be described as a sort of composite mock-Gothic, combining elements from Middle English, the Authorized Version of the Bible and Jacobean drama. Most modern readers will also find Burton's Victorian vulgarisms jarring, for example ‘regular Joe Millers’, ‘Charleys’, and ‘red cent’. Burton's translation of the Nights can certainly be recommended to anyone wishing to increase their word-power: ‘chevisance’, ‘fortalice’, ‘kemperly’, ‘cark’, ‘foison’, ‘soothfast’, ‘perlection’, ‘wittol’, ‘parergon’, ‘brewis’, ‘bles’, ‘fadaise’, ‘coelebs’, ‘vivisepulture’, and so on. ‘Whilome’ and ‘anent’ are standard in Burton's vocabulary. The range of vocabulary is wider and stranger than Payne's, lurching between the erudite and the plain earthy, so that Harun al-Rashid and Sinbad walk and talk in a linguistic Never Never Land.

FillTextText → fillFill → page bgText → page bg
Light--color-micahrl-mintunchanged fg12.83:11.35:117.32:1
Proposal 2hsl(120, 31%, 21%)unchanged fg4.89:11.54:17.54:1
Proposal 3hsl(120, 31%, 16%)unchanged fg6.13:11.23:17.54:1
Text → fill share of total
Light89.5%
Proposal 278.6%
Proposal 389.7%

Proposal 4: proposal 3 at full chroma

proposal 4 underline 1.24:1 · hover 6.10 × 1.24

Burton shared [John] Payne's enthusiasm for archaic and forgotten words. The style Burton achieved can be described as a sort of composite mock-Gothic, combining elements from Middle English, the Authorized Version of the Bible and Jacobean drama. Most modern readers will also find Burton's Victorian vulgarisms jarring, for example ‘regular Joe Millers’, ‘Charleys’, and ‘red cent’. Burton's translation of the Nights can certainly be recommended to anyone wishing to increase their word-power: ‘chevisance’, ‘fortalice’, ‘kemperly’, ‘cark’, ‘foison’, ‘soothfast’, ‘perlection’, ‘wittol’, ‘parergon’, ‘brewis’, ‘bles’, ‘fadaise’, ‘coelebs’, ‘vivisepulture’, and so on. ‘Whilome’ and ‘anent’ are standard in Burton's vocabulary. The range of vocabulary is wider and stranger than Payne's, lurching between the erudite and the plain earthy, so that Harun al-Rashid and Sinbad walk and talk in a linguistic Never Never Land.

FillChroma (okC)vs. mintShare of max chroma at its lightness
Light--color-micahrl-mint0.099100%36%
Proposal 2hsl(120, 31%, 21%)0.06869%58%
Proposal 3hsl(120, 31%, 16%)0.05555%56%
Proposal 4oklch(0.30 0.095 144.2)0.09596%98%
Text → fillFill → page bgText → page bgShare
Light12.83:11.35:117.32:189.5%
Proposal 36.13:11.23:17.54:189.7%
Proposal 46.10:11.24:17.54:189.4%

Proposal 5: the palette purple, untuned

proposal 5 underline 1.62:1 · hover 4.66 × 1.62

Burton shared [John] Payne's enthusiasm for archaic and forgotten words. The style Burton achieved can be described as a sort of composite mock-Gothic, combining elements from Middle English, the Authorized Version of the Bible and Jacobean drama. Most modern readers will also find Burton's Victorian vulgarisms jarring, for example ‘regular Joe Millers’, ‘Charleys’, and ‘red cent’. Burton's translation of the Nights can certainly be recommended to anyone wishing to increase their word-power: ‘chevisance’, ‘fortalice’, ‘kemperly’, ‘cark’, ‘foison’, ‘soothfast’, ‘perlection’, ‘wittol’, ‘parergon’, ‘brewis’, ‘bles’, ‘fadaise’, ‘coelebs’, ‘vivisepulture’, and so on. ‘Whilome’ and ‘anent’ are standard in Burton's vocabulary. The range of vocabulary is wider and stranger than Payne's, lurching between the erudite and the plain earthy, so that Harun al-Rashid and Sinbad walk and talk in a linguistic Never Never Land.

FillChroma (okC)vs. mintFill → page bgText → fillShare
Light--color-micahrl-mint0.099100%1.35:112.83:189.5%
Dark mint, untuned--color-micahrl-dark-mint0.04949%3.37:12.24:140%
Light purple, untuned--color-micahrl-light-purple0.08182%8.82:11.17:18%
Proposal 5--color-micahrl-dark-purple0.08586%1.62:14.66:176%

Proposal 6: same placement as proposal 4, purple hue

Same ratios to foreground/background as light mode with a new purple color.

proposal 6 underline 1.24:1 · hover 6.10 × 1.24

Burton shared [John] Payne's enthusiasm for archaic and forgotten words. The style Burton achieved can be described as a sort of composite mock-Gothic, combining elements from Middle English, the Authorized Version of the Bible and Jacobean drama. Most modern readers will also find Burton's Victorian vulgarisms jarring, for example ‘regular Joe Millers’, ‘Charleys’, and ‘red cent’. Burton's translation of the Nights can certainly be recommended to anyone wishing to increase their word-power: ‘chevisance’, ‘fortalice’, ‘kemperly’, ‘cark’, ‘foison’, ‘soothfast’, ‘perlection’, ‘wittol’, ‘parergon’, ‘brewis’, ‘bles’, ‘fadaise’, ‘coelebs’, ‘vivisepulture’, and so on. ‘Whilome’ and ‘anent’ are standard in Burton's vocabulary. The range of vocabulary is wider and stranger than Payne's, lurching between the erudite and the plain earthy, so that Harun al-Rashid and Sinbad walk and talk in a linguistic Never Never Land.

FillHueChroma (okC)vs. mintShare of max chroma at its lightness
Light mint--color-micahrl-mint144.20.099100%36%
Proposal 4oklch(0.30 0.095 144.2)144.20.09596%98%
Proposal 5--color-micahrl-dark-purple333.10.08586%
Proposal 6oklch(0.32 0.099 290)290.00.099100%55%
Text → fillFill → page bgText → page bgShare
Light12.83:11.35:117.32:189.5%
Proposal 46.10:11.24:17.54:189.4%
Proposal 54.66:11.62:17.54:176.0%
Proposal 66.10:11.24:17.54:189.4%
HueMax chroma at this placementvs. mint
144.2 (mint)0.09798%
333.1 (dark purple)0.148150%
290.0 (light purple)0.189191%