diff --git a/tabby-core/src/components/selectorModal.component.pug b/tabby-core/src/components/selectorModal.component.pug index 9c0064f9..cdb076d6 100644 --- a/tabby-core/src/components/selectorModal.component.pug +++ b/tabby-core/src/components/selectorModal.component.pug @@ -7,7 +7,7 @@ (ngModelChange)='onFilterChange()' ) - div(*ngIf='filteredOptions.length') + .list-group.list-group-light(*ngIf='filteredOptions.length') a.list-group-item.list-group-item-action.d-flex.align-items-center( #item, (click)='selectOption(option)', diff --git a/tabby-core/src/components/startPage.component.pug b/tabby-core/src/components/startPage.component.pug index e1743d31..f8016575 100644 --- a/tabby-core/src/components/startPage.component.pug +++ b/tabby-core/src/components/startPage.component.pug @@ -3,7 +3,7 @@ div h1.tabby-title Tabby sup α - .list-group + .list-group.list-group-light a.list-group-item.list-group-item-action.d-flex( *ngFor='let button of getButtons(); trackBy: buttonsTrackBy', (click)='button.click()', diff --git a/tabby-core/src/theme.scss b/tabby-core/src/theme.scss index a7630e29..e9507ffe 100644 --- a/tabby-core/src/theme.scss +++ b/tabby-core/src/theme.scss @@ -230,26 +230,25 @@ hotkey-input-modal { } } -.list-group.list-group-flush { +.list-group.list-group-flush .list-group-item { background: transparent; border-color: rgba(0, 0, 0, 0.2); &:not(:last-child) { border-bottom: none; } + + &.list-group-item-action { + &:hover, &.active { + background: $list-group-hover-bg; + } + } } .list-group-light { .list-group-item { - background: transparent; border: none; - border-top: 1px solid rgba(0, 21, 43, .4); - - &:first-child { - border-top: none; - } - &.list-group-item-action { &:hover, &.active { background: $list-group-hover-bg; diff --git a/tabby-core/src/theme.vars.scss b/tabby-core/src/theme.vars.scss index 4d7cb7ae..a98a7174 100644 --- a/tabby-core/src/theme.vars.scss +++ b/tabby-core/src/theme.vars.scss @@ -26,8 +26,8 @@ $purple: #613d7c !default; $content-bg: rgba(39, 49, 60, 0.65); //#1D272D; $content-bg-solid: #1D272D; -$table-bg: rgba(255,255,255,.05); -$table-bg-hover: rgba(255,255,255,.1); +$table-bg: rgba(255,255,255,.025); +$table-bg-hover: rgba(255,255,255,.05); $table-border-color: rgba(255,255,255,.1); $theme-colors: ( diff --git a/tabby-ssh/src/components/sftpPanel.component.pug b/tabby-ssh/src/components/sftpPanel.component.pug index 54df59f9..a0526b37 100644 --- a/tabby-ssh/src/components/sftpPanel.component.pug +++ b/tabby-ssh/src/components/sftpPanel.component.pug @@ -16,7 +16,7 @@ div(*ngIf='!sftp') Connecting div(*ngIf='sftp') div(*ngIf='fileList === null') Loading - .list-group.list-group-light(*ngIf='fileList !== null') + .list-group.list-group-flush(*ngIf='fileList !== null') .list-group-item.list-group-item-action.d-flex.align-items-center( *ngIf='path !== "/"', (click)='goUp()'