Customize Timecop

- Seamless tab - Lighter heading - Rounded corners - Smaller highlights Fixes atom#38
lettertwo · Apr 14, 2015 · d69b9d2 · d69b9d2
1 parent d1d7be2
commit d69b9d2
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 0 deletions.
diff --git a/styles/packages.less b/styles/packages.less
@@ -135,3 +135,33 @@
     border-bottom-color: @markdown-preview-background-color;
   }
 }
+
+
+
+// Timecop ---------------------------
+
+.timecop {
+  .timecop-panel {
+    padding: @component-padding/2;
+    background-color: @level-2-color;
+  }
+
+  .tool-panel {
+    padding: @component-padding/2;
+    background-color: @level-2-color;
+  }
+
+  .inset-panel {
+    border: 1px solid @base-border-color;
+  }
+
+  .panel-heading {
+    .text(highlight);
+    border-color: @base-border-color;
+    background-color: @level-1-color;
+  }
+
+  .list-item .inline-block {
+    line-height: 1.5;
+  }
+}
diff --git a/styles/panels.less b/styles/panels.less
@@ -13,6 +13,7 @@ atom-panel {
 .inset-panel {
   position: relative;
   background-color: @inset-panel-background-color;
+  border-radius: @component-border-radius;
   &.bordered {
     border: 1px solid @base-border-color;
     border-radius: @component-border-radius;