Merge pull request #21502 from overleaf/td-bs5-file-outline-highlight

[BS5] Add highlight colours for file outline items

GitOrigin-RevId: e024d1bb093eb8bb56f63647d4753b2e626ec513
This commit is contained in:
Tim Down 2024-11-04 16:11:04 +00:00 committed by Copybot
parent f57704b844
commit 8e2ad427c8

View file

@ -6,6 +6,7 @@
--outline-line-guide-color: var(--border-primary); --outline-line-guide-color: var(--border-primary);
--outline-container-color-bg: var(--bg-dark-tertiary); --outline-container-color-bg: var(--bg-dark-tertiary);
--outline-content-color: var(--content-primary-dark); --outline-content-color: var(--content-primary-dark);
--outline-item-highlight-color: var(--neutral-60);
} }
@include theme('light') { @include theme('light') {
@ -16,6 +17,7 @@
--outline-line-guide-color: var(--border-disabled); --outline-line-guide-color: var(--border-disabled);
--outline-container-color-bg: var(--bg-light-primary); --outline-container-color-bg: var(--bg-light-primary);
--outline-content-color: var(--content-secondary); --outline-content-color: var(--content-secondary);
--outline-item-highlight-color: var(--bg-light-secondary);
} }
.outline-container { .outline-container {
@ -216,7 +218,7 @@
} }
.outline-item-link-highlight { .outline-item-link-highlight {
background-color: tint($bg-dark-tertiary, 15%); background-color: var(--outline-item-highlight-color);
} }
.outline-caret-icon { .outline-caret-icon {