テンプレサイト様から色々普段お借りして作っている初心者です。

それで、とても良いなと思ったテンプレがあったのですが、背景の色だけは変えたいと思い自分で頑張ってみたのですが、無理でした。

テンプレの中でおそらく↓ので指定しているなー？？というのがわかったくらいです。

body{
color: #333;
line-height: 1.75;
letter-spacing: 0.3px;
font-size: 14px;
text-align: justify;
background-color: #877bc5;
background-image: url("data:image/svg+xml,%3Csvg width='40' height='1' viewBox='0 0 40 1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h20v1H0z' fill='%238075bb' fill-opacity='0.81' fill-rule='evenodd'/%3E%3C/svg%3E");
font-size: 13px;
margin-bottom: 40px;
}



ストライプの1つの色は「#877bc5」というのかなと思っているのですが、もう一つが謎のURLすぎて何が何だかわかりません。

今の色(紫)から赤系のストライプに変更したいのですが、できますか？

一応謎のURL部分を

background-image:
linear-gradient(-90deg, #265c55 50%, transparent 50%);
background-size: 40 40px;

に変更する、というのもやってみたのですが、プレビュー上では良い感じに表示されているのに、いざ確定してサイトを確認してみるとストライプではなくページが2色に分かれているみたいな表記になってしまいました。

どうやったら上手く色を変えられるのでしょうか……