Sanvi

Как вариант - использование переменной:

$color-base: 64, 126, 201;

.element {
  background-color: rgba($color-base, 1);
}

.element-transparent {
  background-color: rgba($color-base, 0.3);
}

Чуть сложнее:

$color-base: 64, 126, 201;
$alpha-1: 1;
$alpha-2: 0.3;

.element {
  background-color: rgba($color-base, $alpha-1);
}

.element-transparent {
  background-color: rgba($color-base, $alpha-2);
}

Нужно верстать их снова и дублировать стили, или же я могу просто копировать уже свёрстанные блоки

но тогда будут разные названия классов и уже получиться не по БЭМ

При это БЭМ наоборот намекает - использовать повторно повторяющиеся блоки...

но тогда будут разные названия классов

Можно сделать так:

.price.price--one .price-card .price-card__name
.price.price--two .price-card .price-card__name

Повторяющийся блок:
.price-card .price-card__name
Дополнительная стилизация "повторяющегося блока".
.price.price--one .price-card .price-card__name

UPD:
Обратите внимание на ответ zkrvndm

Ты можешь использовать iframe для отображения одного и того же блока на множестве страниц.

Для конкретно Вашей задачи я таким бы не занимался (БЭМ это итак решает), а вот для SEO (органического продвижения) фреймы будут очень кстати, они позволят избежать склейки страниц в выдаче.

Максим Припадчев
https://pypistats.org/ , https://piptrends.com/
или
https://packaging.python.org/en/latest/guides/anal...

SELECT
  details.installer.name,
  COUNT(*) as download_count,
FROM `the-psf.pypi.downloads*`
WHERE
file.project = 'dvc'
AND _TABLE_SUFFIX
BETWEEN FORMAT_DATE('%Y%m%d', DATE('2020-01-04'))
AND FORMAT_DATE('%Y%m%d', DATE('2020-02-04'))
GROUP BY details.installer.name

const elId = document.querySelector('#id');
const elsA = elId.querySelectorAll('a');

elsA.forEach((el) => el.remove());

<a class='1'>

In CSS1, a class name could start with a digit (".55ft"), unless it was a dimension (".55in"). In CSS2, such classes are parsed as unknown dimensions (to allow for future additions of new units) To make "2x" a valid class, CSS2 requires the first digit to be escaped ".\32x" [2x]

В CSS не рекомендуется использовать название класса начинающегося с цифры...

А версию PyCharm писать не надо? А операционки?

Ладно, хрустальный шар слово молвит - "у нас Windows 11.0 + PyCharm 2023.2 (Professional Edition)", а значит:
1. Идем в File > Settings > Editor > Color Scheme > Language Defaults > Semantic highlighting.
2. Жмем галочку Semantic highlighting и в каждый Color вставляем цвет (я вставил одинаковые).
3. Жмем Apply и видим Ваш скрин (не видим изменений :) ).
4. Заново открываем каждый Color и пипеткой слегка изменяем цвет, жмем Apply и перезагружаем PyCharm.

Скрин:

И получаем подсветку:


UPD:
SanviInvi,

у меня отличается дизайн редактора у тебя другая тема?

- У меня включен "New UI".
- Установлена тема: "One Dark theme" > "One Dark Vivid Italic".
- Шрифт области редактора: "Fira Code".
- Так же установлен плагин: "Atom Material Icons".