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

[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 cc52cbc8795 Adjust theme of railroad (#37625)
cc52cbc8795 is described below

commit cc52cbc87951602859d738ef3de54b699327a980
Author: Liang Zhang <zhangli...@apache.org>
AuthorDate: Sat Jan 3 20:08:05 2026 +0800

    Adjust theme of railroad (#37625)
---
 .../static/css/railroad-diagrams.css               |  5 +++--
 .../static/js/railroad-diagrams.js                 | 26 +++++++++-------------
 2 files changed, 13 insertions(+), 18 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 d2057dbbfae..85b5ebf565d 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
@@ -8,8 +8,8 @@ svg.railroad-diagram path {
 }
 svg.railroad-diagram text {
     font: 13px "Helvetica Neue", Arial, sans-serif;
-    font-weight: 600;
-    fill: #222;
+    font-weight: 500;
+    fill: #444;
     text-anchor: middle;
     white-space: pre;
 }
@@ -17,6 +17,7 @@ svg.railroad-diagram text {
 .railroad-diagrams {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
+    background: transparent;
 }
 svg.railroad-diagram text.diagram-text {
     font-size: 12px;
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 afc45412e82..404b25c911e 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,36 +380,30 @@ 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 = 20;
-               this.up = 10;
-               this.down = 10;
+               this.width = 14;
+               this.up = 8;
+               this.down = 8;
                this.simpleType = simpleType;
        }
        subclassOf(Start, FakeSVG);
        Start.prototype.format = function(x,y) {
-               if (this.simpleType === false) {
-                       this.attrs.d = 'M '+x+' '+(y-10)+' v 20 m 0 -10 h 20.5';
-               } else {
-                       this.attrs.d = 'M '+x+' '+(y-10)+' v 20 m 10 -20 v 20 m 
-10 -10 h 20.5';
-               }
+               this.attrs['stroke-linecap'] = 'round';
+               this.attrs.d = 'M '+x+' '+y+' h '+this.width;
                return this;
        }
 
        function End(simpleType) {
                if(!(this instanceof End)) return new End();
                FakeSVG.call(this, 'path');
-               this.width = 20;
-               this.up = 10;
-               this.down = 10;
+               this.width = 14;
+               this.up = 8;
+               this.down = 8;
                this.simpleType = simpleType;
        }
        subclassOf(End, FakeSVG);
        End.prototype.format = function(x,y) {
-               if (this.simpleType === false) {
-                       this.attrs.d = 'M '+x+' '+y+' h 20 m 0 -10 v 20';
-               } else {
-                       this.attrs.d = 'M '+x+' '+y+' h 20 m -10 -10 v 20 m 10 
-20 v 20';
-               }
+               this.attrs['stroke-linecap'] = 'round';
+               this.attrs.d = 'M '+x+' '+y+' h '+this.width;
                return this;
        }