(shardingsphere) branch master updated: Adjust theme of railroad (#37627)

[zhangliang]

This is an automated email from the ASF dual-hosted git repository.

zhangliang pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/shardingsphere.git


The following commit(s) were added to refs/heads/master by this push:
     new 9ce4faa48d3 Adjust theme of railroad (#37627)
9ce4faa48d3 is described below

commit 9ce4faa48d370920b5e1aa46639dc0c49de617c7
Author: Liang Zhang <zhangli...@apache.org>
AuthorDate: Sat Jan 3 20:37:19 2026 +0800

    Adjust theme of railroad (#37627)
---
 .../themes/hugo-theme-learn/static/css/railroad-diagrams.css |  7 ++++---
 .../themes/hugo-theme-learn/static/js/railroad-diagrams.js   | 12 ++++++------
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git 
a/docs/document/themes/hugo-theme-learn/static/css/railroad-diagrams.css 
b/docs/document/themes/hugo-theme-learn/static/css/railroad-diagrams.css
index 8e0454ff566..518ebe48d30 100644
--- a/docs/document/themes/hugo-theme-learn/static/css/railroad-diagrams.css
+++ b/docs/document/themes/hugo-theme-learn/static/css/railroad-diagrams.css
@@ -7,9 +7,10 @@ svg.railroad-diagram path {
     fill: none;
 }
 svg.railroad-diagram text {
-    font: 13px "Helvetica Neue", Arial, sans-serif;
-    font-weight: 500;
-    fill: #444;
+    font: 14px "Helvetica Neue", Arial, sans-serif;
+    font-weight: 600;
+    fill: #333;
+    text-shadow: 0 0.5px 0 rgba(255, 255, 255, 0.4);
     text-anchor: middle;
     white-space: pre;
 }
diff --git 
a/docs/document/themes/hugo-theme-learn/static/js/railroad-diagrams.js 
b/docs/document/themes/hugo-theme-learn/static/js/railroad-diagrams.js
index a5f2bb6cb5d..eab762a5e6e 100644
--- a/docs/document/themes/hugo-theme-learn/static/js/railroad-diagrams.js
+++ b/docs/document/themes/hugo-theme-learn/static/js/railroad-diagrams.js
@@ -380,7 +380,7 @@ At runtime, these constants can be found on the Diagram 
class.
        function Start(simpleType) {
                if(!(this instanceof Start)) return new Start();
                FakeSVG.call(this, 'path');
-               this.width = 16;
+               this.width = 12;
                this.up = 8;
                this.down = 8;
                this.simpleType = simpleType;
@@ -388,15 +388,15 @@ At runtime, these constants can be found on the Diagram 
class.
        subclassOf(Start, FakeSVG);
        Start.prototype.format = function(x,y) {
                this.attrs['stroke-linecap'] = 'round';
-               // small circle + short connector to the right
-               this.attrs.d = 'M '+(x+4)+' '+y+' a4 4 0 1 0 8 0 a4 4 0 1 0 -8 
0 m 8 0 h 8';
+               // single vertical bar + short connector
+               this.attrs.d = 'M '+(x+2)+' '+(y-8)+' v 16 m 0 -8 h 10';
                return this;
        }
 
        function End(simpleType) {
                if(!(this instanceof End)) return new End();
                FakeSVG.call(this, 'path');
-               this.width = 16;
+               this.width = 12;
                this.up = 8;
                this.down = 8;
                this.simpleType = simpleType;
@@ -404,8 +404,8 @@ At runtime, these constants can be found on the Diagram 
class.
        subclassOf(End, FakeSVG);
        End.prototype.format = function(x,y) {
                this.attrs['stroke-linecap'] = 'round';
-               // short connector then small circle
-               this.attrs.d = 'M '+x+' '+y+' h 8 m 0 -4 a4 4 0 1 0 0 8 a4 4 0 
1 0 0 -8';
+               // short connector then single vertical bar
+               this.attrs.d = 'M '+x+' '+y+' h 10 m 0 -8 v 16';
                return this;
        }