From 76582da497f1d521d4642310b422a656decc2cab Mon Sep 17 00:00:00 2001
From: Emux <devemux86@gmail.com>
Date: Wed, 4 Oct 2017 20:24:29 +0300
Subject: [PATCH] Render themes: highway ref captions #41

---
 vtm-themes/resources/assets/vtm/default.xml   | 67 ++++++++++++++++---
 vtm-themes/resources/assets/vtm/mapzen.xml    | 67 ++++++++++++++++---
 vtm-themes/resources/assets/vtm/newtron.xml   | 67 ++++++++++++++++---
 .../resources/assets/vtm/openmaptiles.xml     | 67 ++++++++++++++++---
 vtm-themes/resources/assets/vtm/osmagray.xml  | 52 ++++++++++----
 .../resources/assets/vtm/osmarender.xml       | 52 ++++++++++----
 .../resources/assets/vtm/tronrender.xml       | 67 ++++++++++++++++---
 7 files changed, 365 insertions(+), 74 deletions(-)

diff --git a/vtm-themes/resources/assets/vtm/default.xml b/vtm-themes/resources/assets/vtm/default.xml
index adfb0495..fb42af20 100644
--- a/vtm-themes/resources/assets/vtm/default.xml
+++ b/vtm-themes/resources/assets/vtm/default.xml
@@ -11,8 +11,10 @@
 
     <style-text style="bold" fill="#101010" id="major-road" k="name" priority="1" size="16"
         stroke="#eeeeee" stroke-width="2.0" />
-    <style-text style="bold" fill="#606060" id="ref" k="ref" priority="2" size="12" stroke="#ffffff"
+
+    <style-text style="bold" fill="#ffffff" id="ref" k="ref" priority="2" size="12" stroke="#215e8f"
         stroke-width="2.0" />
+    <style-text caption="true" id="ref-caption" use="ref" />
 
     <style-text style="bold" fill="#606060" id="ferry" k="name" size="12" stroke="#ffffff"
         stroke-width="2.0" />
@@ -493,19 +495,34 @@
                         <m v="primary">
                             <line outline="0" use="primary:z11" />
                             <text use="major-road" />
-                            <text use="ref" />
+                            <m zoom-max="12">
+                                <text use="ref-caption" />
+                            </m>
+                            <m zoom-min="13">
+                                <text use="ref" />
+                            </m>
                         </m>
                         <m v="trunk">
                             <line blur="0.3" outline="0" use="trunk" />
                             <!-- <outline use="glow"/> -->
                             <text use="major-road" />
-                            <text use="ref" />
+                            <m zoom-max="12">
+                                <text use="ref-caption" />
+                            </m>
+                            <m zoom-min="13">
+                                <text use="ref" />
+                            </m>
                         </m>
                         <m v="motorway">
                             <line blur="0.3" outline="0" use="highway:z11" />
                             <!-- <outline use="glow"/> -->
                             <text use="major-road" />
-                            <text use="ref" />
+                            <m zoom-max="12">
+                                <text use="ref-caption" />
+                            </m>
+                            <m zoom-min="13">
+                                <text use="ref" />
+                            </m>
                         </m>
                     </m>
                     <!-- railway tunnel -->
@@ -730,17 +747,32 @@
                         <m v="primary">
                             <line outline="primary" use="primary:z11" />
                             <text use="major-road" />
-                            <text use="ref" />
+                            <m zoom-max="12">
+                                <text use="ref-caption" />
+                            </m>
+                            <m zoom-min="13">
+                                <text use="ref" />
+                            </m>
                         </m>
                         <m v="trunk">
                             <line outline="motorway" use="trunk" />
                             <text use="major-road" />
-                            <text use="ref" />
+                            <m zoom-max="12">
+                                <text use="ref-caption" />
+                            </m>
+                            <m zoom-min="13">
+                                <text use="ref" />
+                            </m>
                         </m>
                         <m v="motorway">
                             <line outline="motorway" use="highway:z11" />
                             <text use="major-road" />
-                            <text use="ref" />
+                            <m zoom-max="12">
+                                <text use="ref-caption" />
+                            </m>
+                            <m zoom-min="13">
+                                <text use="ref" />
+                            </m>
                         </m>
                     </m> <!-- end area=~|no|false -->
                 </m><!-- end tunnel|bridge=~|no|false -->
@@ -818,17 +850,32 @@
                                 <m v="primary">
                                     <line cap="butt" outline="bridge" use="primary:z11" />
                                     <text use="major-road" />
-                                    <text use="ref" />
+                                    <m zoom-max="12">
+                                        <text use="ref-caption" />
+                                    </m>
+                                    <m zoom-min="13">
+                                        <text use="ref" />
+                                    </m>
                                 </m>
                                 <m v="trunk">
                                     <line cap="butt" outline="bridge" use="trunk" />
                                     <text use="major-road" />
-                                    <text use="ref" />
+                                    <m zoom-max="12">
+                                        <text use="ref-caption" />
+                                    </m>
+                                    <m zoom-min="13">
+                                        <text use="ref" />
+                                    </m>
                                 </m>
                                 <m v="motorway">
                                     <line cap="butt" outline="bridge" use="highway:z11" />
                                     <text use="major-road" />
-                                    <text use="ref" />
+                                    <m zoom-max="12">
+                                        <text use="ref-caption" />
+                                    </m>
+                                    <m zoom-min="13">
+                                        <text use="ref" />
+                                    </m>
                                 </m>
                             </m>
                         </m><!-- end area=~|no|false -->
diff --git a/vtm-themes/resources/assets/vtm/mapzen.xml b/vtm-themes/resources/assets/vtm/mapzen.xml
index 6703ab36..baa1f436 100644
--- a/vtm-themes/resources/assets/vtm/mapzen.xml
+++ b/vtm-themes/resources/assets/vtm/mapzen.xml
@@ -11,8 +11,10 @@
 
     <style-text style="bold" fill="#101010" id="major-road" k="name" priority="1" size="16"
         stroke="#eeeeee" stroke-width="2.0" />
-    <style-text style="bold" fill="#606060" id="ref" k="ref" priority="2" size="12" stroke="#ffffff"
+
+    <style-text style="bold" fill="#ffffff" id="ref" k="ref" priority="2" size="12" stroke="#215e8f"
         stroke-width="2.0" />
+    <style-text caption="true" id="ref-caption" use="ref" />
 
     <style-text style="bold" fill="#606060" id="ferry" k="name" size="12" stroke="#ffffff"
         stroke-width="2.0" />
@@ -490,19 +492,34 @@
                         <m v="primary">
                             <line outline="0" use="primary:z11" />
                             <text use="major-road" />
-                            <text use="ref" />
+                            <m zoom-max="12">
+                                <text use="ref-caption" />
+                            </m>
+                            <m zoom-min="13">
+                                <text use="ref" />
+                            </m>
                         </m>
                         <m v="trunk">
                             <line blur="0.3" outline="0" use="trunk" />
                             <!-- <outline use="glow"/> -->
                             <text use="major-road" />
-                            <text use="ref" />
+                            <m zoom-max="12">
+                                <text use="ref-caption" />
+                            </m>
+                            <m zoom-min="13">
+                                <text use="ref" />
+                            </m>
                         </m>
                         <m v="motorway">
                             <line blur="0.3" outline="0" use="highway:z11" />
                             <!-- <outline use="glow"/> -->
                             <text use="major-road" />
-                            <text use="ref" />
+                            <m zoom-max="12">
+                                <text use="ref-caption" />
+                            </m>
+                            <m zoom-min="13">
+                                <text use="ref" />
+                            </m>
                         </m>
                     </m>
                     <!-- railway tunnel -->
@@ -727,17 +744,32 @@
                         <m v="primary">
                             <line outline="primary" use="primary:z11" />
                             <text use="major-road" />
-                            <text use="ref" />
+                            <m zoom-max="12">
+                                <text use="ref-caption" />
+                            </m>
+                            <m zoom-min="13">
+                                <text use="ref" />
+                            </m>
                         </m>
                         <m v="trunk">
                             <line outline="motorway" use="trunk" />
                             <text use="major-road" />
-                            <text use="ref" />
+                            <m zoom-max="12">
+                                <text use="ref-caption" />
+                            </m>
+                            <m zoom-min="13">
+                                <text use="ref" />
+                            </m>
                         </m>
                         <m v="motorway">
                             <line outline="motorway" use="highway:z11" />
                             <text use="major-road" />
-                            <text use="ref" />
+                            <m zoom-max="12">
+                                <text use="ref-caption" />
+                            </m>
+                            <m zoom-min="13">
+                                <text use="ref" />
+                            </m>
                         </m>
                     </m> <!-- end area=~|no|false -->
                 </m><!-- end tunnel|bridge=~|no|false -->
@@ -815,17 +847,32 @@
                                 <m v="primary">
                                     <line cap="butt" outline="bridge" use="primary:z11" />
                                     <text use="major-road" />
-                                    <text use="ref" />
+                                    <m zoom-max="12">
+                                        <text use="ref-caption" />
+                                    </m>
+                                    <m zoom-min="13">
+                                        <text use="ref" />
+                                    </m>
                                 </m>
                                 <m v="trunk">
                                     <line cap="butt" outline="bridge" use="trunk" />
                                     <text use="major-road" />
-                                    <text use="ref" />
+                                    <m zoom-max="12">
+                                        <text use="ref-caption" />
+                                    </m>
+                                    <m zoom-min="13">
+                                        <text use="ref" />
+                                    </m>
                                 </m>
                                 <m v="motorway">
                                     <line cap="butt" outline="bridge" use="highway:z11" />
                                     <text use="major-road" />
-                                    <text use="ref" />
+                                    <m zoom-max="12">
+                                        <text use="ref-caption" />
+                                    </m>
+                                    <m zoom-min="13">
+                                        <text use="ref" />
+                                    </m>
                                 </m>
                             </m>
                         </m><!-- end area=~|no|false -->
diff --git a/vtm-themes/resources/assets/vtm/newtron.xml b/vtm-themes/resources/assets/vtm/newtron.xml
index 459d0fff..0558a884 100644
--- a/vtm-themes/resources/assets/vtm/newtron.xml
+++ b/vtm-themes/resources/assets/vtm/newtron.xml
@@ -11,8 +11,10 @@
 
     <style-text style="bold" fill="#de3935" id="major-road" k="name" priority="1" size="19"
         stroke="#f2df6d" stroke-width="2.5" />
-    <style-text style="bold" fill="#606060" id="ref" k="ref" priority="2" size="12" stroke="#ffffff"
+
+    <style-text style="bold" fill="#ffffff" id="ref" k="ref" priority="2" size="12" stroke="#215e8f"
         stroke-width="2.0" />
+    <style-text caption="true" id="ref-caption" use="ref" />
 
     <style-area fade="10" fill="#ff0000" id="residential" />
 
@@ -436,7 +438,12 @@
                     <line use="primary:z11" />
                     <outline use="0" />
                     <text use="major-road" />
-                    <text use="ref" />
+                    <m zoom-max="12">
+                        <text use="ref-caption" />
+                    </m>
+                    <m zoom-min="13">
+                        <text use="ref" />
+                    </m>
                 </m>
 
                 <m v="trunk">
@@ -444,7 +451,12 @@
                     <outline use="0" />
                     <!-- <outline use="glow"/> -->
                     <text use="major-road" />
-                    <text use="ref" />
+                    <m zoom-max="12">
+                        <text use="ref-caption" />
+                    </m>
+                    <m zoom-min="13">
+                        <text use="ref" />
+                    </m>
                 </m>
 
                 <m v="motorway">
@@ -452,7 +464,12 @@
                     <outline use="0" />
                     <!-- <outline use="glow"/> -->
                     <text use="major-road" />
-                    <text use="ref" />
+                    <m zoom-max="12">
+                        <text use="ref-caption" />
+                    </m>
+                    <m zoom-min="13">
+                        <text use="ref" />
+                    </m>
                 </m>
             </m>
 
@@ -695,21 +712,36 @@
                             <line use="primary:z11" />
                             <outline use="primary" />
                             <text use="major-road" />
-                            <text use="ref" />
+                            <m zoom-max="12">
+                                <text use="ref-caption" />
+                            </m>
+                            <m zoom-min="13">
+                                <text use="ref" />
+                            </m>
                         </m>
 
                         <m v="trunk">
                             <line use="trunk" />
                             <outline use="motorway" />
                             <text use="major-road" />
-                            <text use="ref" />
+                            <m zoom-max="12">
+                                <text use="ref-caption" />
+                            </m>
+                            <m zoom-min="13">
+                                <text use="ref" />
+                            </m>
                         </m>
 
                         <m v="motorway">
                             <line use="highway:z11" />
                             <outline use="motorway" />
                             <text use="major-road" />
-                            <text use="ref" />
+                            <m zoom-max="12">
+                                <text use="ref-caption" />
+                            </m>
+                            <m zoom-min="13">
+                                <text use="ref" />
+                            </m>
                         </m>
                     </m> <!-- end area=~|no|false -->
                 </m> <!-- end tunnel|bridge=~|no|false -->
@@ -791,21 +823,36 @@
                             <line cap="butt" use="primary:z11" />
                             <outline use="bridge" />
                             <text use="major-road" />
-                            <text use="ref" />
+                            <m zoom-max="12">
+                                <text use="ref-caption" />
+                            </m>
+                            <m zoom-min="13">
+                                <text use="ref" />
+                            </m>
                         </m>
 
                         <m v="trunk">
                             <line cap="butt" use="trunk" />
                             <outline use="bridge" />
                             <text use="major-road" />
-                            <text use="ref" />
+                            <m zoom-max="12">
+                                <text use="ref-caption" />
+                            </m>
+                            <m zoom-min="13">
+                                <text use="ref" />
+                            </m>
                         </m>
 
                         <m v="motorway">
                             <line cap="butt" use="highway:z11" />
                             <outline use="bridge" />
                             <text use="major-road" />
-                            <text use="ref" />
+                            <m zoom-max="12">
+                                <text use="ref-caption" />
+                            </m>
+                            <m zoom-min="13">
+                                <text use="ref" />
+                            </m>
                         </m>
                     </m> <!-- end area=~|no|false -->
 
diff --git a/vtm-themes/resources/assets/vtm/openmaptiles.xml b/vtm-themes/resources/assets/vtm/openmaptiles.xml
index b1e4315b..2d367772 100644
--- a/vtm-themes/resources/assets/vtm/openmaptiles.xml
+++ b/vtm-themes/resources/assets/vtm/openmaptiles.xml
@@ -11,8 +11,10 @@
 
     <style-text style="bold" fill="#101010" id="major-road" k="name" priority="1" size="16"
         stroke="#eeeeee" stroke-width="2.0" />
-    <style-text style="bold" fill="#606060" id="ref" k="ref" priority="2" size="12" stroke="#ffffff"
+
+    <style-text style="bold" fill="#ffffff" id="ref" k="ref" priority="2" size="12" stroke="#215e8f"
         stroke-width="2.0" />
+    <style-text caption="true" id="ref-caption" use="ref" />
 
     <style-text style="bold" fill="#606060" id="ferry" k="name" size="12" stroke="#ffffff"
         stroke-width="2.0" />
@@ -489,19 +491,34 @@
                         <m v="primary">
                             <line outline="0" use="primary:z11" />
                             <text use="major-road" />
-                            <text use="ref" />
+                            <m zoom-max="12">
+                                <text use="ref-caption" />
+                            </m>
+                            <m zoom-min="13">
+                                <text use="ref" />
+                            </m>
                         </m>
                         <m v="trunk">
                             <line blur="0.3" outline="0" use="trunk" />
                             <!-- <outline use="glow"/> -->
                             <text use="major-road" />
-                            <text use="ref" />
+                            <m zoom-max="12">
+                                <text use="ref-caption" />
+                            </m>
+                            <m zoom-min="13">
+                                <text use="ref" />
+                            </m>
                         </m>
                         <m v="motorway">
                             <line blur="0.3" outline="0" use="highway:z11" />
                             <!-- <outline use="glow"/> -->
                             <text use="major-road" />
-                            <text use="ref" />
+                            <m zoom-max="12">
+                                <text use="ref-caption" />
+                            </m>
+                            <m zoom-min="13">
+                                <text use="ref" />
+                            </m>
                         </m>
                     </m>
                     <!-- railway tunnel -->
@@ -726,17 +743,32 @@
                         <m v="primary">
                             <line outline="primary" use="primary:z11" />
                             <text use="major-road" />
-                            <text use="ref" />
+                            <m zoom-max="12">
+                                <text use="ref-caption" />
+                            </m>
+                            <m zoom-min="13">
+                                <text use="ref" />
+                            </m>
                         </m>
                         <m v="trunk">
                             <line outline="motorway" use="trunk" />
                             <text use="major-road" />
-                            <text use="ref" />
+                            <m zoom-max="12">
+                                <text use="ref-caption" />
+                            </m>
+                            <m zoom-min="13">
+                                <text use="ref" />
+                            </m>
                         </m>
                         <m v="motorway">
                             <line outline="motorway" use="highway:z11" />
                             <text use="major-road" />
-                            <text use="ref" />
+                            <m zoom-max="12">
+                                <text use="ref-caption" />
+                            </m>
+                            <m zoom-min="13">
+                                <text use="ref" />
+                            </m>
                         </m>
                     </m> <!-- end area=~|no|false -->
                 </m><!-- end tunnel|bridge=~|no|false -->
@@ -814,17 +846,32 @@
                                 <m v="primary">
                                     <line cap="butt" outline="bridge" use="primary:z11" />
                                     <text use="major-road" />
-                                    <text use="ref" />
+                                    <m zoom-max="12">
+                                        <text use="ref-caption" />
+                                    </m>
+                                    <m zoom-min="13">
+                                        <text use="ref" />
+                                    </m>
                                 </m>
                                 <m v="trunk">
                                     <line cap="butt" outline="bridge" use="trunk" />
                                     <text use="major-road" />
-                                    <text use="ref" />
+                                    <m zoom-max="12">
+                                        <text use="ref-caption" />
+                                    </m>
+                                    <m zoom-min="13">
+                                        <text use="ref" />
+                                    </m>
                                 </m>
                                 <m v="motorway">
                                     <line cap="butt" outline="bridge" use="highway:z11" />
                                     <text use="major-road" />
-                                    <text use="ref" />
+                                    <m zoom-max="12">
+                                        <text use="ref-caption" />
+                                    </m>
+                                    <m zoom-min="13">
+                                        <text use="ref" />
+                                    </m>
                                 </m>
                             </m>
                         </m><!-- end area=~|no|false -->
diff --git a/vtm-themes/resources/assets/vtm/osmagray.xml b/vtm-themes/resources/assets/vtm/osmagray.xml
index 937e3fed..f2625615 100644
--- a/vtm-themes/resources/assets/vtm/osmagray.xml
+++ b/vtm-themes/resources/assets/vtm/osmagray.xml
@@ -17,6 +17,10 @@
     <style-text style="bold" id="highway-track" k="name" size="16" stroke="#f3f3f3"
         stroke-width="2.0" />
 
+    <style-text style="bold" fill="#ffffff" id="ref" k="ref" priority="2" size="12" stroke="#606060"
+        stroke-width="2.0" />
+    <style-text caption="true" id="ref-caption" use="ref" />
+
     <m e="way" k="natural" v="issea|sea">
         <area fill="#d0d0d0" mesh="true" />
     </m>
@@ -731,8 +735,12 @@
                                 <m zoom-min="14">
                                     <text style="bold" k="name" priority="1" size="16"
                                         stroke="#868686" stroke-width="2.0" />
-                                    <text style="bold" fill="#606060" k="ref" priority="2" size="12"
-                                        stroke="#ffffff" stroke-width="2.0" />
+                                </m>
+                                <m zoom-max="12">
+                                    <text use="ref-caption" />
+                                </m>
+                                <m zoom-min="13">
+                                    <text use="ref" />
                                 </m>
                             </m>
                             <m v="trunk">
@@ -740,8 +748,12 @@
                                 <m zoom-min="14">
                                     <text style="bold" k="name" priority="1" size="16"
                                         stroke="#b4b4b4" stroke-width="2.0" />
-                                    <text style="bold" fill="#606060" k="ref" priority="2" size="12"
-                                        stroke="#ffffff" stroke-width="2.0" />
+                                </m>
+                                <m zoom-max="12">
+                                    <text use="ref-caption" />
+                                </m>
+                                <m zoom-min="13">
+                                    <text use="ref" />
                                 </m>
                             </m>
                             <m v="motorway">
@@ -749,8 +761,12 @@
                                 <m zoom-min="14">
                                     <text style="bold" k="name" priority="1" size="16"
                                         stroke="#979797" stroke-width="2.0" />
-                                    <text style="bold" fill="#606060" k="ref" priority="2" size="12"
-                                        stroke="#ffffff" stroke-width="2.0" />
+                                </m>
+                                <m zoom-max="12">
+                                    <text use="ref-caption" />
+                                </m>
+                                <m zoom-min="13">
+                                    <text use="ref" />
                                 </m>
                             </m>
 
@@ -865,8 +881,12 @@
                                 <m zoom-min="14">
                                     <text style="bold" k="name" priority="1" size="16"
                                         stroke="#868686" stroke-width="2.0" />
-                                    <text style="bold" fill="#606060" k="ref" priority="2" size="12"
-                                        stroke="#ffffff" stroke-width="2.0" />
+                                </m>
+                                <m zoom-max="12">
+                                    <text use="ref-caption" />
+                                </m>
+                                <m zoom-min="13">
+                                    <text use="ref" />
                                 </m>
                             </m>
                             <m v="trunk">
@@ -874,8 +894,12 @@
                                 <m zoom-min="14">
                                     <text style="bold" k="name" priority="1" size="16"
                                         stroke="#b4b4b4" stroke-width="2.0" />
-                                    <text style="bold" fill="#606060" k="ref" priority="2" size="12"
-                                        stroke="#ffffff" stroke-width="2.0" />
+                                </m>
+                                <m zoom-max="12">
+                                    <text use="ref-caption" />
+                                </m>
+                                <m zoom-min="13">
+                                    <text use="ref" />
                                 </m>
                             </m>
                             <m v="motorway">
@@ -883,8 +907,12 @@
                                 <m zoom-min="14">
                                     <text style="bold" k="name" priority="1" size="16"
                                         stroke="#979797" stroke-width="2.0" />
-                                    <text style="bold" fill="#606060" k="ref" priority="2" size="12"
-                                        stroke="#ffffff" stroke-width="2.0" />
+                                </m>
+                                <m zoom-max="12">
+                                    <text use="ref-caption" />
+                                </m>
+                                <m zoom-min="13">
+                                    <text use="ref" />
                                 </m>
                             </m>
                         </m>
diff --git a/vtm-themes/resources/assets/vtm/osmarender.xml b/vtm-themes/resources/assets/vtm/osmarender.xml
index 1d71f146..912c8199 100644
--- a/vtm-themes/resources/assets/vtm/osmarender.xml
+++ b/vtm-themes/resources/assets/vtm/osmarender.xml
@@ -17,6 +17,10 @@
     <style-text style="bold" id="highway-track" k="name" size="16" stroke="#fff2de"
         stroke-width="2.0" />
 
+    <style-text style="bold" fill="#ffffff" id="ref" k="ref" priority="2" size="12" stroke="#215e8f"
+        stroke-width="2.0" />
+    <style-text caption="true" id="ref-caption" use="ref" />
+
     <m e="way" k="natural" v="issea|sea">
         <area fill="#b5d6f1" mesh="true" />
     </m>
@@ -731,8 +735,12 @@
                                 <m zoom-min="14">
                                     <text style="bold" k="name" priority="1" size="16"
                                         stroke="#e46d71" stroke-width="2.0" />
-                                    <text style="bold" fill="#606060" k="ref" priority="2" size="12"
-                                        stroke="#ffffff" stroke-width="2.0" />
+                                </m>
+                                <m zoom-max="12">
+                                    <text use="ref-caption" />
+                                </m>
+                                <m zoom-min="13">
+                                    <text use="ref" />
                                 </m>
                             </m>
                             <m v="trunk">
@@ -740,8 +748,12 @@
                                 <m zoom-min="14">
                                     <text style="bold" k="name" priority="1" size="16"
                                         stroke="#7fc97f" stroke-width="2.0" />
-                                    <text style="bold" fill="#606060" k="ref" priority="2" size="12"
-                                        stroke="#ffffff" stroke-width="2.0" />
+                                </m>
+                                <m zoom-max="12">
+                                    <text use="ref-caption" />
+                                </m>
+                                <m zoom-min="13">
+                                    <text use="ref" />
                                 </m>
                             </m>
                             <m v="motorway">
@@ -749,8 +761,12 @@
                                 <m zoom-min="14">
                                     <text style="bold" k="name" priority="1" size="16"
                                         stroke="#809bc0" stroke-width="2.0" />
-                                    <text style="bold" fill="#606060" k="ref" priority="2" size="12"
-                                        stroke="#ffffff" stroke-width="2.0" />
+                                </m>
+                                <m zoom-max="12">
+                                    <text use="ref-caption" />
+                                </m>
+                                <m zoom-min="13">
+                                    <text use="ref" />
                                 </m>
                             </m>
 
@@ -865,8 +881,12 @@
                                 <m zoom-min="14">
                                     <text style="bold" k="name" priority="1" size="16"
                                         stroke="#e46d71" stroke-width="2.0" />
-                                    <text style="bold" fill="#606060" k="ref" priority="2" size="12"
-                                        stroke="#ffffff" stroke-width="2.0" />
+                                </m>
+                                <m zoom-max="12">
+                                    <text use="ref-caption" />
+                                </m>
+                                <m zoom-min="13">
+                                    <text use="ref" />
                                 </m>
                             </m>
                             <m v="trunk">
@@ -874,8 +894,12 @@
                                 <m zoom-min="14">
                                     <text style="bold" k="name" priority="1" size="16"
                                         stroke="#7fc97f" stroke-width="2.0" />
-                                    <text style="bold" fill="#606060" k="ref" priority="2" size="12"
-                                        stroke="#ffffff" stroke-width="2.0" />
+                                </m>
+                                <m zoom-max="12">
+                                    <text use="ref-caption" />
+                                </m>
+                                <m zoom-min="13">
+                                    <text use="ref" />
                                 </m>
                             </m>
                             <m v="motorway">
@@ -883,8 +907,12 @@
                                 <m zoom-min="14">
                                     <text style="bold" k="name" priority="1" size="16"
                                         stroke="#809bc0" stroke-width="2.0" />
-                                    <text style="bold" fill="#606060" k="ref" priority="2" size="12"
-                                        stroke="#ffffff" stroke-width="2.0" />
+                                </m>
+                                <m zoom-max="12">
+                                    <text use="ref-caption" />
+                                </m>
+                                <m zoom-min="13">
+                                    <text use="ref" />
                                 </m>
                             </m>
                         </m>
diff --git a/vtm-themes/resources/assets/vtm/tronrender.xml b/vtm-themes/resources/assets/vtm/tronrender.xml
index 8c085053..ff76fb8b 100644
--- a/vtm-themes/resources/assets/vtm/tronrender.xml
+++ b/vtm-themes/resources/assets/vtm/tronrender.xml
@@ -11,8 +11,10 @@
 
     <style-text style="bold" fill="#ffef7d" id="major-road" k="name" priority="1" size="19"
         stroke="#624f00" stroke-width="2.5" />
-    <style-text style="bold" fill="#606060" id="ref" k="ref" priority="2" size="12" stroke="#ffffff"
+
+    <style-text style="bold" fill="#ffffff" id="ref" k="ref" priority="2" size="12" stroke="#215e8f"
         stroke-width="2.0" />
+    <style-text caption="true" id="ref-caption" use="ref" />
 
     <style-area fade="10" fill="#ff0000" id="residential" />
 
@@ -436,7 +438,12 @@
                     <line use="primary:z11" />
                     <outline use="0" />
                     <text use="major-road" />
-                    <text use="ref" />
+                    <m zoom-max="12">
+                        <text use="ref-caption" />
+                    </m>
+                    <m zoom-min="13">
+                        <text use="ref" />
+                    </m>
                 </m>
 
                 <m v="trunk">
@@ -444,7 +451,12 @@
                     <outline use="0" />
                     <!-- <outline use="glow"/> -->
                     <text use="major-road" />
-                    <text use="ref" />
+                    <m zoom-max="12">
+                        <text use="ref-caption" />
+                    </m>
+                    <m zoom-min="13">
+                        <text use="ref" />
+                    </m>
                 </m>
 
                 <m v="motorway">
@@ -452,7 +464,12 @@
                     <outline use="0" />
                     <!-- <outline use="glow"/> -->
                     <text use="major-road" />
-                    <text use="ref" />
+                    <m zoom-max="12">
+                        <text use="ref-caption" />
+                    </m>
+                    <m zoom-min="13">
+                        <text use="ref" />
+                    </m>
                 </m>
             </m>
 
@@ -688,21 +705,36 @@
                             <line use="primary:z11" />
                             <outline use="primary" />
                             <text use="major-road" />
-                            <text use="ref" />
+                            <m zoom-max="12">
+                                <text use="ref-caption" />
+                            </m>
+                            <m zoom-min="13">
+                                <text use="ref" />
+                            </m>
                         </m>
 
                         <m v="trunk">
                             <line use="trunk" />
                             <outline use="motorway" />
                             <text use="major-road" />
-                            <text use="ref" />
+                            <m zoom-max="12">
+                                <text use="ref-caption" />
+                            </m>
+                            <m zoom-min="13">
+                                <text use="ref" />
+                            </m>
                         </m>
 
                         <m v="motorway">
                             <line use="highway:z11" />
                             <outline use="motorway" />
                             <text use="major-road" />
-                            <text use="ref" />
+                            <m zoom-max="12">
+                                <text use="ref-caption" />
+                            </m>
+                            <m zoom-min="13">
+                                <text use="ref" />
+                            </m>
                         </m>
                     </m> <!-- end area=~|no|false -->
                 </m> <!-- end tunnel|bridge=~|no|false -->
@@ -784,21 +816,36 @@
                             <line cap="butt" use="primary:z11" />
                             <outline use="bridge" />
                             <text use="major-road" />
-                            <text use="ref" />
+                            <m zoom-max="12">
+                                <text use="ref-caption" />
+                            </m>
+                            <m zoom-min="13">
+                                <text use="ref" />
+                            </m>
                         </m>
 
                         <m v="trunk">
                             <line cap="butt" use="trunk" />
                             <outline use="bridge" />
                             <text use="major-road" />
-                            <text use="ref" />
+                            <m zoom-max="12">
+                                <text use="ref-caption" />
+                            </m>
+                            <m zoom-min="13">
+                                <text use="ref" />
+                            </m>
                         </m>
 
                         <m v="motorway">
                             <line cap="butt" use="highway:z11" />
                             <outline use="bridge" />
                             <text use="major-road" />
-                            <text use="ref" />
+                            <m zoom-max="12">
+                                <text use="ref-caption" />
+                            </m>
+                            <m zoom-min="13">
+                                <text use="ref" />
+                            </m>
                         </m>
                     </m> <!-- end area=~|no|false -->