Skip to content

Instantly share code, notes, and snippets.

@glasslion

glasslion/adminLteColors.html

Created March 31, 2017 07:21
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save glasslion/4711c19dfe936f260e48b6cf367347e4 to your computer and use it in GitHub Desktop.
Save glasslion/4711c19dfe936f260e48b6cf367347e4 to your computer and use it in GitHub Desktop.
Download ZIP
Color table for AdminLte
Raw
adminLteColors.html
<html>
<head>
<meta charset="utf-8">
<title>AdminLTE 2 Colors</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"`>
<link rel="stylesheet" href="https://almsaeedstudio.com/themes/AdminLTE/dist/css/AdminLTE.min.css">
</head>
<body>
<div class="container">
<table class="table table-bordered">
<tbody>
<tr>
<td class="bg-red">.bg-red</td>
<td class="bg-yellow">.bg-yellow</td>
<td class="bg-aqua">.bg-aqua</td>
<td class="bg-blue">.bg-blue</td>
<td class="bg-light-blue">.bg-light-blue</td>
<td class="bg-green">.bg-green</td>
</tr>
<tr>
<td class="bg-navy">.bg-navy</td>
<td class="bg-teal">.bg-teal</td>
<td class="bg-olive">.bg-olive</td>
<td class="bg-lime">.bg-lime</td>
<td class="bg-orange">.bg-orange</td>
<td class="bg-fuchsia">.bg-fuchsia</td>
</tr>
<tr>
<td class="bg-purple">.bg-purple</td>
<td class="bg-maroon">.bg-maroon</td>
<td class="bg-black">.bg-black</td>
<td class="bg-red-active">.bg-red-active</td>
<td class="bg-yellow-active">.bg-yellow-active</td>
<td class="bg-aqua-active">.bg-aqua-active</td>
</tr>
<tr>
<td class="bg-blue-active">.bg-blue-active</td>
<td class="bg-light-blue-active">.bg-light-blue-active</td>
<td class="bg-green-active">.bg-green-active</td>
<td class="bg-navy-active">.bg-navy-active</td>
<td class="bg-teal-active">.bg-teal-active</td>
<td class="bg-olive-active">.bg-olive-active</td>
</tr>
<tr>
<td class="bg-lime-active">.bg-lime-active</td>
<td class="bg-orange-active">.bg-orange-active</td>
<td class="bg-fuchsia-active">.bg-fuchsia-active</td>
<td class="bg-purple-active">.bg-purple-active</td>
<td class="bg-maroon-active">.bg-maroon-active</td>
<td class="bg-black-active">.bg-black-active</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
@glasslion
Copy link
Author

Online Preview https://jsfiddle.net/h2k897y8/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment