add color

OsmAnd-Rendering · Jun 22, 2024 · eb27bbf · eb27bbf
1 parent 91fa865
commit eb27bbf
Showing 1 changed file with 71 additions and 40 deletions.
diff --git a/test/Hiking_legend_FR.html b/test/Hiking_legend_FR.html
@@ -19,23 +19,25 @@
   <main>
     <article>
       <!-- 
-      --Legend Color --
 
+      -- Legend Color --
+      
+      ---- Track ----
       TrackG1=black/white
       TrackG2=black/white
       TrackG3=black
       TrackG4=black
       TrackG5=black
-      --otherTrack--
+      ---- otherTrack ----
       TrackG1=black/white
       TrackG2=black/#d0d0d0
       TrackG3=black/#d0c0af
       TrackG4=black/#d0c0af
       TrackG5=black/#d0c0af
 
-      --Path--
-      Path=#7d5c46
-      PathT1=#7d5c46
+      ---- Path ----
+      Path=#64503c
+      PathT1=#64503c
       PathT2=#2d14fd
       PathT3=#FF00F5
       PathT4=#ac19ff
@@ -44,16 +46,19 @@
 
       Private or no=#dd0e0e
 
-      --osmc--
-      iwn=red
-      nwn=red
-      rwn=red
-      lwn=yellow
-      --scope osmc--
-      iwn=blue
-      nwn=red
+      ---- OSMC ----
+      iwn=#c94c4c
+      nwn=#c94c4c
+      rwn=#c94c4c
+      lwn=#cccc00
+      Défaut=#84A8FF
+      ---- SCOPE OSMC ----
+      iwn=#3232ff
+      nwn=#c94c4c
       rwn=orange
-      lwn=yellow
+      lwn=#cccc00
+      Défaut=#84A8FF
+      
       -->
 
     <div style="justify-content: center">
@@ -114,7 +119,7 @@ <h4>Sentiers (<code>highway=path</code>)</h4>
           <td colspan="2" align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#7d5c46" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#64503c" stroke-width="3" />
               </svg>
             </span>
           </td>
@@ -151,28 +156,28 @@ <h4>Difficulté &amp; visibilité des sentiers (<code>sac_scale=* & trail_visibi
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,7" stroke="#7d5c46" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,7" stroke="#64503c" stroke-width="3" />
               </svg>
             </span>
           </td>
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,7" stroke="#7d5c46" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,7" stroke="#64503c" stroke-width="3" />
               </svg>
             </span>
           </td>
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,12" stroke="#7d5c46" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,12" stroke="#64503c" stroke-width="3" />
               </svg>
             </span>
           </td>
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,20" stroke="#7d5c46" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,20" stroke="#64503c" stroke-width="3" />
               </svg>
             </span>
           </td>
@@ -339,28 +344,28 @@ <h4>Difficulté &amp; visibilité des sentiers (<code>sac_scale=* & trail_visibi
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,7" stroke="#7d5c46" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,7" stroke="#64503c" stroke-width="3" />
               </svg>
             </span>
           </td>
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,7" stroke="#7d5c46" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,7" stroke="#64503c" stroke-width="3" />
               </svg>
             </span>
           </td>
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,12" stroke="#7d5c46" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,12" stroke="#64503c" stroke-width="3" />
               </svg>
             </span>
           </td>
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,20" stroke="#7d5c46" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,20" stroke="#64503c" stroke-width="3" />
               </svg>
             </span>
           </td>
@@ -510,8 +515,8 @@ <h4>Itinéraires</h4>
           <td colspan="3" align="center">
             <span style="display: flex; align-items: center; width: 80%;">
               <svg height="20" width="100%">
-                <line x1="0" y1="50%" x2="100%" y2="50%" style="stroke:red;stroke-width:11" />
-                <line x1="2%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#7d5c46" stroke-width="3" />
+                <line x1="0" y1="50%" x2="100%" y2="50%" style="stroke:#c94c4c;stroke-width:11" />
+                <line x1="2%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#64503c" stroke-width="3" />
               </svg>
             </span>
           </td>
@@ -523,8 +528,8 @@ <h4>Itinéraires</h4>
           <td colspan="3" align="center">
             <span style="display: flex; align-items: center; width: 80%;">
               <svg height="20" width="100%">
-                <line x1="0" y1="50%" x2="100%" y2="50%" style="stroke:red;stroke-width:11" />
-                <line x1="2%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#7d5c46" stroke-width="3" />
+                <line x1="0" y1="50%" x2="100%" y2="50%" style="stroke:#c94c4c;stroke-width:11" />
+                <line x1="2%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#64503c" stroke-width="3" />
               </svg>
             </span>
           </td>
@@ -536,8 +541,21 @@ <h4>Itinéraires</h4>
           <td colspan="3" align="center">
             <span style="display: flex; align-items: center; width: 80%;">
               <svg height="20" width="100%">
-                <line x1="0" y1="50%" x2="100%" y2="50%" style="stroke:yellow;stroke-width:11" />
-                <line x1="2%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#7d5c46" stroke-width="3" />
+                <line x1="0" y1="50%" x2="100%" y2="50%" style="stroke:#cccc00;stroke-width:11" />
+                <line x1="2%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#64503c" stroke-width="3" />
+              </svg>
+            </span>
+          </td>
+        </tr>
+        <tr>
+          <td colspan="2" align="center">
+            Défaut
+          </td>
+          <td colspan="3" align="center">
+            <span style="display: flex; align-items: center; width: 80%;">
+              <svg height="20" width="100%">
+                <line x1="0" y1="50%" x2="100%" y2="50%" style="stroke:#84A8FF;stroke-width:11" />
+                <line x1="2%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#64503c" stroke-width="3" />
               </svg>
             </span>
           </td>
@@ -556,8 +574,8 @@ <h4>Itinéraires</h4>
           <td colspan="3" align="center">
             <span style="display: flex; align-items: center; width: 80%;">
               <svg height="20" width="100%">
-                <line x1="0" y1="50%" x2="100%" y2="50%" style="stroke:blue;stroke-width:15" />
-                <line x1="2%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#7d5c46" stroke-width="3" />
+                <line x1="0" y1="50%" x2="100%" y2="50%" style="stroke:#3232ff;stroke-width:15" />
+                <line x1="2%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#64503c" stroke-width="3" />
               </svg>
             </span>
           </td>
@@ -569,8 +587,8 @@ <h4>Itinéraires</h4>
           <td colspan="3" align="center">
             <span style="display: flex; align-items: center; width: 80%;">
               <svg height="20" width="100%">
-                <line x1="0" y1="50%" x2="100%" y2="50%" style="stroke:red;stroke-width:12" />
-                <line x1="2%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#7d5c46" stroke-width="3" />
+                <line x1="0" y1="50%" x2="100%" y2="50%" style="stroke:#c94c4c;stroke-width:12" />
+                <line x1="2%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#64503c" stroke-width="3" />
               </svg>
             </span>
           </td>
@@ -583,7 +601,7 @@ <h4>Itinéraires</h4>
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg height="20" width="100%">
                 <line x1="0" y1="50%" x2="100%" y2="50%" style="stroke:orange;stroke-width:9" />
-                <line x1="2%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#7d5c46" stroke-width="3" />
+                <line x1="2%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#64503c" stroke-width="3" />
               </svg>
             </span>
           </td>
@@ -595,8 +613,21 @@ <h4>Itinéraires</h4>
           <td colspan="3" align="center">
             <span style="display: inline-block; height: 0.8em; width: 80%;">
               <svg height="20" width="100%">
-                <line x1="0" y1="50%" x2="100%" y2="50%" style="stroke:yellow;stroke-width:6" />
-                <line x1="2%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#7d5c46" stroke-width="3" />
+                <line x1="0" y1="50%" x2="100%" y2="50%" style="stroke:#cccc00;stroke-width:6" />
+                <line x1="2%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#64503c" stroke-width="3" />
+              </svg>
+            </span>
+          </td>
+        </tr>
+        <tr>
+          <td colspan="2" align="center">
+            Défaut
+          </td>
+          <td colspan="3" align="center">
+            <span style="display: inline-block; height: 0.8em; width: 80%;">
+              <svg height="20" width="100%">
+                <line x1="0" y1="50%" x2="100%" y2="50%" style="stroke:#84A8FF;stroke-width:6" />
+                <line x1="2%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#64503c" stroke-width="3" />
               </svg>
             </span>
           </td>
@@ -608,11 +639,11 @@ <h4>Itinéraires</h4>
           <td colspan="3" align="center">
             <span style="display: flex; align-items: center; width: 80%;">
               <svg height="20" width="100%">
-                <line x1="0" y1="50%" x2="100%" y2="50%" style="stroke:blue;stroke-width:15" />
-                <line x1="0" y1="50%" x2="100%" y2="50%" style="stroke:red;stroke-width:12" />
+                <line x1="0" y1="50%" x2="100%" y2="50%" style="stroke:#3232ff;stroke-width:15" />
+                <line x1="0" y1="50%" x2="100%" y2="50%" style="stroke:#c94c4c;stroke-width:12" />
                 <line x1="0" y1="50%" x2="100%" y2="50%" style="stroke:orange;stroke-width:9" />
-                <line x1="0" y1="50%" x2="100%" y2="50%" style="stroke:yellow;stroke-width:6" />
-                <line x1="2%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#7d5c46" stroke-width="3" />
+                <line x1="0" y1="50%" x2="100%" y2="50%" style="stroke:#cccc00;stroke-width:6" />
+                <line x1="2%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#64503c" stroke-width="3" />
               </svg>
             </span>
           </td>