Fix background highlight colors naming

This commit is contained in:
Ben Ogle 2013-08-20 11:13:54 -07:00
parent 5579551521
commit 7ca2779e56
9 changed files with 22 additions and 22 deletions

View File

@ -10,11 +10,11 @@
}
.summary {
background-image: -webkit-linear-gradient(@highlight-background-color-2, @highlight-background-color-1);
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 @highlight-background-color-1,
inset 0 1px 0 @background-color-highlight-1,
inset 0 -1px 0 rgba(255, 255, 255, 0.02);
}
}

View File

@ -15,7 +15,7 @@
&.enabled{
color: @accent-color-info-1;
background: @button-color-active-1;
box-shadow: inset 1px 1px 1px @highlight-background-color-1;
box-shadow: inset 1px 1px 1px @background-color-highlight-1;
}
}
.btn:first-child {

View File

@ -5,7 +5,7 @@
background-color: @background-color-2;
color: #dedede;
border-top: 1px solid rgba(0, 0, 0, 0.5);
box-shadow: inset 0 1px 0 @highlight-background-color-1;
box-shadow: inset 0 1px 0 @background-color-highlight-1;
padding: 10px;
.btn {
@ -15,11 +15,11 @@
}
.command-panel .header {
background-image: -webkit-linear-gradient(@highlight-background-color-2, @highlight-background-color-1);
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 @highlight-background-color-1,
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;
@ -56,12 +56,12 @@
.command-panel .preview-list .path.selected .path-details,
.command-panel .preview-list li.operation.selected {
background-color: @highlight-background-color-1;
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: @highlight-background-color-1;
background-color: @background-color-highlight-1;
}
.command-panel .preview-list .path {

View File

@ -40,7 +40,7 @@
}
.selected {
background-color: @highlight-background-color-2;
background-color: @background-color-highlight-2;
}
.right,

View File

@ -2,14 +2,14 @@
.status-bar {
background-color: @background-color-2;
box-shadow: inset 0 1px 0 @highlight-background-color-1;
box-shadow: inset 0 1px 0 @background-color-highlight-1;
border-top: 1px solid rgba(0, 0, 0, 0.8);
color: @text-color-4;
}
.status-bar .grammar-name:hover {
color: #fff;
border: 1px solid @highlight-background-color-1;
border: 1px solid @background-color-highlight-1;
border-radius: 2px;
}

View File

@ -13,8 +13,8 @@
box-shadow:
inset 0 2px 0 rgba(255, 255, 255, 0.1),
inset 0 1px 0 rgba(0, 0, 0, 1),
inset 1px 0 0 @highlight-background-color-1,
inset -1px 0 0 @highlight-background-color-1;
inset 1px 0 0 @background-color-highlight-1,
inset -1px 0 0 @background-color-highlight-1;
color: #b9bdc1;
}

View File

@ -23,12 +23,12 @@
.tree-view .selected > .highlight {
background-color: transparent;
background-image: -webkit-linear-gradient(@highlight-background-color-2, fadeout(@highlight-background-color-2, 3%));
background-image: -webkit-linear-gradient(@background-color-highlight-2, fadeout(@background-color-highlight-2, 3%));
}
.tree-view:focus .selected > .highlight {
background-color: @highlight-background-color-3;
background-image: -webkit-linear-gradient(@highlight-background-color-3, fadeout(@highlight-background-color-3, 3%));
background-color: @background-color-highlight-3;
background-image: -webkit-linear-gradient(@background-color-highlight-3, fadeout(@background-color-highlight-3, 3%));
}
.tree-view:focus .directory.selected > .header > .name,

View File

@ -20,9 +20,9 @@
// Main color, darker, lighter.
// Supposed to match up with the background color indices
@highlight-background-color-1: rgba(255, 255, 255, 0.05);
@highlight-background-color-2: rgba(255, 255, 255, 0.1);
@highlight-background-color-3: rgba(255, 255, 255, 0.2);
@background-color-highlight-1: rgba(255, 255, 255, 0.05);
@background-color-highlight-2: rgba(255, 255, 255, 0.1);
@background-color-highlight-3: rgba(255, 255, 255, 0.2);
// These match up to the background colors as well.
@border-color-1: rgba(255, 255, 255, 0.05);

View File

@ -19,9 +19,9 @@
@background-color-3: #f9f9f9;
// Highlight color for background corresponding in index to background-color
@background-highlight-color-1: #f9f9f9;
@background-highlight-color-2: #cad5d8;
@background-highlight-color-3: #e2e2e2;
@background-color-highlight-1: #f9f9f9;
@background-color-highlight-2: #cad5d8;
@background-color-highlight-3: #e2e2e2;
// Border color for background corresponding in index to background-color.
@border-color-1: #ccc;