CSS 変数にアクセスできるように、electron でアプリを設計しています。 vars.css でカラー変数を定義しました。

:root { --色: #f0f0f0; } 

この色を main.css で使用したいのですが、透明度を適用します:

#element { 背景: (どういうわけか var(--color) を使用し、透明度を設定します); } 

これを行うにはどうすればよいですか?プリプロセッサは使用せず、CSS のみを使用します。純粋な CSS の回答を希望しますが、JavaScript/jQuery ソリューションも歓迎します。

透明であってはいけない背景画像を使用しているため、opacity は使用できません。