# Switching style sheets

**URL:** <https://forum.kirupa.com/t/switching-style-sheets/164401>\
**Category:** web dev\
**Created:** [September 30, 2005, 8:12pm UTC](https://forum.kirupa.com/t/switching-style-sheets/164401 "2005-09-30T20:12:13Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![tid](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/tid/32/1563_2.png) [@tid](https://forum.kirupa.com/u/tid)\
**Post date:** [September 30, 2005, 8:12pm UTC](https://forum.kirupa.com/t/switching-style-sheets/164401/1 "2005-09-30T20:12:13Z")

</div>

I want to have 2 different styles to my site, a light and a dark. I would have a default that was loaded automatically and then a link so the user could swap if he/she wanted to. I know this can be done with php (like on [allthesegames](http://www.allthesegames.com/), see the colour squares on the right) but i also think it can be done with javascript. Any ideas how?

Also it would be useful for the users preference to be stored in a cookie. I searched google but the only relevant site was somewhat confusing. I followed what it said but after i four or five hours of playing at it i gave up and came here. All help is appreciated.  
[](http://www.allthesegames.com/)