diff --git a/app/javascripts/components/gather.js b/app/javascripts/components/gather.js
index 3da9c51..3b03b63 100644
--- a/app/javascripts/components/gather.js
+++ b/app/javascripts/components/gather.js
@@ -86,7 +86,7 @@ const GatherTeams = React.createClass({
 		return (
 			<div className="row add-top">
 				<div className="col-sm-6">
-					<div className="panel panel-primary panel-light-background">
+					<div className="panel panel-primary panel-light-background team-marines">
 						<div className="panel-heading">
 							Marines
 						</div>
@@ -94,7 +94,7 @@ const GatherTeams = React.createClass({
 					</div>
 				</div>
 				<div className="col-sm-6">
-					<div className="panel panel-primary panel-light-background">
+					<div className="panel panel-primary panel-light-background team-aliens">
 						<div className="panel-heading">
 							Aliens
 						</div>
diff --git a/app/stylesheets/skin-blue.css b/app/stylesheets/skin-blue.css
new file mode 100644
index 0000000..6830ea6
--- /dev/null
+++ b/app/stylesheets/skin-blue.css
@@ -0,0 +1,149 @@
+/*
+ * Skin: Blue
+ * ----------
+ */
+.skin-blue .main-header .navbar {
+  background-color: #3c8dbc;
+}
+.skin-blue .main-header .navbar .nav > li > a {
+  color: #ffffff;
+}
+.skin-blue .main-header .navbar .nav > li > a:hover,
+.skin-blue .main-header .navbar .nav > li > a:active,
+.skin-blue .main-header .navbar .nav > li > a:focus,
+.skin-blue .main-header .navbar .nav .open > a,
+.skin-blue .main-header .navbar .nav .open > a:hover,
+.skin-blue .main-header .navbar .nav .open > a:focus,
+.skin-blue .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-blue .main-header .navbar .sidebar-toggle {
+  color: #ffffff;
+}
+.skin-blue .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-blue .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-blue .main-header .navbar .sidebar-toggle:hover {
+  background-color: #367fa9;
+}
+@media (max-width: 767px) {
+  .skin-blue .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .skin-blue .main-header .navbar .dropdown-menu li a {
+    color: #fff;
+  }
+  .skin-blue .main-header .navbar .dropdown-menu li a:hover {
+    background: #367fa9;
+  }
+}
+.skin-blue .main-header .logo {
+  background-color: #367fa9;
+  color: #ffffff;
+  border-bottom: 0 solid transparent;
+}
+.skin-blue .main-header .logo:hover {
+  background-color: #357ca5;
+}
+.skin-blue .main-header li.user-header {
+  background-color: #3c8dbc;
+}
+.skin-blue .content-header {
+  background: transparent;
+}
+.skin-blue .wrapper,
+.skin-blue .main-sidebar,
+.skin-blue .left-side {
+  background-color: #222d32;
+}
+.skin-blue .user-panel > .info,
+.skin-blue .user-panel > .info > a {
+  color: #fff;
+}
+.skin-blue .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-blue .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-blue .sidebar-menu > li:hover > a,
+.skin-blue .sidebar-menu > li.active > a {
+  color: #ffffff;
+  background: #1e282c;
+  border-left-color: #3c8dbc;
+}
+.skin-blue .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-blue .sidebar a {
+  color: #b8c7ce;
+}
+.skin-blue .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-blue .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-blue .treeview-menu > li.active > a,
+.skin-blue .treeview-menu > li > a:hover {
+  color: #ffffff;
+}
+.skin-blue .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-blue .sidebar-form input[type="text"],
+.skin-blue .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+  -webkit-transition: all 0.3s ease-in-out;
+  -o-transition: all 0.3s ease-in-out;
+  transition: all 0.3s ease-in-out;
+}
+.skin-blue .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-blue .sidebar-form input[type="text"]:focus,
+.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-blue .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.skin-blue.layout-top-nav .main-header > .logo {
+  background-color: #3c8dbc;
+  color: #ffffff;
+  border-bottom: 0 solid transparent;
+}
+.skin-blue.layout-top-nav .main-header > .logo:hover {
+  background-color: #3b8ab8;
+}
+.skin-blue .gather-voting .list-group-item {
+  background-color: #F5F89F;
+  color: #000;
+}
+.skin-blue .gather-voting .list-group-item-success {
+  background-color: #F8FE5D;
+}
\ No newline at end of file
diff --git a/app/stylesheets/skin.css b/app/stylesheets/skin.css
index 6830ea6..d8717c2 100644
--- a/app/stylesheets/skin.css
+++ b/app/stylesheets/skin.css
@@ -1,7 +1,226 @@
 /*
- * Skin: Blue
+ * Skin: Dark (provided by radionaut)
  * ----------
  */
+
+body {
+    color: #FFFFFF !important;
+  }
+
+  .badge {
+    background-color: #7C7C7C !important;
+  }
+
+  .skin-blue .main-header .logo {
+    background-color: #6F6F6F !important;
+  }
+
+  .skin-blue .main-header .navbar {
+    background-color: #7C7C7C !important;
+  }
+
+  .img-thumbnail,
+    body {
+    background-color: #1B1B1B !important;
+  }
+
+  .bg-primary {
+    background-color: #868686 !important;
+  }
+
+  .dropdown-menu {
+    background-color: #252525 !important;
+  }
+
+  .form-control {
+    background-color: #242424 !important;
+    border: 1px solid #5F5F5F !important;
+  }
+
+  .dropdown-menu>li>a:focus,
+    .dropdown-menu>li>a:hover {
+    background-color: #868686 !important;
+  }
+
+  .label-primary {
+    background-color: #868686 !important;
+  }
+
+  .progress {
+    background-color: #242424 !important;
+  }
+
+  .progress-bar {
+    background-color: #E2E4E8 !important;
+  }
+
+  .panel-primary {
+    border-color: #868686 !important;
+  }
+
+  .panel-info {
+    border-color: #D6D6D6 !important;
+  }
+
+  .panel-primary>.panel-heading {
+    color: #FFFFFF !important;
+    background-color: #868686 !important;
+    border-color: #868686 !important;
+  }
+
+  .panel {
+    background-color: #1C1C1C !important;
+  }
+
+  .skin-blue .main-header .navbar .sidebar-toggle:hover {
+    color: #f6f6f6 !important;
+    background: #757575 !important;
+  }
+
+  .skin-blue .sidebar a {
+    color: #FDFDFD !important;
+  }
+
+  .skin-blue .left-side,
+    .skin-blue .main-sidebar,
+    .skin-blue .wrapper {
+    background-color: #1B1B1B !important;
+  }
+
+  .skin-blue .sidebar-menu>li.header {
+    color: #FFFFFF !important;
+    background: #202020 !important;
+  }
+
+  .skin-blue .left-side,
+    .skin-blue .main-sidebar,
+    .skin-blue .wrapper {
+    background-color: #2A2A2A !important;
+  }
+
+  .skin-blue .sidebar-menu > li.active > a,
+    .skin-blue .sidebar-menu > li:hover > a {
+    color: #FFFFFF !important;
+    background: #232323 !important;
+    border-left-color: #7C7C7C !important;
+  }
+
+  .skin-blue .treeview-menu > li > a {
+    color: #F6F3FC !important;
+  }
+
+  .treeview-menu {
+    background: #383838 !important;
+  }
+  .control-sidebar-dark {
+    color: #C4C4C4 !important;
+  }
+
+  .control-sidebar-dark,
+    .control-sidebar-dark+.control-sidebar-bg {
+    background: #1D1D1D !important;
+  }
+
+  .table .table {
+    background-color: #1C1C1C !important;
+  }
+
+  .events-panel {
+    background-color: #1B1B1B !important;
+    color: #8C8C8C !important;
+    border-color: #868686 !important;
+  }
+
+  .panel-primary {
+    border-color: #868686 !important;
+  }
+
+  .panel-primary>.panel-heading {
+    color: #FFFFFF !important;
+    background-color: #868686 !important;
+    border-color: #7C7C7C !important;
+  }
+
+  .panel-info>.panel-heading {
+    color: #333333 !important;
+    background-color: #949494 !important;
+    border-color: #D6D6D6 !important;
+    background: #E8E8E8 !important;
+  }
+
+  .panel-success {
+    border-color: #444 !important;
+  }
+
+  .panel-success > .panel-heading {
+    color: #676767 !important;
+    background-color: #E4E4E4 !important;
+    border-color: #3c3c3c !important;
+  }
+
+  hr {
+    border-top: 1px solid !important;
+  }
+
+  #message-input {
+    border: 1px solid #5E5E5E !important;
+  }
+
+  .btn-primary {
+    background-color: #7C7C7C !important;
+    border-color: #5D5D5D !important;
+  }
+
+  .btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary {
+    color: #333333 !important;
+    background-color: #BFBFBF !important;
+    border-color: #5B5B5B !important;
+  }
+
+  .modal-content {
+    background-color: #2a2a2a !important;
+  }
+  .slider-handle {
+ 
+    background-color: #777777 !important;
+    background-image: -webkit-linear-gradient(top,#858585 0,#6b6b6b 100%) !important;
+    background-image: -o-linear-gradient(top,#858585 0,#6b6b6b 100%) !important;
+    background-image: linear-gradient(to bottom,#858585 0,#6b6b6b 100%) !important;
+    background-repeat: repeat-x !important;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff858585', endColorstr='#ff6b6b6b', GradientType=0) !important;
+    filter: none !important;
+    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05) !important;
+    box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05) !important;
+  }
+
+  .panel.team-marines .panel-heading {
+    color: #FFFFFF !important;
+    background-color: #058299 !important;
+  }
+
+  .panel.team-marines tr:nth-child(even) {
+    background-color: #01343E !important;
+  }
+
+  .panel.team-marines tr:nth-child(odd) {
+    background-color: #012C34 !important;
+  }  
+
+  .panel.team-aliens .panel-heading {
+    color: #FFFFFF !important;
+    background-color: #9C602C !important;
+  }
+
+  .panel.team-aliens tr:nth-child(even) {
+    background-color: #3B240E !important;
+  }
+
+  .panel.team-aliens tr:nth-child(odd) {
+    background-color: #321E0C !important;
+  } 
+
+
+ /*
 .skin-blue .main-header .navbar {
   background-color: #3c8dbc;
 }
@@ -146,4 +365,4 @@
 }
 .skin-blue .gather-voting .list-group-item-success {
   background-color: #F8FE5D;
-}
\ No newline at end of file
+}*/
\ No newline at end of file