diff --git a/themes/future/css-src/_variables.styl b/themes/future/css-src/_variables.styl
index 5bcb6e91875..9a2eb04e8b0 100644
--- a/themes/future/css-src/_variables.styl
+++ b/themes/future/css-src/_variables.styl
@@ -339,6 +339,8 @@ code-diff-removed = code-keyword
 // 一段引いた位置に来る。**つまみは文字ではないので同じ値を共有しない**
 // （scrollbar-thumb。#3274）
 code-line-number = ink-faint
+// 折り返した行の縦線。線なので rule の段から選ぶ。rule-weak では 2px の線が地に溶ける
+code-wrap-line = rule-strong
 // gist のメタ行のリンク。コードの地の上なのでインラインコードと同じ段を借りる
 code-link = link-on-tint
 // コードブロックの配色の暗い側。JetBrains Darcula（GoLand などの既定テーマ）に
@@ -361,6 +363,7 @@ dark-code-tag = #ff6b68
 dark-code-diff-added = #89d185
 dark-code-diff-removed = #ff6b68
 dark-code-line-number = #666
+dark-code-wrap-line = dark-rule-strong
 // 暗い地の上のリンク色。旧 color-link（#258fb8）は 3.84 で AA 未満だった
 // （この地では 7.33）
 dark-code-link = #57c8eb
diff --git a/themes/future/css-src/highlight.styl b/themes/future/css-src/highlight.styl
index 3037bf7f614..ead52460be5 100644
--- a/themes/future/css-src/highlight.styl
+++ b/themes/future/css-src/highlight.styl
@@ -282,7 +282,7 @@ $line-numbers
           // 引く長さを始点より 2px 多く削るので、折り返していない行では
           // 長さが負になり線そのものが出ない
           wrap-line-top = ceil(font-size * leading-row)
-          background-image: linear-gradient(var(--code-comment), var(--code-comment))
+          background-image: linear-gradient(var(--code-wrap-line), var(--code-wrap-line))
           background-repeat: no-repeat
           background-size: 2px unquote('calc(100% - ' + (wrap-line-top + 2px) + ')')
           background-position: left 2px top wrap-line-top
diff --git a/themes/future/css-src/theme-styles.styl b/themes/future/css-src/theme-styles.styl
index c857050027e..1ba1092a343 100644
--- a/themes/future/css-src/theme-styles.styl
+++ b/themes/future/css-src/theme-styles.styl
@@ -103,6 +103,7 @@
   --code-diff-added: code-diff-added;
   --code-diff-removed: code-diff-removed;
   --code-line-number: code-line-number;
+  --code-wrap-line: code-wrap-line;
   --code-link: code-link;
   // note の中のコードブロックの地 (#3266)。その note の色を白で薄めた面。
   // 一段濃い側は中のインラインコードが持っているので、ブロックは反対側へ離す
@@ -188,6 +189,7 @@ dark-tokens()
   --code-diff-added: dark-code-diff-added;
   --code-diff-removed: dark-code-diff-removed;
   --code-line-number: dark-code-line-number;
+  --code-wrap-line: dark-code-wrap-line;
   --code-link: dark-code-link;
   --note-tip-codeblock: dark-code-block-bg;
   --note-info-codeblock: dark-code-block-bg;