github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Fix change and insert range decorations background color (#21131)

Browse source 
GitOrigin-RevId: 4bbc7abdc4c52ea31e26ea3fd8cf43d8c9620d47
This commit is contained in:
Domagoj Kriskovic 2024-10-21 10:58:24 +02:00 committed by Copybot
parent c606f04cce
commit 1e16de13bc
1 changed files with 10 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

46
services/web/frontend/js/features/source-editor/extensions/ranges.ts
View file

@ -385,18 +385,17 @@ const createChangeRange = (change: Change, data: RangesData) => {
} }
const trackChangesTheme = EditorView.baseTheme({ const trackChangesTheme = EditorView.baseTheme({
'&light .ol-cm-change-i': { '.ol-cm-change-i, .ol-cm-change-highlight-i, .ol-cm-change-focus-i': {
backgroundColor: '#2c8e304d', backgroundColor: 'rgba(44, 142, 48, 0.30)',
},
'&dark .ol-cm-change-i': {
backgroundColor: 'rgba(37, 107, 41, 0.15)',
},
'&light .ol-cm-change-c': {
backgroundColor: '#f3b1114d',
},
'&dark .ol-cm-change-c': {
backgroundColor: 'rgba(194, 93, 11, 0.15)',
}, },
'&light .ol-cm-change-c, &light .ol-cm-change-highlight-c, &light .ol-cm-change-focus-c':
{
backgroundColor: 'rgba(243, 177, 17, 0.30)',
},
'&dark .ol-cm-change-c, &dark .ol-cm-change-highlight-c, &dark .ol-cm-change-focus-c':
{
backgroundColor: 'rgba(194, 93, 11, 0.15)',
},
'.ol-cm-change': { '.ol-cm-change': {
padding: 'var(--half-leading, 0) 0', padding: 'var(--half-leading, 0) 0',
}, },
@ -406,7 +405,6 @@ const trackChangesTheme = EditorView.baseTheme({
'.ol-cm-change-focus': { '.ol-cm-change-focus': {
padding: 'var(--half-leading, 0) 0', padding: 'var(--half-leading, 0) 0',
}, },
// TODO: fix dark mode colors
'&light .ol-cm-change-d': { '&light .ol-cm-change-d': {
borderLeft: '2px dotted #c5060b', borderLeft: '2px dotted #c5060b',
marginLeft: '-1px', marginLeft: '-1px',
@ -431,28 +429,4 @@ const trackChangesTheme = EditorView.baseTheme({
borderLeft: '3px solid #B83A33', borderLeft: '3px solid #B83A33',
marginLeft: '-2px', marginLeft: '-2px',
}, },
'&light .ol-cm-change-highlight-i': {
backgroundColor: '#b8dbc899',
},
'&dark .ol-cm-change-highlight-i': {
backgroundColor: '#b8dbc899',
},
'&light .ol-cm-change-highlight-c': {
backgroundColor: '#fcc4837d',
},
'&dark .ol-cm-change-highlight-c': {
backgroundColor: '#fcc4837d',
},
'&light .ol-cm-change-focus-i': {
backgroundColor: '#B8DBC8',
},
'&dark .ol-cm-change-focus-i': {
backgroundColor: '#B8DBC8',
},
'&light .ol-cm-change-focus-c': {
backgroundColor: '#FCC483',
},
'&dark .ol-cm-change-focus-c': {
backgroundColor: '#FCC483',
},
}) })