GuanM/tabby
1
0
Fork 0
mirror of https://github.com/Eugeny/tabby.git synced 2025-09-09 10:01:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixed #8133 - added active tab indicator, updated default color scheme

Browse Source
This commit is contained in:
Eugene Pankov
2023-04-10 20:53:45 +02:00
parent 34188debd4
commit 73fae43027
4 changed files with 38 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
tabby-core/src/components/tabHeader.component.pug
View File

@@ -1,6 +1,7 @@
.colorbar([style.background-color]='tab.color', *ngIf='tab.color != null') .colorbar([style.background-color]='tab.color', *ngIf='tab.color != null')
.progressbar([style.width]='progress + "%"', *ngIf='progress != null') .progressbar([style.width]='progress + "%"', *ngIf='progress != null')
.activity-indicator(*ngIf='tab.activity$|async') .activity-indicator(*ngIf='tab.activity$|async')
.current-tab-indicator
.index(*ngIf='!config.store.terminal.hideTabIndex && hostApp.platform === Platform.macOS', cdkDragHandle) {{index + 1}} .index(*ngIf='!config.store.terminal.hideTabIndex && hostApp.platform === Platform.macOS', cdkDragHandle) {{index + 1}}
.index(*ngIf='!config.store.terminal.hideTabIndex && hostApp.platform !== Platform.macOS') {{index + 1}} .index(*ngIf='!config.store.terminal.hideTabIndex && hostApp.platform !== Platform.macOS') {{index + 1}}

20
tabby-core/src/components/tabHeader.component.scss
View File

@@ -134,15 +134,29 @@ $tabs-height: 38px;
z-index: 1; z-index: 1;
} }
.activity-indicator, .current-tab-indicator {
position: absolute;
height: 2px;
}
&.active .activity-indicator { &.active .activity-indicator {
display: none; display: none;
} }
.activity-indicator { .activity-indicator {
position: absolute; bottom: 4px;
left: 10px; left: 10px;
right: 10px; right: 10px;
bottom: 4px; }
height: 2px;
&.active .current-tab-indicator {
display: block;
}
.current-tab-indicator {
display: none;
top: 0;
left: 0;
right: 0;
} }
} }

7
tabby-core/src/theme.new.scss
View File

@@ -30,6 +30,7 @@ app-root {
border-left: 1px solid transparent; border-left: 1px solid transparent;
border-right: 1px solid transparent; border-right: 1px solid transparent;
transition: 0.125s ease-out width; transition: 0.125s ease-out width;
color: var(--theme-fg-more-2);
.index { .index {
color: var(--bs-body-color); color: var(--bs-body-color);
@@ -54,8 +55,12 @@ app-root {
opacity: .2; opacity: .2;
} }
.current-tab-indicator {
background:var(--bs-light);
}
&.active { &.active {
color: var(--theme-fg-less-2); color: var(--theme-fg);
background: var(--body-bg); background: var(--body-bg);
} }
} }

28
tabby-terminal/src/config.ts
View File

@@ -38,20 +38,20 @@ export class TerminalConfigProvider extends ConfigProvider {
cursor: '#bbbbbb', cursor: '#bbbbbb',
colors: [ colors: [
'#000000', '#000000',
'#ee2b2a', '#ff615a',
'#40a33f', '#b1e969',
'#ffea2e', '#ebd99c',
'#1e80f0', '#5da9f6',
'#8800a0', '#e86aff',
'#16afca', '#82fff7',
'#84949c', '#dedacf',
'#3d4b4f', '#313131',
'#dc5c60', '#f58c80',
'#70be71', '#ddf88f',
'#fff163', '#eee5b2',
'#54a4f3', '#a5c7ff',
'#aa4dbc', '#ddaaff',
'#42c7da', '#b7fff9',
'#ffffff', '#ffffff',
], ],
selection: null, selection: null,