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

Add mini editor styles

Browse Source
This commit is contained in:
Ben Ogle
2013-08-21 16:13:35 -07:00
parent 08d70a5b5b
commit 22ce57e5b0
2 changed files with 35 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
themes/neue-dark-ui/editor.less Normal file
View File

@@ -0,0 +1,29 @@
@import "ui-mixins";
@import "ui-colors";
.editor.mini {
background-color: @input-background-color;
border: 1px solid rgba(0, 0, 0, 0.5);
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
border-right: 1px solid rgba(255, 255, 255, 0.05);
}
.editor.editor-colors.mini.is-focused {
background-color: @input-background-highlight-color;
}
// FIXME: these should go in syntax themes?
.editor .gutter.drop-shadow {
-webkit-box-shadow: -2px 0 10px 2px #222;
}
@-webkit-keyframes highlight {
from { background-color: rgba(100, 255, 100, 0.7); }
to { background-color: null; }
}
.editor .highlighted.selection .region {
-webkit-animation-name: highlight;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: 1;
}

8
themes/neue-dark-ui/ui-colors.less
View File

@@ -1,14 +1,18 @@
@app-background-color: #333;
@text-color: #aaa;
@text-color-highlight: #fff;
@text-color-subtle: #555;
@app-background-color: #333;
@text-color-info: #5293d8;
@text-color-warning: #f78a46;
@text-color-error: #c00;
@text-color-success: #1fe977;
@input-background-color: #212224;
@input-background-highlight-color: lighten(@input-background-color, 5%);
@input-border-color: rgba(0, 0, 0, 0.5);
@tool-panel-background-color: #1d1f21;
@tool-panel-border-color: rgba(0, 0, 0, 0.5);
@tool-panel-border-highlight-color: rgba(255, 255, 255, 0.05);