Xidipity

Knowledge Base

tint
Term: Tint
Xidipity WordPress Theme Knowledge Base Terms Content Header Image

A “tint” is a hue mixed with white which decreases darkness.

 

Primary tints
 
ShadePropertyValue
 HEX:#e6f2f6
Background Class:bkg:pri+5
Border Class:bdr:pri+5
Text Class:txt:pri+5
 HEX:#cce5ed
Background Class:bkg:pri+4
Border Class:bdr:pri+4
Text Class:txt:pri+4
 HEX:#99ccda
Background Class:bkg:pri+3
Border Class:bdr:pri+3
Text Class:txt:pri+3
 HEX:#66b2c8
Background Class:bkg:pri+2
Border Class:bdr:pri+2
Text Class:txt:pri+2
 HEX:#3399b5
Background Class:bkg:pri+1
Border Class:bdr:pri+1
Text Class:txt:pri+1

 

Secondary tints
 
ShadePropertyValue
 HEX:#feece8
Background Class:bkg:sec+5
Border Class:bdr:sec+5
Text Class:txt:sec+5
 HEX:#fcd9d1
Background Class:bkg:sec+4
Border Class:bdr:sec+4
Text Class:txt:sec+4
 HEX:#f9b4a3
Background Class:bkg:sec+3
Border Class:bdr:sec+3
Text Class:txt:sec+3
 HEX:#f68e74
Background Class:bkg:sec+2
Border Class:bdr:sec+2
Text Class:txt:sec+2
 HEX:#f36946
Background Class:bkg:sec+1
Border Class:bdr:sec+1
Text Class:txt:sec+1

 

Base tints
 
ShadePropertyValue
 HEX:#faf9f8
Background Class:bkg:bas+5
Border Class:bdr:bas+5
Text Class:txt:bas+5
 HEX:#f4f3f2
Background Class:bkg:bas+4
Border Class:bdr:bas+4
Text Class:txt:bas+4
 HEX:#e9e7e4
Background Class:bkg:bas+3
Border Class:bdr:bas+3
Text Class:txt:bas+3
 HEX:#dfdbd7
Background Class:bkg:bas+2
Border Class:bdr:bas+2
Text Class:txt:bas+2
 HEX:#d4cfc9
Background Class:bkg:bas+1
Border Class:bdr:bas+1
Text Class:txt:bas+1

  • Since: v1.0.0

 

May 20, 2022