Present これは、2023 年 3 月 11 日の GitHub ラベルの声を表しています。
宣言
GitHubでは、ブランドの配色に置き換えられそうです プル クエリまたはフィールドに割り当てる場合。 Light のデフォルト テーマで GitHub を使用する場合、これらのラベルのテキストの配色は、古い配色の明るさに依存します。ブランドの配色が暗いほど、ブランドのテキストの配色は明るくなり、その逆も同様です。 これが愛のように見える方法は次のとおりです:
実際には、多くの色の場合、ブランドのテキストは陰影または白の両方になる可能性があります。 Light テーマ用に熟成された 
CSS を掘り下げると、私たちは考える常識を発見しますテキストの配色。 ブランドの配色が –brand-r, –brand-g および –brand-r、非公開
–知覚された明るさ: calc(
((
var(–brand-r) * 0 . )2126) + (
var(–brand-g) * 0.7152 ))
/
255 ) –明度閾値:
0.453 –明度スワップ: max
(
0, 分
(calc((
var(–知覚明度) – var(–明度閾値))
*
-1000
), 1))
その後、フォントの配色は
coloration:hsl(0deg, 0%, calc(var(--lightness-swap) 100%)) したがって、色の sRGB 値が (r,g,b) である場合、 ^3、知覚明度は、一次方程式
知覚明度= ラムダ r
,g, b : ( 0.2126 * r + 0.7152*g
+0.0722*b)
/
255
基本的に、perceived-lightness<0.453 の場合、ブランドのテキストは白く着色される可能性があります。 あ
