fhem-mirror/fhem/www/pgm2/ios12svg_defs.svg

<!-- will be included in each svg plot -->
<defs>
  <linearGradient id="gr_bg" x1="0%" y1="0%" x2="0%" y2="100%">
    <stop offset="0%"   style="stop-color:#f7f7f7; stop-opacity:1"/>
    <stop offset="100%" style="stop-color:#f7f7f7; stop-opacity:1"/>
  </linearGradient>

  <linearGradient id="gr_0" x1="0%" y1="0%" x2="0%" y2="100%">
    <stop offset="0%"   style="stop-color:#fc3e39; stop-opacity:.6"/>
    <stop offset="100%" style="stop-color:#fc3e39; stop-opacity:.4"/>
  </linearGradient>

  <linearGradient id="gr_1" x1="0%" y1="0%" x2="0%" y2="100%">
    <stop offset="0%"   style="stop-color:#53d769; stop-opacity:.6"/>
    <stop offset="100%" style="stop-color:#53d769; stop-opacity:.4"/>
  </linearGradient>

  <linearGradient id="gr_2" x1="0%" y1="0%" x2="0%" y2="100%">
    <stop offset="0%"   style="stop-color:#157efb; stop-opacity:.6"/>
    <stop offset="100%" style="stop-color:#157efb; stop-opacity:.4"/>
  </linearGradient>

  <linearGradient id="gr_3" x1="0%" y1="0%" x2="0%" y2="100%">
    <stop offset="0%"   style="stop-color:#c34ceb; stop-opacity:.6"/>
    <stop offset="100%" style="stop-color:#c34ceb; stop-opacity:.4"/>
  </linearGradient>

  <linearGradient id="gr_4" x1="0%" y1="0%" x2="0%" y2="100%">
    <stop offset="0%"   style="stop-color:yellow; stop-opacity:.6"/>
    <stop offset="100%" style="stop-color:#ffff80; stop-opacity:.4"/>
  </linearGradient>

  <linearGradient id="gr_5" x1="0%" y1="0%" x2="0%" y2="100%">
    <stop offset="0%"   style="stop-color:cyan; stop-opacity:.6"/>
    <stop offset="100%" style="stop-color:#80ffff; stop-opacity:.4"/>
  </linearGradient>

  <linearGradient id="gr_6" x1="0%" y1="0%" x2="0%" y2="100%">
    <stop offset="0%"   style="stop-color:black; stop-opacity:.6"/>
    <stop offset="100%" style="stop-color:#bfbfbf; stop-opacity:.4"/>
  </linearGradient>
  
  <linearGradient id="gr_7" x1="0%" y1="0%" x2="0%" y2="100%">
    <stop offset="0%"   style="stop-color:brown; stop-opacity:.6"/>
    <stop offset="100%" style="stop-color:#e59a9a; stop-opacity:.4"/>
  </linearGradient>
  
  <linearGradient id="gr_8" x1="0%" y1="0%" x2="0%" y2="100%">
    <stop offset="0%"   style="stop-color:olive; stop-opacity:.6"/>
    <stop offset="100%" style="stop-color:#ffff88; stop-opacity:.4"/>
  </linearGradient>

  <pattern id="gr0_stripe" width="4" height="4"
           patternUnits="userSpaceOnUse" patternTransform="rotate(-45 2 2)">
      <path d="M -1,2 l 6,0" stroke="red" stroke-width="0.5"/>
  </pattern>

  <pattern id="gr1_stripe" width="4" height="4"
           patternUnits="userSpaceOnUse" patternTransform="rotate(45 2 2)">
      <path d="M -1,2 l 6,0" stroke="green" stroke-width="0.5"/>
  </pattern>
  
  <pattern id="gr2_stripe" width="4" height="4"
           patternUnits="userSpaceOnUse" patternTransform="rotate(-45 2 2)">
      <path d="M -1,2 l 6,0" stroke="blue" stroke-width="0.5"/>
  </pattern>
  
  <pattern id="gr3_stripe" width="4" height="4"
           patternUnits="userSpaceOnUse" patternTransform="rotate(45 2 2)">
      <path d="M -1,2 l 6,0" stroke="magenta" stroke-width="0.5"/>
  </pattern>
  
  <pattern id="gr4_stripe" width="4" height="4"
           patternUnits="userSpaceOnUse" patternTransform="rotate(-45 2 2)">
      <path d="M -1,2 l 6,0" stroke="brown" stroke-width="0.5"/>
  </pattern>
  
  <pattern id="gr5_stripe" width="4" height="4"
           patternUnits="userSpaceOnUse" patternTransform="rotate(45 2 2)">
      <path d="M -1,2 l 6,0" stroke="black" stroke-width="0.5"/>
  </pattern>
  
  <pattern id="gr6_stripe" width="4" height="4"
           patternUnits="userSpaceOnUse" patternTransform="rotate(-45 2 2)">
      <path d="M -1,2 l 6,0" stroke="olive" stroke-width="0.5"/>
  </pattern>
  
  <pattern id="gr7_stripe" width="4" height="4"
           patternUnits="userSpaceOnUse" patternTransform="rotate(45 2 2)">
      <path d="M -1,2 l 6,0" stroke="gray" stroke-width="0.5"/>
  </pattern>
  
  <pattern id="gr8_stripe" width="4" height="4"
           patternUnits="userSpaceOnUse" patternTransform="rotate(-45 2 2)">
      <path d="M -1,2 l 6,0" stroke="yellow" stroke-width="0.5"/>
  </pattern>

  <linearGradient id="gr0_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
    <stop offset=  "0%" style="stop-color:red; stop-opacity:.6"/>
    <stop offset= "50%" style="stop-color:#ffff00; stop-opacity:.6"/>
    <stop offset="100%" style="stop-color:#00ff00; stop-opacity:.6"/>
  </linearGradient>
  
  <linearGradient id="gr1_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
    <stop offset=  "0%" style="stop-color:green; stop-opacity:.6"/>
    <stop offset= "50%" style="stop-color:#008080; stop-opacity:.6"/>
    <stop offset="100%" style="stop-color:#000080; stop-opacity:.6"/>
  </linearGradient>

  <linearGradient id="gr2_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
    <stop offset=  "0%" style="stop-color:blue; stop-opacity:.6"/>
    <stop offset= "50%" style="stop-color:#ff00ff; stop-opacity:.6"/>
    <stop offset="100%" style="stop-color:#ff0000; stop-opacity:.6"/>
  </linearGradient>
  
  <linearGradient id="gr3_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
    <stop offset=  "0%" style="stop-color:magenta; stop-opacity:.6"/>
    <stop offset= "50%" style="stop-color:#ff0000; stop-opacity:.6"/>
    <stop offset="100%" style="stop-color:#ffbf00; stop-opacity:.6"/>
  </linearGradient>
  
  <linearGradient id="gr4_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
    <stop offset=  "0%" style="stop-color:brown; stop-opacity:.6"/>
    <stop offset= "50%" style="stop-color:#a6a62b; stop-opacity:.6"/>
    <stop offset="100%" style="stop-color:#2ba62b; stop-opacity:.6"/>
  </linearGradient>
  
  <linearGradient id="gr5_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
    <stop offset=  "0%" style="stop-color:black; stop-opacity:.6"/>
    <stop offset= "50%" style="stop-color:#666666; stop-opacity:.6"/>
    <stop offset="100%" style="stop-color:#cccccc; stop-opacity:.6"/>
  </linearGradient>
  
  <linearGradient id="gr6_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
    <stop offset=  "0%" style="stop-color:olive; stop-opacity:.6"/>
    <stop offset= "50%" style="stop-color:#008000; stop-opacity:.6"/>
    <stop offset="100%" style="stop-color:#008080; stop-opacity:.6"/>
  </linearGradient>
  
  <linearGradient id="gr7_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
    <stop offset=  "0%" style="stop-color:gray; stop-opacity:.6"/>
    <stop offset= "50%" style="stop-color:#a6a6a6; stop-opacity:.6"/>
    <stop offset="100%" style="stop-color:#cccccc; stop-opacity:.6"/>
  </linearGradient>
  
  <linearGradient id="gr8_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
    <stop offset=  "0%" style="stop-color:yellow; stop-opacity:.6"/>
    <stop offset= "50%" style="stop-color:#00ff00; stop-opacity:.6"/>
    <stop offset="100%" style="stop-color:#00ffff; stop-opacity:.6"/>
  </linearGradient>

</defs>