title: How to change the color of the lines with an svg file and css?
body: <p>I customized an SVG file on the website below, to make a background in a block :</p>
  <p><a href="https://heropatterns.com/" rel="nofollow noreferrer">https://heropatterns.com/</a></p>
  <p>When I paste the code in my <code>style.css</code> file the code is hundreds of lines long :</p>
  <p><a href="https://i.stack.imgur.com/aVMr7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aVMr7.png" alt="enter image description here" /></a></p>
  <p>This gives exactly the result I want to achieve :</p>
  <p><a href="https://i.stack.imgur.com/uhTMX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uhTMX.png" alt="enter image description here" /></a></p>
  <p>Now I want to download the SVG file to lighten my style.css file but no custom style is applied to the SVG :</p>
  <p><img src="https://svgshare.com/i/iQk.svg" alt="SVG Illustration" /></p>
  <p>I use this code on my block :</p>
  <pre><code>.embedded-entity .node--type-track {
      padding: 1rem 1rem 0.2rem 1rem;
      border: 2px solid #ced8dd;
      background: #f7f9fa;
      background-image: url(&quot;/themes/subtheme_olivero/images/topography.svg&quot;);
  }
  </code></pre>
  <p>The background works, but how to put the lines with this <code>#f7f9fa</code> color ?</p>
  <p><a href="https://i.stack.imgur.com/rMwvI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rMwvI.png" alt="enter image description here" /></a></p>