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

118 lines
2.0 KiB
Plaintext

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