main.css is not getting generated correctly, and has <alpha-value> throughout

[rshmhrj]

I removed any custom css in my assets/css folder -- just kept the scheme/darkOcean.css

package.json has:

    "scripts": {
        "server": "hugo server -b http://localhost -p 1313",
        "dev": "NODE_ENV=development ./themes/congo/node_modules/tailwindcss/lib/cli.js -c ./themes/congo/tailwind.config.js -i ./themes/congo/assets/css/main.css -o ./assets/css/compiled/main.css --jit -w",
        "build": "NODE_ENV=production ./themes/congo/node_modules/tailwindcss/lib/cli.js -c ./themes/congo/tailwind.config.js -i ./themes/congo/assets/css/main.css -o ./assets/css/compiled/main.css --jit"
    }

When I run npm run build or npm run dev, the assets/compiled/main.css has a ton of errors like:

/* LineHighlight */

.chroma .hl {
  margin-left: -1rem;
  margin-right: -1rem;
  display: block;
  width: auto;
  background-color: rgba(var(--color-primary-100), <alpha-value>);
  padding-left: 1rem;
  padding-right: 1rem;
}

.dark .chroma .hl {
  background-color: rgba(var(--color-primary-900), <alpha-value>);
}

It seems the <alpha-value> is incorrect somehow, but I don't know what's causing it. Any ideas?

[rshmhrj]

Okay -- figured it out. Silly, silly mistake.

After upgrading the congo submodule, I needed to change into the congo directory and rerun npm install.
After doing that and then in the root project directory npm run build and then hugo server -D everything seems to be working fine. 😃

[jpanther]

Thanks for posting the solution, @rshmhrj. Looks like this was an issue related to using an older version of Tailwind CSS.