@@ -806,13 +806,7 @@ export function FormPrompt(props: { form: FormWithLocation }) {
806806 return (
807807 < box
808808 paddingRight = { 2 }
809- backgroundColor = {
810- isTab ( )
811- ? theme . background . formfield . selected
812- : tabHover ( ) === index ( )
813- ? theme . background . formfield . focused
814- : theme . background . raised . base
815- }
809+ backgroundColor = { theme . background . raised . base }
816810 onMouseOver = { ( ) => setTabHover ( index ( ) ) }
817811 onMouseOut = { ( ) => setTabHover ( null ) }
818812 onMouseUp = { ( ) => {
@@ -828,13 +822,7 @@ export function FormPrompt(props: { form: FormWithLocation }) {
828822 } }
829823 </ For >
830824 < box
831- backgroundColor = {
832- confirm ( )
833- ? theme . background . formfield . selected
834- : tabHover ( ) === "confirm"
835- ? theme . background . formfield . focused
836- : theme . background . raised . base
837- }
825+ backgroundColor = { theme . background . raised . base }
838826 onMouseOver = { ( ) => setTabHover ( "confirm" ) }
839827 onMouseOut = { ( ) => setTabHover ( null ) }
840828 onMouseUp = { ( ) => {
@@ -941,15 +929,15 @@ export function FormPrompt(props: { form: FormWithLocation }) {
941929 >
942930 < box flexDirection = "row" >
943931 < box
944- backgroundColor = { active ( ) ? theme . background . formfield . focused : theme . background . raised . base }
932+ backgroundColor = { theme . background . raised . base }
945933 paddingRight = { 1 }
946934 >
947935 < text
948936 fg = { active ( ) ? theme . text . formfield . focused : theme . text . muted }
949937 > { `${ i ( ) + 1 } .` } </ text >
950938 </ box >
951939 < box
952- backgroundColor = { active ( ) ? theme . background . formfield . focused : theme . background . raised . base }
940+ backgroundColor = { theme . background . raised . base }
953941 flexDirection = "row"
954942 >
955943 < Show when = { multi ( ) } >
@@ -995,7 +983,7 @@ export function FormPrompt(props: { form: FormWithLocation }) {
995983 >
996984 < box flexDirection = "row" >
997985 < box
998- backgroundColor = { other ( ) ? theme . background . formfield . focused : theme . background . raised . base }
986+ backgroundColor = { theme . background . raised . base }
999987 paddingRight = { 1 }
1000988 >
1001989 < text fg = { other ( ) ? theme . text . formfield . focused : theme . text . muted } >
@@ -1005,7 +993,7 @@ export function FormPrompt(props: { form: FormWithLocation }) {
1005993 < box
1006994 flexDirection = "row"
1007995 flexGrow = { 1 }
1008- backgroundColor = { other ( ) ? theme . background . formfield . focused : theme . background . raised . base }
996+ backgroundColor = { theme . background . raised . base }
1009997 >
1010998 < Show when = { multi ( ) } >
1011999 < text
0 commit comments