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