Input component not using primary colour

[safe spear]

Why is the background of the Input component not the primary colour?

                    <Input
                        type="number"
                        label="CPU"
                        labelPlacement="inside"
                        variant="faded"
                        color="primary"
                        value={cpuCount.toString()}
                        isClearable={true}
                        onChange={(e) => {
                            const value = parseInt(e.target.value);
                            if (isNaN(value)) {
                                setCpuCount(0);
                            } else if (value > 32) {
                                setCpuCount(32);
                            } else {
                                setCpuCount(Math.abs(value));
                            }
                        }}
                    />```
```js
  plugins: [nextui({
    themes: {
      dark: {
        colors: {
          primary: {
            DEFAULT: "#001d3b",
          },
          background: "#001731"
        }
      }, light: {
        colors: {
          primary: {
            DEFAULT: "#f4f4f4",
          },
        }
      }
    }
  })],

[safe spear]

^

[vocal apex]

I know it's been a long time, but apparently you need to assign the other values from the scale from 100 to 900