Skip to content

Instantly share code, notes, and snippets.

@arqex
Last active September 17, 2017 15:56
Show Gist options
  • Save arqex/2ccb3a70e4cc310c9439 to your computer and use it in GitHub Desktop.
Save arqex/2ccb3a70e4cc310c9439 to your computer and use it in GitHub Desktop.
Atom compact styles
/*
* Your Stylesheet
*
* This stylesheet is loaded when Atom starts up and is reloaded automatically
* when it is changed.
*
* If you are unfamiliar with LESS, you can read more about it here:
* http://www.lesscss.org
*
* To apply this styles to your editor click on
* Edit > Open your stylesheet ( Mac / Linux )
* File > Open your stylesheet ( Windows )
*
* And paste this file's contents
*
* More info @ http://arqex.com/971/a-compact-stylesheet-for-atom-editor
*/
@tab-height: 24px;
@line-height: @tab-height;
.tree-view {
}
.editor {
}
.editor .cursor {
}
.tab-bar {
height: @tab-height + 1;
line-height: @tab-height;
border-bottom: 1px solid #333333;
padding-left: 1px;
&:after {
display: none;
}
.tab, .tab.active {
height: @tab-height;
line-height: @line-height;
border-left: 0;
border-right: 1px solid #333333;
margin: 0 1px 0 0;
padding: 0 0 0 5px;
top:0;
&:first-child {
margin-left: 0;
padding-left: 5px;
}
&:before, &:after {
display: none;
}
.title {
line-height: @tab-height;
}
.close-icon {
top: 1px;
line-height: @line-height;
height: @line-height;
right: 5px;
}
&.modified .close-icon {
heigth: 8px;
right: 5px;
line-height: @line-height;
}
}
}
.status-bar {
line-height: 18px;
height: 20px;
}
.list-group li:not(.list-nested-item), .list-tree li:not(.list-nested-item), .list-group li.list-nested-item > .list-item, .list-tree li.list-nested-item > .list-item {
line-height: 23px;
}
.list-tree.has-collapsable-children .list-nested-item > .list-tree > li, .list-tree.has-collapsable-children .list-nested-item > .list-group > li {
padding-left: 10px;
}
@dagolinuxoid
Copy link

Pretty good!

I prefer a large one though ^^

// A CUSTOM TEXT IN TABS
.tab-bar .tab .title {
  font-size: 18px;
  font-family: "Liberation Sans";
}

//A CUSTOM WIDTH OF THE TABS
.theme-one-dark-ui {
  .tab {
    min-width: 10em;
    max-width: 16em;
      }
}

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