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')
.progressbar([style.width]='progress + "%"', *ngIf='progress != null')
.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') {{index + 1}}

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

@@ -134,15 +134,29 @@ $tabs-height: 38px;
z-index: 1;
}
.activity-indicator, .current-tab-indicator {
position: absolute;
height: 2px;
}
&.active .activity-indicator {
display: none;
}
.activity-indicator {
position: absolute;
bottom: 4px;
left: 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-right: 1px solid transparent;
transition: 0.125s ease-out width;
color: var(--theme-fg-more-2);
.index {
color: var(--bs-body-color);
@@ -54,8 +55,12 @@ app-root {
opacity: .2;
}
.current-tab-indicator {
background:var(--bs-light);
}
&.active {
color: var(--theme-fg-less-2);
color: var(--theme-fg);
background: var(--body-bg);
}
}

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

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