← All examples

Sheets: highlight the active tab

Bolds the name and adds a coloured bar to the active sheet tab so you always know where you are.

Code to copy

/* Make the active sheet tab clearly stand out */
.docs-sheet-active-tab .docs-sheet-tab-name {
  font-weight: 700 !important;
}
.docs-sheet-active-tab {
  box-shadow: inset 0 -3px 0 #1a73e8 !important;
}

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.