diff --git a/themes/atom-dark-ui/buttons.less b/themes/atom-dark-ui/buttons.less
new file mode 100644
index 000000000..840d640e4
--- /dev/null
+++ b/themes/atom-dark-ui/buttons.less
@@ -0,0 +1,30 @@
+@import "ui-colors";
+
+.btn-toggle.btn-group {
+  .btn {
+    font-weight: bold;
+    background: @button-color-1;
+    color: @text-color-3;
+    font-size: 12px;
+    padding: 3px;
+
+    border: none;
+    border-left: 1px solid @border-color-2;
+
+    &:hover{ background: @button-color-hover-1; }
+    &.enabled{ 
+      color: @accent-color-info-1; 
+      background: @button-color-active-1;
+      box-shadow: inset 1px 1px 1px @highlight-background-color-1;
+    }
+  }
+  .btn:first-child {
+    border-left: none;
+    border-bottom-left-radius: 2px;
+    border-top-left-radius: 2px;
+  }
+  .btn:last-child {
+    border-bottom-right-radius: 2px;
+    border-top-right-radius: 2px;
+  }
+}
\ No newline at end of file
diff --git a/themes/atom-dark-ui/package.cson b/themes/atom-dark-ui/package.cson
index 39fa6870e..4128685b5 100644
--- a/themes/atom-dark-ui/package.cson
+++ b/themes/atom-dark-ui/package.cson
@@ -12,4 +12,5 @@
   'archive-view'
   'collaboration'
   'overlay'
+  'buttons'
 ]
diff --git a/themes/atom-dark-ui/ui-colors.less b/themes/atom-dark-ui/ui-colors.less
index 1f6a9df7d..0f2ad607c 100644
--- a/themes/atom-dark-ui/ui-colors.less
+++ b/themes/atom-dark-ui/ui-colors.less
@@ -51,4 +51,8 @@
 @dark-background-color-1: #1b1c1e;
 @dark-background-color-2: #19191a;
 
-@text-color-4: #969696;
\ No newline at end of file
+@text-color-4: #969696;
+
+@button-color-1: #303030;
+@button-color-hover-1: #353536;
+@button-color-active-1: #404040;
\ No newline at end of file