mirror of
https://github.com/Eugeny/tabby.git
synced 2025-06-08 05:20:01 +00:00
fixed #8088 - new theme bugs
This commit is contained in:
Eugene Pankov
parent
685a0ab9f5
commit
c2e7241a64
@ -1,4 +1,5 @@
|
||||
.mt-5
|
||||
|
||||
.mt-auto.mb-auto
|
||||
.tabby-logo
|
||||
h1.tabby-title Tabby
|
||||
sup α
|
||||
|
||||
@ -1,14 +1,14 @@
|
||||
button.btn.btn-secondary.btn-minimize(
|
||||
button.btn.btn-secondary(
|
||||
(click)='hostWindow.minimize()',
|
||||
)
|
||||
svg(version='1.1', width='10', height='10')
|
||||
path(d='M 0,5 10,5 10,6 0,6 Z')
|
||||
|
||||
button.btn.btn-secondary.btn-maximize((click)='hostWindow.toggleMaximize()', *ngIf='!hostWindow.isMaximized()')
|
||||
button.btn.btn-secondary((click)='hostWindow.toggleMaximize()', *ngIf='!hostWindow.isMaximized()')
|
||||
svg(version='1.1', width='10', height='10')
|
||||
path(d='M 0,0 0,10 10,10 10,0 Z M 1,1 9,1 9,9 1,9 Z')
|
||||
|
||||
button.btn.btn-secondary.btn-maximize((click)='hostWindow.toggleMaximize()', *ngIf='hostWindow.isMaximized()')
|
||||
button.btn.btn-secondary((click)='hostWindow.toggleMaximize()', *ngIf='hostWindow.isMaximized()')
|
||||
svg(version='1.1', width='10', height='10', viewBox='0 0 512 512')
|
||||
path(d="M464 0H144c-26.5 0-48 21.5-48 48v48H48c-26.5 0-48 21.5-48 48v320c0 26.5 21.5 48 48 48h320c26.5 0 48-21.5 48-48v-48h48c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zM32 144c0-8.8 7.2-16 16-16h320c8.8 0 16 7.2 16 16v320c0 8.8-7.2 16-16 16H48c-8.8 0-16-7.2-16-16v-80zm448 224c0 8.8-7.2 16-16 16h-48V144c0-26.5-21.5-48-48-48H128V48c0-8.8 7.2-16 16-16h320c8.8 0 16 7.2 16 16v320z")
|
||||
|
||||
|
||||
@ -63,113 +63,18 @@ app-root {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// &.tabs-on-top .tab-bar {
|
||||
// &>.background {
|
||||
// border-bottom: 1px solid $border-color;
|
||||
// }
|
||||
|
||||
// tab-header {
|
||||
// border-bottom: 1px solid $border-color;
|
||||
|
||||
// &.active {
|
||||
// border-bottom-color: transparent;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// &:not(.tabs-on-top) .tab-bar {
|
||||
// &>.background {
|
||||
// border-top: 1px solid $border-color;
|
||||
// }
|
||||
|
||||
// tab-header {
|
||||
// border-top: 1px solid $border-color;
|
||||
|
||||
// &.active {
|
||||
// margin-top: -1px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
}
|
||||
|
||||
// &.platform-win32, &.platform-linux {
|
||||
// border: 1px solid #111;
|
||||
// &>.content .tab-bar .tabs tab-header:first-child {
|
||||
// border-left: none;
|
||||
// }
|
||||
// }
|
||||
}
|
||||
|
||||
tab-body {
|
||||
background: var(--bs-body-bg);
|
||||
}
|
||||
|
||||
// $black: #002b36;
|
||||
// $base02: #073642;
|
||||
// $base01: #586e75;
|
||||
// $base00: #657b83;
|
||||
// $base0: #839496;
|
||||
// $base1: #93a1a1;
|
||||
// $base2: #eee8d5;
|
||||
// $white: #fdf6e3;
|
||||
// $yellow: #b58900;
|
||||
// $orange: #cb4b16;
|
||||
// $red: #dc322f;
|
||||
// $pink: #d33682;
|
||||
// $purple: #6c71c4;
|
||||
// $blue: #268bd2;
|
||||
// $teal: #2aa198;
|
||||
// $green: #859900;
|
||||
|
||||
$tab-border-radius: 5px;
|
||||
// $button-hover-bg: rgba(0, 0, 0, .125);
|
||||
// $button-active-bg: rgba(0, 0, 0, .25);
|
||||
|
||||
|
||||
// $btn-border-radius: 0;
|
||||
|
||||
// $input-bg: $base2;
|
||||
// $input-disabled-bg: $base1;
|
||||
|
||||
// $input-color: $body-color;
|
||||
// $input-color-placeholder: $base1;
|
||||
// $input-border-color: $base1;
|
||||
// //$input-box-shadow: inset 0 1px 1px rgba($black,.075);
|
||||
// $input-border-radius: 0;
|
||||
// $custom-select-border-radius: 0;
|
||||
// $input-bg-focus: $input-bg;
|
||||
// //$input-border-focus: lighten($brand-primary, 25%);
|
||||
// //$input-box-shadow-focus: $input-box-shadow, rgba($input-border-focus, .6);
|
||||
// $input-color-focus: $input-color;
|
||||
// $input-group-addon-bg: $body-bg;
|
||||
// $input-group-addon-border-color: $input-border-color;
|
||||
|
||||
// $modal-content-bg: $content-bg-solid;
|
||||
// $modal-content-border-color: $body-bg;
|
||||
$modal-header-border-color: transparent;
|
||||
$modal-footer-border-color: transparent;
|
||||
|
||||
// $popover-bg: $body-bg;
|
||||
|
||||
// $dropdown-bg: $body-bg;
|
||||
// $dropdown-link-color: $body-color;
|
||||
// $dropdown-link-hover-color: #333;
|
||||
// $dropdown-link-hover-bg: $body-bg2;
|
||||
// //$dropdown-link-active-color: $component-active-color;
|
||||
// //$dropdown-link-active-bg: $component-active-bg;
|
||||
// $dropdown-link-disabled-color: #333;
|
||||
// $dropdown-header-color: #333;
|
||||
|
||||
// $list-group-action-bg: rgba($black,.05);
|
||||
// $list-group-action-active-bg: $list-group-link-active-bg;
|
||||
|
||||
// $pre-bg: $dropdown-bg;
|
||||
// $pre-color: $dropdown-link-color;
|
||||
|
||||
// $headings-font-weight: lighter;
|
||||
// $headings-color: $base0;
|
||||
|
||||
$form-check-input-width: 1.4em;
|
||||
$form-switch-width: 2.5em;
|
||||
|
||||
@ -186,8 +91,6 @@ body {
|
||||
--bs-list-group-bg: var(--theme-bg-more);
|
||||
--bs-list-group-border-color: var(--theme-bg-more-2);
|
||||
--bs-list-group-border-width: 0;
|
||||
// --bs-list-group-item-padding-x: 1rem;
|
||||
// --bs-list-group-item-padding-y: 0.5rem;
|
||||
--bs-list-group-action-color: var(--bs-body-color);
|
||||
--bs-list-group-action-hover-color: var(--theme-fg);
|
||||
--bs-list-group-action-hover-bg: var(--theme-bg-more-2);
|
||||
@ -198,23 +101,15 @@ body {
|
||||
--bs-list-group-disabled-bg: var(--bs-body-bg);
|
||||
--bs-list-group-active-color: var(--bs-primary-color);
|
||||
--bs-list-group-active-bg: var(--bs-primary-bg);
|
||||
// --bs-list-group-active-border-color: #0d6efd;
|
||||
}
|
||||
|
||||
.nav {
|
||||
// scss-docs-start nav-css-vars
|
||||
// --bs-nav-link-padding-x: #{$nav-link-padding-x};
|
||||
// --bs-nav-link-padding-y: #{$nav-link-padding-y};
|
||||
// @include rfs($nav-link-font-size, --bs-nav-link-font-size);
|
||||
// --bs-nav-link-font-weight: #{$nav-link-font-weight};
|
||||
--bs-nav-link-color: var(--bs-body-color);
|
||||
--bs-nav-link-hover-color: var(--theme-fg-less-2);
|
||||
--bs-nav-link-disabled-color: var(--bs-gray);
|
||||
// scss-docs-end nav-css-vars
|
||||
}
|
||||
|
||||
.nav-tabs {
|
||||
// scss-docs-start nav-tabs-css-vars
|
||||
--bs-nav-tabs-border-width: 2px;
|
||||
--bs-nav-tabs-border-radius: 0;
|
||||
--bs-nav-tabs-link-hover-border-color: var(--bs-body-bg);
|
||||
@ -223,15 +118,12 @@ body {
|
||||
|
||||
--bs-nav-tabs-link-active-bg: transparent;
|
||||
--bs-nav-tabs-link-active-border-color: transparent;
|
||||
// scss-docs-end nav-tabs-css-vars
|
||||
}
|
||||
|
||||
.nav-pills {
|
||||
// scss-docs-start nav-pills-css-vars
|
||||
--bs-nav-pills-border-radius: #{$nav-pills-border-radius};
|
||||
--bs-nav-pills-link-active-color: var(--theme-bg-more);
|
||||
--bs-nav-pills-link-active-bg: var(--bs-primary);
|
||||
// scss-docs-end nav-pills-css-vars
|
||||
}
|
||||
|
||||
.nav-tabs {
|
||||
@ -438,19 +330,6 @@ hotkey-input-modal {
|
||||
}
|
||||
}
|
||||
|
||||
// checkbox i.on {
|
||||
// color: $blue;
|
||||
// }
|
||||
|
||||
// .modal .modal-footer {
|
||||
// background: rgba(0, 0, 0, .25);
|
||||
|
||||
// .btn {
|
||||
// font-weight: bold;
|
||||
// padding: 0.375rem 1.5rem;
|
||||
// }
|
||||
// }
|
||||
|
||||
.list-group-item svg {
|
||||
fill: var(--bs-body-color);
|
||||
fill-opacity: 0.75;
|
||||
@ -493,30 +372,8 @@ search-panel {
|
||||
|
||||
.btn-link {
|
||||
text-decoration: none;
|
||||
|
||||
// &:hover, &[aria-expanded=true], &:active, &.active {
|
||||
// color: $link-hover-color;
|
||||
// border-radius: $btn-border-radius;
|
||||
// }
|
||||
|
||||
// &[aria-expanded=true], &:active, &.active {
|
||||
// background: rgba(255, 255, 255, 0.1);
|
||||
// }
|
||||
}
|
||||
|
||||
// .btn-group .btn.active {
|
||||
// border-color: transparent !important;
|
||||
// }
|
||||
|
||||
|
||||
// hr {
|
||||
// border-color: $list-group-border-color;
|
||||
// }
|
||||
|
||||
// .dropdown-menu {
|
||||
// box-shadow: $dropdown-box-shadow;
|
||||
// }
|
||||
|
||||
ngx-colors-panel .opened {
|
||||
background: var(--bs-body-bg) !important;
|
||||
|
||||
@ -530,7 +387,6 @@ ngx-colors-panel .opened {
|
||||
}
|
||||
|
||||
.text-muted {
|
||||
// color: var(--bs-body-color) !important;
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
@ -566,3 +422,9 @@ split-tab-spanner {
|
||||
background: rgba(var(--bs-dark-rgb), .2);
|
||||
}
|
||||
}
|
||||
|
||||
window-controls {
|
||||
button svg {
|
||||
fill: var(--theme-fg) !important;
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user