Change the background colour per tab #2406

Closed
opened 2026-01-30 22:54:19 +00:00 by claunia · 12 comments
Owner

Originally created by @dfoulkes on GitHub (Jun 30, 2019).

Summary of the new feature/enhancement

Allow the user to choose a colour for the tab

Proposed technical implementation details (optional)

customise the colour of the tabs by right clicking on the tab --> settings --> choose colour

BDD Stories

SCENARIO: user opens a new tab
GIVEN: has opened a new terminal
WHEN user right clicks the tab
THEN they are supplied with a settings option

SCENARIO: user wishes to change the colour of a tab
GIVEN: user is in the settings menu
WHEN wanting to change the colour of a tab
THEN user is presented with the current colour, and a colour wheel to choose from

SCENARIO: user selects a new colour
GIVEN: user has selected a new colour
WHEN user clicks OK
THEN the tab is set to the colour selected.

SCENARIO: user selects a new colour
GIVEN: user has selected a new colour
WHEN user clicks Cancel
THEN the tab remains the same colour as it did prior

Originally created by @dfoulkes on GitHub (Jun 30, 2019). # Summary of the new feature/enhancement Allow the user to choose a colour for the tab <!-- So to facilities navigation across multiple tab, allow the users to customise the colour of the tabs, this will help to supply the user with visual cue when working within multiple sessions simultaneously. --> # Proposed technical implementation details (optional) customise the colour of the tabs by right clicking on the tab --> settings --> choose colour # BDD Stories **SCENARIO**: user opens a new tab **GIVEN**: has opened a new terminal **WHEN** user right clicks the tab **THEN** they are supplied with a settings option **SCENARIO**: user wishes to change the colour of a tab **GIVEN**: user is in the settings menu **WHEN** wanting to change the colour of a tab **THEN** user is presented with the current colour, and a colour wheel to choose from **SCENARIO**: user selects a new colour **GIVEN**: user has selected a new colour **WHEN** user clicks _OK_ **THEN** the tab is set to the colour selected. **SCENARIO**: user selects a new colour **GIVEN**: user has selected a new colour **WHEN** user clicks _Cancel_ **THEN** the tab remains the same colour as it did prior
Author
Owner

@JushBJJ commented on GitHub (Jun 30, 2019):

This seems like a original idea, I like it

@JushBJJ commented on GitHub (Jun 30, 2019): This seems like a original idea, I like it
Author
Owner

@DHowett-MSFT commented on GitHub (Jul 1, 2019):

FWIW a connected text-mode application can set the Terminal’s background color with OSC 11: \e]11;rgb:ff/ff/ff\e\\

@DHowett-MSFT commented on GitHub (Jul 1, 2019): FWIW a connected text-mode application can set the Terminal’s background color with OSC 11: `\e]11;rgb:ff/ff/ff\e\\`
Author
Owner

@dfoulkes commented on GitHub (Jul 1, 2019):

I hope by colour coding the tabs without changing the terminal colour also. The idea is to supply visual cues to help manage multiple tabs simultaneously.

@dfoulkes commented on GitHub (Jul 1, 2019): I hope by colour coding the tabs without changing the terminal colour also. The idea is to supply visual cues to help manage multiple tabs simultaneously.
Author
Owner

@andrestest1125 commented on GitHub (Jul 1, 2019):

Yes please, VSCODE it's great already, you can make it similar

@andrestest1125 commented on GitHub (Jul 1, 2019): Yes please, VSCODE it's great already, you can make it similar
Author
Owner

@dfoulkes commented on GitHub (Jul 1, 2019):

I wonder, should this also include the ability to rename the tab ? I suppose that would be another ticket.

@dfoulkes commented on GitHub (Jul 1, 2019): I wonder, should this also include the ability to rename the tab ? I suppose that would be another ticket.
Author
Owner

@DHowett-MSFT commented on GitHub (Jul 2, 2019):

For color coding tabs we've got #1337 (nice number). I'm not opposed to this, but I'd like to understand whether OSC 11 works for this scenario. If it does, we can drop it back in the order to line up with #1564 and other UI things.

@DHowett-MSFT commented on GitHub (Jul 2, 2019): For color coding tabs we've got #1337 (nice number). I'm not opposed to this, but I'd like to understand whether OSC 11 works for this scenario. If it does, we can drop it back in the order to line up with #1564 and other UI things.
Author
Owner

@ghost commented on GitHub (Jul 6, 2019):

This issue has been automatically marked as stale because it has been marked as requiring author feedback but has not had any activity for 4 days. It will be closed if no further activity occurs within 3 days of this comment.

@ghost commented on GitHub (Jul 6, 2019): This issue has been automatically marked as stale because it has been marked as requiring author feedback but has not had any activity for **4 days**. It will be closed if no further activity occurs **within 3 days of this comment**.
Author
Owner

@dfoulkes commented on GitHub (Jul 6, 2019):

I would argue that #1337 is more about having a Permanent tab colour for a profile, my suggestion is that to help facilitate someone that’s let’s say has many PowerShell tabs open, to change its colour to help index them whilst working.

@dfoulkes commented on GitHub (Jul 6, 2019): I would argue that #1337 is more about having a Permanent tab colour for a profile, my suggestion is that to help facilitate someone that’s let’s say has many PowerShell tabs open, to change its colour to help index them whilst working.
Author
Owner

@dfoulkes commented on GitHub (Jul 6, 2019):

Can anyone validate is OSC11 would work in the way this story describes ?

@dfoulkes commented on GitHub (Jul 6, 2019): Can anyone validate is OSC11 would work in the way this story describes ?
Author
Owner

@zadjii-msft commented on GitHub (Jul 8, 2019):

@dfoulkes just to help clarify, do you want to set the background color of the tab
image

or the background color of the buffer
image

at runtime? OSC 11 will work for the buffer:
image
but there's not a way to change the color of the tab at runtime.

@zadjii-msft commented on GitHub (Jul 8, 2019): @dfoulkes just to help clarify, do you want to set the background color of the _tab_ ![image](https://user-images.githubusercontent.com/18356694/60815458-5022d000-a15d-11e9-86d8-4f2a17ca5ea6.png) or the background color of the _buffer_ ![image](https://user-images.githubusercontent.com/18356694/60815508-67fa5400-a15d-11e9-9c48-db38e10bb0fb.png) at runtime? OSC 11 will work for the _buffer_: ![image](https://user-images.githubusercontent.com/18356694/60815614-a2fc8780-a15d-11e9-88fb-a4067adfac85.png) but there's not a way to change the color of the _tab_ at runtime.
Author
Owner

@dfoulkes commented on GitHub (Jul 9, 2019):

@zadjii-msft the story was aimed at the tab.

@dfoulkes commented on GitHub (Jul 9, 2019): @zadjii-msft the story was aimed at the tab.
Author
Owner

@DHowett-MSFT commented on GitHub (Jul 9, 2019):

Whoops, sorry about that. My bad. In that case, this is #1337 😄

@DHowett-MSFT commented on GitHub (Jul 9, 2019): Whoops, sorry about that. My bad. In that case, this is #1337 :smile:
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/terminal#2406