.tab-bar { background-color: lighten(#110f0e, 8%); height:26px; .tab { position: relative; color: lighten(#110f0e, 40%); transition: background-color .2s ease-in; background-color: lighten(#110f0e, 10%); .title { margin-top:5px; } .close-icon { position:absolute; top:5px; right:5px; color: lighten(#110f0e, 20%); &:hover { color: lighten(#110f0e, 60%); } } &.active { color: lighten(#F23A3A, 60%); background-color: #F23A3A; .close-icon { color: lighten(#F23A3A, 30%); &:hover { color: lighten(#F23A3A, 60%); } } } } .tab:first-child { padding-left:10px; } } .tool-panel { background-color: lighten(#110f0e, 2%); color: lighten(#110f0e, 30%); font-size:0.8em; } .list-item { transition: background-color .2s ease-in; &.selected { color:#ffffff; &:before { background-color: #F23A3A; } } } .list-item.header:before { color: lighten(#F23A3A, 0%); } .list-item .icon:before { color: lighten(#110f0e, 40%); } .list-item.selected .icon:before { color: lighten(#F23A3A, 60%); } .tree-view { padding:10px; } .inline-block { color: lighten(#110f0e, 30%); } .status-bar .icon { color: lighten(#F23A3A, 0%); } .status-bar a { color: lighten(#110f0e, 55%); &:hover { text-decoration:none; color: lighten(#110f0e, 75%); } } .overlay { background-color: lighten(#110f0e, 8%); color: lighten(#110f0e, 30%); } .panes .pane .item-views .pane-item { color: #F8F8F2; background-color: #110f0e; } .section-heading, .styleguide section .section-heading { color: #F8F8F2; } .select-list { li.selected { color: lighten(#F23A3A, 60%); background-color: #F23A3A; } }