mirror of
https://github.com/atom/atom.git
synced 2026-01-23 22:08:08 -05:00
71f8fd21b2
The message will still show in white when flashed with a red background but the text will return to a darker color once the error class is gone.
114 lines
2.2 KiB
CSS
114 lines
2.2 KiB
CSS
.command-panel {
|
|
background-color: #e5e5e5;
|
|
border-top: 1px solid #979797;
|
|
color: #ededed;
|
|
padding: 10px;
|
|
}
|
|
|
|
.command-panel .header {
|
|
padding: 5px;
|
|
background-image: -webkit-linear-gradient(#e7e7e7, #cfcfcf);
|
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
padding: 5px;
|
|
border-top-right-radius: 3px;
|
|
border-top-left-radius: 3px;
|
|
border-bottom: none;
|
|
box-shadow:
|
|
inset 0 1px 0 rgba(255, 255, 255, 0.5),
|
|
inset 0 -1px 0 rgba(255, 255, 255, 0.2);
|
|
}
|
|
|
|
.command-panel .preview-list {
|
|
background-color: #e3e3e3;
|
|
color: #222;
|
|
border: 1px solid #999;
|
|
}
|
|
|
|
.command-panel .preview-count {
|
|
color: #333;
|
|
font-weight: bold;
|
|
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
|
|
}
|
|
|
|
.command-panel .expand-collapse {
|
|
color: #333;
|
|
}
|
|
|
|
.command-panel .expand-collapse li {
|
|
color: #555;
|
|
background: -webkit-linear-gradient(#cbcbcb, #b3b3b3);
|
|
box-shadow:
|
|
inset -1px -1px 0 rgba(255, 255, 255, 0.5),
|
|
inset 1px 1px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.command-panel .expand-collapse li:hover {
|
|
color: #111;
|
|
}
|
|
|
|
.command-panel .preview-list .path.selected .path-details,
|
|
.command-panel .preview-list li.operation.selected {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.command-panel .preview-list:focus .path.selected .path-details,
|
|
.command-panel .preview-list:focus li.operation.selected {
|
|
background-color: rgba(255, 255, 134, 0.34);
|
|
}
|
|
|
|
.command-panel .preview-list .path {
|
|
color: #333;
|
|
border-top: 1px solid #ccc;
|
|
}
|
|
|
|
.command-panel .preview-list .path:hover .path-name {
|
|
color: #333;
|
|
}
|
|
|
|
.command-panel .preview-list .path:before {
|
|
color: #555;
|
|
}
|
|
|
|
.command-panel .preview-list .path:hover:before {
|
|
color: #333;
|
|
}
|
|
|
|
.command-panel .preview-list .path:first-child {
|
|
border-top: none;
|
|
}
|
|
|
|
.command-panel .preview-list .line-number {
|
|
color: #777;
|
|
font-family: monospace;
|
|
}
|
|
|
|
.command-panel .preview-list .path-match-number {
|
|
color: #777;
|
|
}
|
|
|
|
.command-panel .preview-list .preview {
|
|
word-break: break-all;
|
|
}
|
|
|
|
.command-panel .preview-list .preview .match {
|
|
background-color: #0086ca;
|
|
color: #fff;
|
|
}
|
|
|
|
.command-panel .preview-list li.operation {
|
|
color: #777;
|
|
}
|
|
|
|
.command-panel .preview-list li.operation:hover,
|
|
.command-panel li.operation.selected .preview {
|
|
color: #333;
|
|
}
|
|
|
|
.error-messages {
|
|
color: #333;
|
|
}
|
|
|
|
.error .error-messages {
|
|
color: white;
|
|
}
|