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

[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 5fa0692427d Adjust theme of railroad (#37624)
5fa0692427d is described below

commit 5fa0692427d6dba77f7309f2e176da5a16d88c19
Author: Liang Zhang <zhangli...@apache.org>
AuthorDate: Sat Jan 3 19:47:13 2026 +0800

    Adjust theme of railroad (#37624)
---
 .../static/css/railroad-diagrams.css               | 26 +++++++++++++---------
 1 file changed, 16 insertions(+), 10 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 bf001cde7f7..d2057dbbfae 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
@@ -1,17 +1,23 @@
 svg.railroad-diagram {
-    background-color: hsl(30,20%,95%);
+    background-color: transparent;
 }
 svg.railroad-diagram path {
-    stroke-width: 3;
-    stroke: black;
-    fill: rgba(0,0,0,0);
+    stroke-width: 2;
+    stroke: #ff8b00;
+    fill: none;
 }
 svg.railroad-diagram text {
-    font: bold 14px "Helvetica Neue", Arial, sans-serif;
-    fill: #000;
+    font: 13px "Helvetica Neue", Arial, sans-serif;
+    font-weight: 600;
+    fill: #222;
     text-anchor: middle;
     white-space: pre;
 }
+/* Allow horizontal scrolling when diagrams are wide */
+.railroad-diagrams {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+}
 svg.railroad-diagram text.diagram-text {
     font-size: 12px;
 }
@@ -28,12 +34,12 @@ svg.railroad-diagram g.non-terminal text {
     /*font-style: italic;*/
 }
 svg.railroad-diagram rect {
-    stroke-width: 3;
-    stroke: black;
-    fill: hsl(120,100%,90%);
+    stroke-width: 2;
+    stroke: #ff8b00;
+    fill: rgba(255, 139, 0, 0.08);
 }
 svg.railroad-diagram rect.group-box {
-    stroke: gray;
+    stroke: #ffb866;
     stroke-dasharray: 10 5;
     fill: none;
 }