@orchestrator-ui/orchestrator-ui-components/src/theme/baseStyles/formFieldsBaseStyle.ts

Library of UI Components used to display the workflow orchestrator frontend

import { css } from '@emotion/react';

import { WfoTheme } from '@/hooks';

export const getFormFieldsBaseStyle = ({ theme }: WfoTheme) => {
    const formFieldBaseStyle = css({
        backgroundColor: theme.colors.body,
        color: theme.colors.text,
        '&:focus': {
            backgroundColor: theme.colors.emptyShade,
        },
    });

    return {
        formFieldBaseStyle,
    };
};