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