Created
January 24, 2015 13:44
-
-
Save nsymtks/d9df5535daf6d8848de4 to your computer and use it in GitHub Desktop.
ATOM Style Configuration
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| * 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 | |
| */ | |
| body, html { | |
| // 全体のフォント指定 | |
| font-family: 'Ricty'; | |
| font-style: normal !important; | |
| } | |
| .tree-view { | |
| // ディレクトリツリーのフォントサイズ大きすぎ | |
| ol.entries.list-tree li { | |
| font-size: 8pt; | |
| span.icon:before { | |
| font-size: 10pt; | |
| } | |
| } | |
| } | |
| .select-list { | |
| font-size: 7pt; | |
| } | |
| .line .text.plain, .placeholder-text { | |
| font-size: 7pt; | |
| } | |
| .vertical { | |
| .line .text.plain, .placeholder-text { | |
| font-size: 7pt; | |
| } | |
| .item-views { | |
| border-top: 3px solid #1D1F21; | |
| } | |
| .pane { | |
| // 非アクティブウィンドウの色を変える | |
| opacity:0.7; | |
| &.active { | |
| opacity: 1.0; | |
| } | |
| // タブの高さが高すぎるので低くする | |
| .list-inline.tab-bar { | |
| height: 22px; | |
| line-height: 22px; | |
| &:after { | |
| top: 21px; | |
| } | |
| .tab, .tab.active { | |
| top: 0px; | |
| &.modified:not(:hover) .close-icon { | |
| top: 6px; | |
| height: 8px; | |
| width: 8px; | |
| } | |
| &:before, .title, .close-icon { | |
| height: 24px; | |
| line-height: 24px; | |
| font-size: 7pt; | |
| cursor: pointer; | |
| } | |
| .title:before { | |
| line-height: 20px; | |
| font-size: 8pt; | |
| } | |
| .close-icon:hover { | |
| color: #f88; | |
| } | |
| } | |
| } | |
| } | |
| // パネルの境界線をわかりやすく | |
| .panes .pane-row > *, | |
| .panes .pane-column > * { | |
| border-right: 1px solid rgba(150, 150, 150, 0.2); | |
| } | |
| } | |
| .editor { | |
| // カーソルのある行の背景色を変える | |
| .line.cursor-line { | |
| background: #1F2224; | |
| } | |
| .cursor { | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment