*/ /* Demo */ * { margin: 0 } body { font-family: Arial, Helvetica, sans-serif; background-color: #f1f5f9; line-height: 1.5; padding: 2rem; } /* Test */ .bg-1 { background-color: $(bg1) } .bg-2 { background-color: $(bg2) } [data-theme=dark] { color: #fff } p { background-color: #334155; margin-bottom: 1rem; display: inline-block; padding: 1rem; border-radius: .5rem; } div { padding: 3rem; text-align: center; } ]]> Check the darkness of a color @author zkreations @param {color} color - Color variable from data:skin.vars @param {string} [attr=data-theme] - Attribute name @param {string} [value=dark] - Attribute value @param {string} [callback] - The name of another inclusion

Callback: El fondo si es muy oscuro

¿Este fondo es oscuro?

¿Este fondo es oscuro?