color-schemes/atomui/contrast/tron-contrast/index.less

118 lines
2.0 KiB
Plaintext

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