diff --git a/themes/atom-light-ui/overlays.less b/themes/atom-light-ui/overlays.less index 57d023b1f..3712d0df8 100644 --- a/themes/atom-light-ui/overlays.less +++ b/themes/atom-light-ui/overlays.less @@ -14,13 +14,20 @@ &.select-list ol.list-group, .select-list ol.list-group { - background-color: lighten(@overlay-background-color, 3%); + background-color: @inset-panel-background-color; li { padding: @component-padding; - border-bottom: 1px solid @overlay-background-color; + border-top: 1px solid @inset-panel-border-color; + border-left: 1px solid @inset-panel-border-color; + border-right: 1px solid @inset-panel-border-color; + &:last-child { border-bottom: 1px solid @inset-panel-border-color; } &.two-lines { padding: @component-padding/2 @component-padding; } + &.selected { + color: @text-color; + background-color: @background-color-highlight; + } .status.icon { float: right; diff --git a/themes/atom-light-ui/ui-variables.less b/themes/atom-light-ui/ui-variables.less index 662477d88..16de5d9e0 100644 --- a/themes/atom-light-ui/ui-variables.less +++ b/themes/atom-light-ui/ui-variables.less @@ -14,7 +14,8 @@ @background-color-success: #17ca65; @background-color-warning: #ff4800; @background-color-error: #c00; -@background-color-highlight: rgba(255, 255, 255, 0.4); +@background-color-highlight: rgba(0, 0, 0, .1); +@background-color-selected: #6aa5e9; @app-background-color: #ccc; @@ -28,7 +29,7 @@ @tool-panel-border-color: @base-border-color; @inset-panel-background-color: #fff; -@inset-panel-border-color: @base-border-color; +@inset-panel-border-color: fadeout(@base-border-color, 10%); @panel-heading-background-color: #c3c3c3; @panel-heading-border-color: transparent;