mirror of
https://github.com/pulsar-edit/pulsar.git
synced 2025-01-06 06:28:33 +03:00
Fix background highlight colors naming
This commit is contained in:
parent
5579551521
commit
7ca2779e56
@ -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);
|
||||
}
|
||||
}
|
||||
|
@ -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 {
|
||||
|
@ -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 {
|
||||
|
@ -40,7 +40,7 @@
|
||||
}
|
||||
|
||||
.selected {
|
||||
background-color: @highlight-background-color-2;
|
||||
background-color: @background-color-highlight-2;
|
||||
}
|
||||
|
||||
.right,
|
||||
|
@ -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;
|
||||
}
|
||||
|
||||
|
@ -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;
|
||||
}
|
||||
|
||||
|
@ -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,
|
||||
|
@ -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);
|
||||
|
@ -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;
|
||||
|
Loading…
Reference in New Issue
Block a user