Yesterday I was working on a project, where I developed a Design Addon, so the users of the website, can customize the colors to fit their needs.

The project is using the well known jQuery plugin Chosen to make the <select> elements more user friendly.

However, by providing the user the power to change all colors of the site, I needed a dark version of Chosen. I searched the web, but didn't really found something, that fits.

So, I created my own dark theme for Chosen.

That's, where I ended up with

Dark jQuery Chosen select Dark jQuery Chosen multiple select

How to use

<!doctype html>
<html lang="en">
<head>
  <!-- load original chosen.css -->
  <link rel="stylesheet" href="chosen.css">

  <!-- overwrite light theme through chosen-dark.css -->
  <link rel="stylesheet" href="chosen-dark.css">
</head>
</html>

Have fun

Download from GitHub