mirror of
https://github.com/atom/atom.git
synced 2026-04-06 03:02:13 -04:00
114 lines
2.7 KiB
Plaintext
114 lines
2.7 KiB
Plaintext
@import "ui-colors";
|
|
@import "bootstrap/less/mixins.less";
|
|
|
|
.command-panel {
|
|
background-color: @background-color-2;
|
|
color: #dedede;
|
|
border-top: 1px solid rgba(0, 0, 0, 0.5);
|
|
box-shadow: inset 0 1px 0 @background-color-highlight-1;
|
|
padding: 10px;
|
|
|
|
.btn {
|
|
.btn-pseudo-states(@dark-background-color-2, @background-color-2);
|
|
color: @text-color-4;
|
|
}
|
|
}
|
|
|
|
.command-panel .header {
|
|
background-image: -webkit-linear-gradient(@background-color-highlight-2, @background-color-highlight-1);
|
|
border: 1px solid rgba(0, 0, 0, 0.5);
|
|
padding: 5px;
|
|
box-shadow:
|
|
inset 0 1px 0 @background-color-highlight-1,
|
|
inset 0 -1px 0 rgba(255, 255, 255, 0.02);
|
|
margin-bottom: 0;
|
|
border-top-right-radius: 3px;
|
|
border-top-left-radius: 3px;
|
|
}
|
|
|
|
.command-panel .preview-list {
|
|
background-color: @dark-background-color-2;
|
|
color: #6d736f;
|
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
border-bottom: 1px solid @border-color-1;
|
|
border-right: 1px solid @border-color-1;
|
|
}
|
|
|
|
.command-panel .preview-count {
|
|
color: @text-color-4;
|
|
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
.command-panel .expand-collapse {
|
|
color: @text-color-4;
|
|
}
|
|
|
|
.command-panel .expand-collapse li {
|
|
background: -webkit-linear-gradient(@dark-background-color-2, @background-color-2);
|
|
box-shadow:
|
|
inset -1px -1px 0 rgba(255, 255, 255, 0.1),
|
|
inset 1px 1px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.command-panel .expand-collapse li:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.command-panel .preview-list .path.selected .path-details,
|
|
.command-panel .preview-list li.operation.selected {
|
|
background-color: @background-color-highlight-1;
|
|
}
|
|
|
|
.command-panel .preview-list:focus .path.selected .path-details,
|
|
.command-panel .preview-list:focus li.operation.selected {
|
|
background-color: @background-color-highlight-1;
|
|
}
|
|
|
|
.command-panel .preview-list .path {
|
|
color: @text-color-2;
|
|
border-top: 1px solid rgba(255, 255, 255, 0.02);
|
|
}
|
|
|
|
.command-panel .preview-list .path:hover .path-name {
|
|
color: @text-color-1;
|
|
}
|
|
|
|
.command-panel .preview-list .path:before {
|
|
color: @text-color-subtle-2;
|
|
}
|
|
|
|
.command-panel .preview-list .path:hover:before {
|
|
color: @text-color-1;
|
|
}
|
|
|
|
.command-panel .preview-list .path:first-child {
|
|
border-top: none;
|
|
}
|
|
|
|
.command-panel .preview-list .line-number {
|
|
color: rgba(255, 255, 255, 0.3);
|
|
font-family: monospace;
|
|
}
|
|
|
|
.command-panel .preview-list .path-match-number {
|
|
color: rgba(255, 255, 255, 0.3);
|
|
}
|
|
|
|
.command-panel .preview-list .preview {
|
|
word-break: break-all;
|
|
}
|
|
|
|
.command-panel .preview-list .preview .match {
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
color: #cca300;
|
|
}
|
|
|
|
.command-panel .preview-list li.operation {
|
|
color: @text-color-subtle-1;
|
|
}
|
|
|
|
.command-panel .preview-list li.operation:hover,
|
|
.command-panel li.operation.selected .preview {
|
|
color: @text-color-1;
|
|
}
|