diff --git a/app/src/global.scss b/app/src/global.scss index 17b1792d..877c2f5b 100644 --- a/app/src/global.scss +++ b/app/src/global.scss @@ -2,6 +2,7 @@ body { min-height: 100vh; overflow: hidden; background: #1D272D; + -webkit-font-smoothing: antialiased; } .modal-dialog, .modal-backdrop, .no-drag { diff --git a/tabby-core/src/components/appRoot.component.scss b/tabby-core/src/components/appRoot.component.scss index afdc4546..8cc58201 100644 --- a/tabby-core/src/components/appRoot.component.scss +++ b/tabby-core/src/components/appRoot.component.scss @@ -6,7 +6,6 @@ overflow: hidden; user-select: none; -webkit-user-drag: none; - -webkit-font-smoothing: antialiased; will-change: transform; cursor: default; animation: 0.5s ease-out fadeIn; diff --git a/tabby-core/src/components/selectorModal.component.scss b/tabby-core/src/components/selectorModal.component.scss index f312a359..be51f409 100644 --- a/tabby-core/src/components/selectorModal.component.scss +++ b/tabby-core/src/components/selectorModal.component.scss @@ -7,12 +7,17 @@ overflow: auto; border-top-left-radius: 0; border-top-right-radius: 0; - padding: 0 15px; + padding: 10px 15px; } .group-header { padding: 0 1rem; - margin: 20px 0 10px; + margin: 15px 0 10px; + font-weight: bold; + + &:first-child { + margin-top: 5px; + } } .icon { diff --git a/tabby-core/src/theme.vars.scss b/tabby-core/src/theme.vars.scss index 8ec97130..320b533f 100644 --- a/tabby-core/src/theme.vars.scss +++ b/tabby-core/src/theme.vars.scss @@ -199,3 +199,5 @@ $alert-border-level: 5; $alert-color-level: -5; $text-muted: rgba(255, 255, 255, 0.5); + +$card-bg: $list-group-bg; diff --git a/tabby-plugin-manager/src/components/pluginsSettingsTab.component.pug b/tabby-plugin-manager/src/components/pluginsSettingsTab.component.pug index ed63ea6e..8332a340 100644 --- a/tabby-plugin-manager/src/components/pluginsSettingsTab.component.pug +++ b/tabby-plugin-manager/src/components/pluginsSettingsTab.component.pug @@ -24,9 +24,9 @@ ul.nav-tabs.mb-2(ngbNav, #nav='ngbNav') placeholder='Search plugins' ) - ngb-accordion.mb-4(*ngIf='availablePlugins$', type='dark', [closeOthers]='true') + ngb-accordion.mb-4(*ngIf='availablePlugins$', [closeOthers]='true') ng-container(*ngFor='let plugin of (availablePlugins$|async)') - ngb-panel(*ngIf='!isAlreadyInstalled(plugin)', cardClass='bg-dark') + ngb-panel(*ngIf='!isAlreadyInstalled(plugin)') ng-template(ngbPanelTitle) .text-left strong.d-block {{plugin.name}} @@ -57,9 +57,9 @@ ul.nav-tabs.mb-2(ngbNav, #nav='ngbNav') li(ngbNavItem) a(ngbNavLink) Installed ng-template(ngbNavContent) - ngb-accordion.mb-4(type='dark', [closeOthers]='true') + ngb-accordion.mb-4([closeOthers]='true') ng-container(*ngFor='let plugin of pluginManager.installedPlugins') - ngb-panel(cardClass='bg-dark') + ngb-panel ng-template(ngbPanelTitle) .text-left.mr-auto div