Function checkVariant

src/utils/colorscheme-parser.ts:128–186

(lineIndex: number, isSecondVariant: boolean)

        }

        const checkVariant = (lineIndex: number, isSecondVariant: boolean): (ColorSchemeVariant & { variant?: string }) | undefined => {
            // Get the possible variant name.
            const variant = lines[lineIndex];
            if (!variant) {
                throwError(`The third line of the color scheme "${name}" is not defined.`);
                return;
            }

            // Check if the variant is valid.
            // if isSecondVariant is true, then we will check if the variant is 'Light', 'Dark' is not considered valid.
            if (variant !== 'LIGHT' && variant !== 'DARK' && (isSecondVariant && variant === 'Light')) {
                throwError(`The ${humanizeNumber(lineIndex)} line of the color scheme "${name}" is not a valid variant.`);
                return;
            }

            // Get the possible background color.
            const firstProperty = lines[lineIndex + 1];
            if (!firstProperty) {
                throwError(`The ${humanizeNumber(lineIndex + 1)} line of the color scheme "${name}" is not defined.`);
                return;
            }

            // Check if the property is background color.
            if (!firstProperty.startsWith('background: ')) {
                throwError(`The ${humanizeNumber(lineIndex + 1)} line of the color scheme "${name}" is not background-color property.`);
                return;
            }

            // Get the background color and check if it is a valid hex color.
            const backgroundColor = firstProperty.slice(backgroundPropertyLength);
            if (!isValidHexColor(backgroundColor)) {
                throwError(`The ${humanizeNumber(lineIndex + 1)} line of the color scheme "${name}" is not a valid hex color.`);
                return;
            }

            // Get the possible text color.
            const secondProperty = lines[lineIndex + 2];
            if (!secondProperty) {
                throwError(`The ${humanizeNumber(lineIndex + 2)} line of the color scheme "${name}" is not defined.`);
                return;
            }
            // Check if the property is text color.
            if (!secondProperty.startsWith('text: ')) {
                throwError(`The ${humanizeNumber(lineIndex + 2)} line of the color scheme "${name}" is not text-color property.`);
                return;
            }
            // Get the text color and check if it is a valid hex color.
            const textColor = secondProperty.slice(textPropertyLength);
            if (!isValidHexColor(textColor)) {
                throwError(`The ${humanizeNumber(lineIndex + 2)} line of the color scheme "${name}" is not a valid hex color.`);
                return;
            }
            // If the variant is the second variant, then we will return the variant and the variant name.
            return {
                backgroundColor,
                textColor,
                variant,
            };