research/statebuddy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix history color in dark mode + flip colors of and/or

Browse source
This commit is contained in:
Joeri Exelmans 2025-11-13 22:27:13 +01:00
parent c825830a14
commit dc948629a7
3 changed files with 9 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/App/VisualEditor/HistorySVG.tsx
View file

@ -9,8 +9,10 @@ export const HistorySVG = memo(function HistorySVG(props: {uid: string, topLeft:
cx={props.topLeft.x+HISTORY_RADIUS} cx={props.topLeft.x+HISTORY_RADIUS}
cy={props.topLeft.y+HISTORY_RADIUS} cy={props.topLeft.y+HISTORY_RADIUS}
r={HISTORY_RADIUS} r={HISTORY_RADIUS}
fill="white" style={{
stroke="black" fill: 'var(--and-state-bg-color)',
stroke: 'var(--rountangle-stroke-color)'
}}
strokeWidth={2} strokeWidth={2}
data-uid={props.uid} data-uid={props.uid}
data-parts="history" data-parts="history"
@ -20,6 +22,7 @@ export const HistorySVG = memo(function HistorySVG(props: {uid: string, topLeft:
y={props.topLeft.y+HISTORY_RADIUS+5} y={props.topLeft.y+HISTORY_RADIUS+5}
textAnchor="middle" textAnchor="middle"
fontWeight={500} fontWeight={500}
style={{fill: 'var(--rountangle-stroke-color)'}}
>{text}</text> >{text}</text>
<circle <circle
className="helper" className="helper"

3
src/App/VisualEditor/hooks/useMouse.tsx
View file

@ -284,6 +284,7 @@ export function useMouse(makeCheckPoint: () => void, insertMode: InsertMode, zoo
} }
else { else {
// @ts-ignore
newSelection.push({uid, part}); newSelection.push({uid, part});
} }
} }
@ -291,7 +292,7 @@ export function useMouse(makeCheckPoint: () => void, insertMode: InsertMode, zoo
} }
// console.log({newSelection, oldSelection, common}); // console.log({newSelection, oldSelection, common});
// return [...oldSelection, ...newSelection]; // return [...oldSelection, ...newSelection];
return newSelection;xxxxxxxx return newSelection;
}) })
} }
} }

4
src/index.css
View file

@ -24,8 +24,8 @@ html, body {
--modal-backdrop-color: light-dark(rgba(200,200,200,0.7), rgba(23, 22, 32, 0.849)); --modal-backdrop-color: light-dark(rgba(200,200,200,0.7), rgba(23, 22, 32, 0.849));
--status-inactive-color: light-dark(grey, grey); --status-inactive-color: light-dark(grey, grey);
--status-ok-color: light-dark(forestgreen, forestgreen); --status-ok-color: light-dark(forestgreen, forestgreen);
--or-state-bg-color: light-dark(#eee, #1a1a1a); --or-state-bg-color: light-dark(#eee, #000000);
--and-state-bg-color: light-dark(white, rgb(0, 0, 0)); --and-state-bg-color: light-dark(white, rgb(46, 46, 46));
--rountangle-stroke-color: light-dark(black, #d4d4d4); --rountangle-stroke-color: light-dark(black, #d4d4d4);
--active-state-bg-color: light-dark(rgb(255, 240, 214), rgb(53, 37, 18)); --active-state-bg-color: light-dark(rgb(255, 240, 214), rgb(53, 37, 18));
--active-state-border-color: light-dark(rgb(205, 133, 0), rgb(235, 124, 21)); --active-state-border-color: light-dark(rgb(205, 133, 0), rgb(235, 124, 21));