Как изменить основной цвет начальной загрузки на линейный градиент?

Question

Я пытаюсь изменить основной цвет начальной загрузки на линейно-градиентный, но получаю ошибку

$theme-colors: (
  "primary": linear-gradient(to right, #373b44, #4286f4)
);




error:
$link-hover-color:          darken($link-color, 15%) !default;
                           ^
      Argument `$color` of `darken($color, $amount)` must be a color

Answer 1

Проблема в том, что linear-gradient используется для background-image, а не на переднем плане color.Когда компилятор SASS пытается создать Bootstrap, он не может использовать функцию darken (..) для фонового изображения.

Вместо этого вы можете просто изменить цвет primary для элементов с таким фоном, как этот ...

.bg-primary,
.btn-primary,
.badge-primary,
.alert-primary {
    background-image: linear-gradient(to right, #373b44, #4286f4);
}

https://www.codeply.com/go/XXUxFr6tEZ

Answer 2

Чего ты пытаешься достичь?Градиентный фон?$primary-color в основном используется для установки color правила стиля, а не фона.Также он используется для вычисления других цветов в зависимости от него, например, $link-color.В вашем случае sass-парсер пытается сделать ссылку темнее при наведении, пытаясь применить функцию darken к линейному градиенту.Если вы пытаетесь сделать линейно-градиентный фон - вам нужно установить переменную, которая обрабатывает background-image.Для градиентного текста вам нужно прочитать о background-clip

Градиентный текст