diff options
| author | bobzel <zzzman@gmail.com> | 2023-08-28 02:55:30 -0400 |
|---|---|---|
| committer | bobzel <zzzman@gmail.com> | 2023-08-28 02:55:30 -0400 |
| commit | f82baffbe4269deb257604a8203e10d727ff0a1b (patch) | |
| tree | dacc2b2ef55f07b88a3f0cc8344862adb79c4227 /src/client/views/UndoStack.tsx | |
| parent | ae9ec0179e556f44bb9404f319d326321e73cb1f (diff) | |
trying to fix more colors
Diffstat (limited to 'src/client/views/UndoStack.tsx')
| -rw-r--r-- | src/client/views/UndoStack.tsx | 12 |
1 files changed, 7 insertions, 5 deletions
diff --git a/src/client/views/UndoStack.tsx b/src/client/views/UndoStack.tsx index 3fd64d1fd..4f971742b 100644 --- a/src/client/views/UndoStack.tsx +++ b/src/client/views/UndoStack.tsx @@ -19,12 +19,14 @@ export class UndoStack extends React.Component<UndoStackProps> { @observable static HideInline: boolean; @observable static Expand: boolean; render() { - const background = UndoManager.batchCounter.get() ? 'yellow' : SettingsManager.userBackgroundColor; + const background = UndoManager.batchCounter.get() ? 'yellow' : SettingsManager.userVariantColor; + const color = UndoManager.batchCounter.get() ? 'black' : SettingsManager.userColor; return this.props.inline && UndoStack.HideInline ? null : ( <div className="undoStack-outerContainer"> <Popup text={'Undo/Redo Stack'} - color={UndoManager.batchCounter.get() ? 'yellow' : StrCast(Doc.UserDoc().userVariantColor)} + color={color} + background={background} placement={`top-start`} type={Type.TERT} popup={ @@ -32,8 +34,8 @@ export class UndoStack extends React.Component<UndoStackProps> { className="undoStack-commandsContainer" ref={r => r?.scroll({ behavior: 'auto', top: r?.scrollHeight + 20 })} style={{ - background: background, - color: isDark(background) ? Colors.LIGHT_GRAY : Colors.DARK_GRAY, + background, + color, }}> {UndoManager.undoStackNames.map((name, i) => ( <div className="undoStack-resultContainer" key={i}> @@ -44,7 +46,7 @@ export class UndoStack extends React.Component<UndoStackProps> { .reverse() .map((name, i) => ( <div className="undoStack-resultContainer" key={i}> - <div className="undoStack-commandString" style={{ fontWeight: 'bold', color: 'red' }}> + <div className="undoStack-commandString" style={{ fontWeight: 'bold', color: SettingsManager.userBackgroundColor }}> {name.replace(/[^\.]*\./, '')} </div> </div> |