agw/overleaf-cep
1
0
Fork 0
mirror of https://github.com/yu-i-i/overleaf-cep.git synced 2026-05-28 19:41:33 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #24133 from overleaf/mj-ide-selected-colors

Browse Source 
[web] Editor redesign: Update selected states

GitOrigin-RevId: a43f4504c14c536850ce97c6259bf5d4d67b5418
This commit is contained in:
David
2025-03-12 09:33:30 +00:00
committed by Copybot
parent cc72d8b11b
commit 1fcf046c81
3 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
services/web/frontend/stylesheets/bootstrap-5/pages/editor/file-tree.scss
View File

@@ -23,8 +23,8 @@
.ide-redesign-main {
--file-tree-item-hover-bg: var(--bg-light-secondary);
--file-tree-item-selected-bg: var(--bg-dark-primary);
--file-tree-item-selected-color: var(--white);
--file-tree-item-selected-bg: var(--bg-accent-03);
--file-tree-item-selected-color: var(--green-70);
--file-tree-item-color: var(--content-primary);
--file-tree-bg: var(--white);
--file-tree-icon-colour: var(--content-primary);

9
services/web/frontend/stylesheets/bootstrap-5/pages/editor/outline.scss
View File

@@ -8,6 +8,7 @@
--outline-content-color: var(--content-primary-dark);
--outline-item-highlight-bg: var(--neutral-60);
--outline-item-highlight-color: var(--content-primary-dark);
--outline-item-highlight-font-weight: normal;
--outline-item-carat-color: var(--content-disabled);
}
@@ -21,6 +22,7 @@
--outline-content-color: var(--content-secondary);
--outline-item-highlight-bg: var(--bg-light-secondary);
--outline-item-highlight-color: var(--content-secondary);
--outline-item-highlight-font-weight: normal;
--outline-item-carat-color: var(--content-disabled);
.ide-redesign-main {
@@ -28,8 +30,9 @@
--outline-item-hover-bg: var(--bg-light-secondary);
--outline-header-hover-bg: var(--bg-light-secondary);
--outline-content-color: var(--content-primary);
--outline-item-highlight-bg: var(--bg-light-secondary);
--outline-item-highlight-color: var(--content-primary);
--outline-item-highlight-bg: var(--bg-accent-03);
--outline-item-highlight-color: var(--green-70);
--outline-item-highlight-font-weight: bold;
--outline-item-carat-color: var(--content-primary);
--outline-line-guide-color: color-mix(
in srgb,
@@ -51,6 +54,7 @@
--outline-content-color: var(--content-primary-dark);
--outline-item-highlight-bg: var(--green-70);
--outline-item-highlight-color: var(--green-10);
--outline-item-highlight-font-weight: bold;
--outline-item-carat-color: var(--content-disabled);
.file-outline-panel {
@@ -316,6 +320,7 @@
.outline-item-link-highlight {
background-color: var(--outline-item-highlight-bg);
color: var(--outline-item-highlight-color);
font-weight: var(--outline-item-highlight-font-weight);
}
.outline-caret-icon {

5
services/web/frontend/stylesheets/bootstrap-5/pages/editor/settings.scss
View File

@@ -37,8 +37,9 @@
}
&.active {
color: #fff;
background-color: var(--neutral-90);
color: var(--green-70);
background-color: var(--bg-accent-03);
font-weight: bold;
}
}