Skip to main content

Color

  • color
  • how to use
  • opacity
  • dark mode

color​

tailwind-color

how to use​

bg-*		//set background color of element
border-*	//set border color of element
text-*		//set text color of element
decoration-*	//set text decoration color of element
outline-*	//set outline color of element
shadow-*	//set color of box-shadow
ring-*		//set color of ring shadow
fill-*		//set fill color of svg element
stroke-*	//set strike color of svg element

opacity​

bg-sky-500/10		//set opacity to 10%

Dark Mode​

dark:bg-gray-800	//when dark mode, set background to gray