github/atom
1
1
Fork 0
mirror of https://github.com/atom/atom.git synced 2026-04-28 03:01:47 -04:00
Code Issues Packages Projects Releases Wiki Activity

Use editor colors in command-panel

Browse Source
This commit is contained in:
Kevin Sawicki
2013-01-03 13:16:16 -08:00
parent c257f91b82
commit 8adef01850
2 changed files with 15 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/packages/command-panel/src/preview-list.coffee
View File

@@ -39,7 +39,7 @@ class PreviewList extends ScrollView
for operation in ops
{prefix, suffix, match, range} = operation.preview()
@li 'data-index': operation.index, class: 'operation', =>
@span "#{range.start.row + 1}:", class: "path"
@span "#{range.start.row + 1}:", class: 'line-number'
@span outlet: "preview", class: "preview", =>
@span prefix
@span match, class: 'match'

17
src/packages/command-panel/stylesheets/command-panel.css
View File

@@ -1,5 +1,6 @@
.command-panel {
background: #515151;
color: #ededed;
padding: 5px;
}
@@ -15,8 +16,8 @@
cursor: default;
}
.command-panel .preview-list li.selected, .command-panel .preview-list li:hover {
background: #444;
.command-panel .preview-list li.selected, .command-panel .preview-list li.operation:hover {
background-color: rgba(255, 255, 255, .20);
}
.command-panel .preview-list:focus li.selected {
@@ -26,6 +27,16 @@
.command-panel .preview-list .path {
padding-left: 3px;
color: #f9ee98;
}
.command-panel .preview-list .li {
background-color: #000000;
color: #ededed;
}
.command-panel .preview-list .line-number {
padding-left: 3px;
color: rgba(255, 255, 255, .3);
margin-right: 1ex;
}
@@ -51,4 +62,4 @@
.error-messages {
padding: 5px 1em;
color: white;
}
}