diff --git a/src/css/elem-ui.scss b/src/css/elem-ui.scss
index d5b7efe..6c9a4e7 100644
--- a/src/css/elem-ui.scss
+++ b/src/css/elem-ui.scss
@@ -16,30 +16,33 @@
   &.large {min-width:150px;height:50px;padding:0 13px;line-height:50px;border-radius:5px;font-size:18px;}
 
   
-  &.teal {border:0;background:nth($ct, 1);color:#fff;}
-  &.teal:hover {background:nth($ct, 2);}
+  &.teal {border:0;background:nth($ct, 2);color:#fff;}
+  &.teal:hover {background:nth($ct, 1);}
   &.teal:active {background:nth($ct, 3);}
-  &.green {border:0;background:nth($cg, 1);color:#fff;}
-  &.green:hover {background:nth($cg, 2);}
+  &.green {border:0;background:nth($cg, 2);color:#fff;}
+  &.green:hover {background:nth($cg, 1);}
   &.green:active {background:nth($cg, 3);}
-  &.blue {border:0;background:nth($cb, 1);color:#fff;}
-  &.blue:hover {background:nth($cb, 2);}
+  &.blue {border:0;background:nth($cb, 2);color:#fff;}
+  &.blue:hover {background:nth($cb, 1);}
   &.blue:active {background:nth($cb, 3);}
-  &.purple {border:0;background:nth($cpp, 1);color:#fff;}
-  &.purple:hover {background:nth($cpp, 2);}
+  &.purple {border:0;background:nth($cpp, 2);color:#fff;}
+  &.purple:hover {background:nth($cpp, 1);}
   &.purple:active {background:nth($cpp, 3);}
-  &.red {border:0;background:nth($cr, 1);color:#fff;}
-  &.red:hover {background:nth($cr, 2);}
+  &.red {border:0;background:nth($cr, 2);color:#fff;}
+  &.red:hover {background:nth($cr, 1);}
   &.red:active {background:nth($cr, 3);}
-  &.orange {border:0;background:nth($co, 1);color:#fff;}
-  &.orange:hover {background:nth($co, 2);}
+  &.orange {border:0;background:nth($co, 2);color:#fff;}
+  &.orange:hover {background:nth($co, 1);}
   &.orange:active {background:nth($co, 3);}
-  &.plain {border:0;background:nth($cp, 1);color:nth($cgr, 1);}
-  &.plain:hover {background:nth($cp, 2);}
+  &.plain {border:0;background:nth($cp, 2);color:nth($cgr, 1);}
+  &.plain:hover {background:nth($cp, 1);}
   &.plain:active {background:nth($cp, 3);}
-  &.grey {border:0;background:nth($cgr, 1);color:#fff;}
-  &.grey:hover {background:nth($cgr, 2);}
+  &.grey {border:0;background:nth($cgr, 2);color:#fff;}
+  &.grey:hover {background:nth($cgr, 1);}
   &.grey:active {background:nth($cgr, 3);}
+  &.dark {border:0;background:nth($cd, 2);color:#fff;}
+  &.dark:hover {background:nth($cd, 1);}
+  &.dark:active {background:nth($cd, 3);}
 
   &.disabled {border-color:nth($cp, 1);color:nth($cp, 3);cursor:not-allowed;}