Такой вопрос, я сделал фон в css у body, как его можно притемнить?

Можно в ::after body добавить фоновый полупрозрачный текст

 добавить % 

Если ты сделал фон для body в css, ты уже применил.

наложить псевдо-элемент с альфа-каналом

         .container::before { 
            content: ""; 
            position: absolute; 
            top: 0; 
            left: 0; 
            width: 100%; 
            height: 100%; 
            background-color: rgba(255, 255, 255, 0.5); /* Цвет и уровень прозрачности */ 
            mix-blend-mode: screen; /* Режим смешивания для увеличения яркости */ 
            pointer-events: none; /* Псевдоэлемент не будет перекрывать клики */ 
        } 

Примерно так работают, но без псевдо-элементов, фоны встроенных веб-компонентов на моем тест-лаб: https://local-disc.firebaseapp.com/menu/#/ . Затемнение достигается общим черным фоном контейнеров верхнего уровня html/body и наложением полупрозрачных фонов компонентов, которые зависят от выбранной темы.

показывай что ты сделал...
почему сразу тёмным не сделал?

Изменить HEX цвета. Обычно можно сделать прям в редакторе кода (VSCode и другие нормальные). Вопрос непонятен, дай код и четче распиши.