tieActiveDisabledFieldToCSSVariable: (
        inactiveField: keyof T, activeField: keyof T,
        element: HTMLElement, cssVar: string
      ) => {
        // Completely cursed code
        const currentField: Accessor<string> = (
          getterForReactiveColorField.bind(
            stylesGetter(),
            isDisabled,
            isToggled
          ) as (inactiveColorField: keyof T, activeColorField: keyof T) => Accessor<string>
        )(inactiveField, activeField);
        createEffect(() => {
          const value: string = currentField();
          element.style.setProperty(`--${cssVar}`, value);
        })
      },
    },

tieActiveDisabledFieldToCSSVariable: (
        inactiveField: keyof T, activeField: keyof T,
        element: HTMLElement, cssVar: string
      ) => {
        // Completely cursed code
        const currentField: Accessor<string> = (
          getterForReactiveColorField.bind(
            stylesGetter(),
            isDisabled,
            isToggled
          ) as (inactiveColorField: keyof T, activeColorField: keyof T) => Accessor<string>
        )(inactiveField, activeField);
        createEffect(() => {
          const value: string = currentField();
          element.style.setProperty(`--${cssVar}`, value);
        })
      },
    },