Invert Colors for Reading @Night

by Joe Saad

HTML

<a href="javascript:void(0);" class="light">blub</a>

<p>
Pellentesque ut sapien nunc, a imperdiet ligula! Nullam in turpis a diam facilisis rutrum ac eget lectus. Nulla facilisi. Etiam vulputate iaculis massa ut consequat. In hac habitasse platea dictumst. Suspendisse sagittis, libero ac facilisis dictum, tellus mauris fringilla ipsum, at pellentesque felis ipsum egestas enim. Aliquam pellentesque, magna ac egestas commodo, sapien leo volutpat enim, posuere lobortis arcu velit tristique lectus. Sed eu eros diam. Integer varius, magna quis dictum euismod, tortor lacus sollicitudin leo, sed vestibulum purus mi quis est? Sed id mi leo, eu vehicula elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
</p>

<p>
Praesent fermentum adipiscing sapien vitae fermentum! Etiam in odio tortor, non placerat urna. Praesent eget tellus in eros porttitor porttitor sit amet cursus nisi. Duis laoreet euismod ligula, sit amet aliquam lorem tempus et. Pellentesque bibendum iaculis felis quis vulputate! In mauris nibh, pretium et fringilla in, venenatis eu purus. Suspendisse rutrum leo quis felis lobortis vulputate? Nunc vitae feugiat mi! Morbi mauris enim, auctor ut ultricies in, fermentum id arcu. Donec ultrices, sapien nec lacinia accumsan, diam quam varius ligula, in accumsan lectus arcu ac odio. Ut vulputate pulvinar lobortis! Duis elit dui, lacinia quis condimentum vitae, lobortis vel nunc.
</p>

<p>
Aliquam commodo, dui sit amet molestie aliquet, nibh mi interdum sapien, vitae porta enim massa ut augue. Nulla arcu felis, fringilla ut lacinia vitae, volutpat et justo. Morbi posuere ornare dapibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut condimentum est. Proin a ornare elit. Sed vestibulum facilisis mollis. Suspendisse tincidunt semper dui, sed eleifend sapien sodales at.
</p>

CSS

.invertedLight {background-color:#000; color:#fff;}
body {font-size:11px; font-family:arial;}

JavaScript

$('.light').click(function(){

    $('body').toggleClass('invertedLight');
    
});