imported>Matrix: Add dark mode compatibility via design tokens (via WP:JWB)

2024-10-12T14:43:52Z

Add dark mode compatibility via design tokens (via WP:JWB)

New page

{| class="wikitable nounderlines" style="border-collapse:collapse;background:var(--background-color-base,#fff);color:inherit;font-size:large;text-align:center"
| colspan="17" style="background:var(--background-color-neutral-subtle,#f8f9fa);color:inherit;font-size:small" | '''[[Box Drawing]]'''{{ref label|U2500_as_of_Unicode_version|1}}<br />[https://www.unicode.org/charts/PDF/U2500.pdf Official Unicode Consortium code chart] (PDF)
|-style="background:var(--background-color-neutral-subtle,#f8f9fa);color:inherit;font-size:small"
| style="width:45pt" |   || style="width:20pt" | 0 || style="width:20pt" | 1 || style="width:20pt" | 2 || style="width:20pt" | 3 || style="width:20pt" | 4 || style="width:20pt" | 5 || style="width:20pt" | 6 || style="width:20pt" | 7 || style="width:20pt" | 8 || style="width:20pt" | 9 || style="width:20pt" | A || style="width:20pt" | B || style="width:20pt" | C || style="width:20pt" | D || style="width:20pt" | E || style="width:20pt" | F
|-
| style="background:var(--background-color-neutral-subtle,#f8f9fa);color:inherit;font-size:small" | U+250x
| title="U+2500: BOX DRAWINGS LIGHT HORIZONTAL" | ─
| title="U+2501: BOX DRAWINGS HEAVY HORIZONTAL" | ━
| title="U+2502: BOX DRAWINGS LIGHT VERTICAL" | │
| title="U+2503: BOX DRAWINGS HEAVY VERTICAL" | ┃
| title="U+2504: BOX DRAWINGS LIGHT TRIPLE DASH HORIZONTAL" | ┄
| title="U+2505: BOX DRAWINGS HEAVY TRIPLE DASH HORIZONTAL" | ┅
| title="U+2506: BOX DRAWINGS LIGHT TRIPLE DASH VERTICAL" | ┆
| title="U+2507: BOX DRAWINGS HEAVY TRIPLE DASH VERTICAL" | ┇
| title="U+2508: BOX DRAWINGS LIGHT QUADRUPLE DASH HORIZONTAL" | ┈
| title="U+2509: BOX DRAWINGS HEAVY QUADRUPLE DASH HORIZONTAL" | ┉
| title="U+250A: BOX DRAWINGS LIGHT QUADRUPLE DASH VERTICAL" | ┊
| title="U+250B: BOX DRAWINGS HEAVY QUADRUPLE DASH VERTICAL" | ┋
| title="U+250C: BOX DRAWINGS LIGHT DOWN AND RIGHT" | ┌
| title="U+250D: BOX DRAWINGS DOWN LIGHT AND RIGHT HEAVY" | ┍
| title="U+250E: BOX DRAWINGS DOWN HEAVY AND RIGHT LIGHT" | ┎
| title="U+250F: BOX DRAWINGS HEAVY DOWN AND RIGHT" | ┏
|-
| style="background:var(--background-color-neutral-subtle,#f8f9fa);color:inherit;font-size:small" | U+251x
| title="U+2510: BOX DRAWINGS LIGHT DOWN AND LEFT" | ┐
| title="U+2511: BOX DRAWINGS DOWN LIGHT AND LEFT HEAVY" | ┑
| title="U+2512: BOX DRAWINGS DOWN HEAVY AND LEFT LIGHT" | ┒
| title="U+2513: BOX DRAWINGS HEAVY DOWN AND LEFT" | ┓
| title="U+2514: BOX DRAWINGS LIGHT UP AND RIGHT" | └
| title="U+2515: BOX DRAWINGS UP LIGHT AND RIGHT HEAVY" | ┕
| title="U+2516: BOX DRAWINGS UP HEAVY AND RIGHT LIGHT" | ┖
| title="U+2517: BOX DRAWINGS HEAVY UP AND RIGHT" | ┗
| title="U+2518: BOX DRAWINGS LIGHT UP AND LEFT" | ┘
| title="U+2519: BOX DRAWINGS UP LIGHT AND LEFT HEAVY" | ┙
| title="U+251A: BOX DRAWINGS UP HEAVY AND LEFT LIGHT" | ┚
| title="U+251B: BOX DRAWINGS HEAVY UP AND LEFT" | ┛
| title="U+251C: BOX DRAWINGS LIGHT VERTICAL AND RIGHT" | ├
| title="U+251D: BOX DRAWINGS VERTICAL LIGHT AND RIGHT HEAVY" | ┝
| title="U+251E: BOX DRAWINGS UP HEAVY AND RIGHT DOWN LIGHT" | ┞
| title="U+251F: BOX DRAWINGS DOWN HEAVY AND RIGHT UP LIGHT" | ┟
|-
| style="background:var(--background-color-neutral-subtle,#f8f9fa);color:inherit;font-size:small" | U+252x
| title="U+2520: BOX DRAWINGS VERTICAL HEAVY AND RIGHT LIGHT" | ┠
| title="U+2521: BOX DRAWINGS DOWN LIGHT AND RIGHT UP HEAVY" | ┡
| title="U+2522: BOX DRAWINGS UP LIGHT AND RIGHT DOWN HEAVY" | ┢
| title="U+2523: BOX DRAWINGS HEAVY VERTICAL AND RIGHT" | ┣
| title="U+2524: BOX DRAWINGS LIGHT VERTICAL AND LEFT" | ┤
| title="U+2525: BOX DRAWINGS VERTICAL LIGHT AND LEFT HEAVY" | ┥
| title="U+2526: BOX DRAWINGS UP HEAVY AND LEFT DOWN LIGHT" | ┦
| title="U+2527: BOX DRAWINGS DOWN HEAVY AND LEFT UP LIGHT" | ┧
| title="U+2528: BOX DRAWINGS VERTICAL HEAVY AND LEFT LIGHT" | ┨
| title="U+2529: BOX DRAWINGS DOWN LIGHT AND LEFT UP HEAVY" | ┩
| title="U+252A: BOX DRAWINGS UP LIGHT AND LEFT DOWN HEAVY" | ┪
| title="U+252B: BOX DRAWINGS HEAVY VERTICAL AND LEFT" | ┫
| title="U+252C: BOX DRAWINGS LIGHT DOWN AND HORIZONTAL" | ┬
| title="U+252D: BOX DRAWINGS LEFT HEAVY AND RIGHT DOWN LIGHT" | ┭
| title="U+252E: BOX DRAWINGS RIGHT HEAVY AND LEFT DOWN LIGHT" | ┮
| title="U+252F: BOX DRAWINGS DOWN LIGHT AND HORIZONTAL HEAVY" | ┯
|-
| style="background:var(--background-color-neutral-subtle,#f8f9fa);color:inherit;font-size:small" | U+253x
| title="U+2530: BOX DRAWINGS DOWN HEAVY AND HORIZONTAL LIGHT" | ┰
| title="U+2531: BOX DRAWINGS RIGHT LIGHT AND LEFT DOWN HEAVY" | ┱
| title="U+2532: BOX DRAWINGS LEFT LIGHT AND RIGHT DOWN HEAVY" | ┲
| title="U+2533: BOX DRAWINGS HEAVY DOWN AND HORIZONTAL" | ┳
| title="U+2534: BOX DRAWINGS LIGHT UP AND HORIZONTAL" | ┴
| title="U+2535: BOX DRAWINGS LEFT HEAVY AND RIGHT UP LIGHT" | ┵
| title="U+2536: BOX DRAWINGS RIGHT HEAVY AND LEFT UP LIGHT" | ┶
| title="U+2537: BOX DRAWINGS UP LIGHT AND HORIZONTAL HEAVY" | ┷
| title="U+2538: BOX DRAWINGS UP HEAVY AND HORIZONTAL LIGHT" | ┸
| title="U+2539: BOX DRAWINGS RIGHT LIGHT AND LEFT UP HEAVY" | ┹
| title="U+253A: BOX DRAWINGS LEFT LIGHT AND RIGHT UP HEAVY" | ┺
| title="U+253B: BOX DRAWINGS HEAVY UP AND HORIZONTAL" | ┻
| title="U+253C: BOX DRAWINGS LIGHT VERTICAL AND HORIZONTAL" | ┼
| title="U+253D: BOX DRAWINGS LEFT HEAVY AND RIGHT VERTICAL LIGHT" | ┽
| title="U+253E: BOX DRAWINGS RIGHT HEAVY AND LEFT VERTICAL LIGHT" | ┾
| title="U+253F: BOX DRAWINGS VERTICAL LIGHT AND HORIZONTAL HEAVY" | ┿
|-
| style="background:var(--background-color-neutral-subtle,#f8f9fa);color:inherit;font-size:small" | U+254x
| title="U+2540: BOX DRAWINGS UP HEAVY AND DOWN HORIZONTAL LIGHT" | ╀
| title="U+2541: BOX DRAWINGS DOWN HEAVY AND UP HORIZONTAL LIGHT" | ╁
| title="U+2542: BOX DRAWINGS VERTICAL HEAVY AND HORIZONTAL LIGHT" | ╂
| title="U+2543: BOX DRAWINGS LEFT UP HEAVY AND RIGHT DOWN LIGHT" | ╃
| title="U+2544: BOX DRAWINGS RIGHT UP HEAVY AND LEFT DOWN LIGHT" | ╄
| title="U+2545: BOX DRAWINGS LEFT DOWN HEAVY AND RIGHT UP LIGHT" | ╅
| title="U+2546: BOX DRAWINGS RIGHT DOWN HEAVY AND LEFT UP LIGHT" | ╆
| title="U+2547: BOX DRAWINGS DOWN LIGHT AND UP HORIZONTAL HEAVY" | ╇
| title="U+2548: BOX DRAWINGS UP LIGHT AND DOWN HORIZONTAL HEAVY" | ╈
| title="U+2549: BOX DRAWINGS RIGHT LIGHT AND LEFT VERTICAL HEAVY" | ╉
| title="U+254A: BOX DRAWINGS LEFT LIGHT AND RIGHT VERTICAL HEAVY" | ╊
| title="U+254B: BOX DRAWINGS HEAVY VERTICAL AND HORIZONTAL" | ╋
| title="U+254C: BOX DRAWINGS LIGHT DOUBLE DASH HORIZONTAL" | ╌
| title="U+254D: BOX DRAWINGS HEAVY DOUBLE DASH HORIZONTAL" | ╍
| title="U+254E: BOX DRAWINGS LIGHT DOUBLE DASH VERTICAL" | ╎
| title="U+254F: BOX DRAWINGS HEAVY DOUBLE DASH VERTICAL" | ╏
|-
| style="background:var(--background-color-neutral-subtle,#f8f9fa);color:inherit;font-size:small" | U+255x
| title="U+2550: BOX DRAWINGS DOUBLE HORIZONTAL" | ═
| title="U+2551: BOX DRAWINGS DOUBLE VERTICAL" | ║
| title="U+2552: BOX DRAWINGS DOWN SINGLE AND RIGHT DOUBLE" | ╒
| title="U+2553: BOX DRAWINGS DOWN DOUBLE AND RIGHT SINGLE" | ╓
| title="U+2554: BOX DRAWINGS DOUBLE DOWN AND RIGHT" | ╔
| title="U+2555: BOX DRAWINGS DOWN SINGLE AND LEFT DOUBLE" | ╕
| title="U+2556: BOX DRAWINGS DOWN DOUBLE AND LEFT SINGLE" | ╖
| title="U+2557: BOX DRAWINGS DOUBLE DOWN AND LEFT" | ╗
| title="U+2558: BOX DRAWINGS UP SINGLE AND RIGHT DOUBLE" | ╘
| title="U+2559: BOX DRAWINGS UP DOUBLE AND RIGHT SINGLE" | ╙
| title="U+255A: BOX DRAWINGS DOUBLE UP AND RIGHT" | ╚
| title="U+255B: BOX DRAWINGS UP SINGLE AND LEFT DOUBLE" | ╛
| title="U+255C: BOX DRAWINGS UP DOUBLE AND LEFT SINGLE" | ╜
| title="U+255D: BOX DRAWINGS DOUBLE UP AND LEFT" | ╝
| title="U+255E: BOX DRAWINGS VERTICAL SINGLE AND RIGHT DOUBLE" | ╞
| title="U+255F: BOX DRAWINGS VERTICAL DOUBLE AND RIGHT SINGLE" | ╟
|-
| style="background:var(--background-color-neutral-subtle,#f8f9fa);color:inherit;font-size:small" | U+256x
| title="U+2560: BOX DRAWINGS DOUBLE VERTICAL AND RIGHT" | ╠
| title="U+2561: BOX DRAWINGS VERTICAL SINGLE AND LEFT DOUBLE" | ╡
| title="U+2562: BOX DRAWINGS VERTICAL DOUBLE AND LEFT SINGLE" | ╢
| title="U+2563: BOX DRAWINGS DOUBLE VERTICAL AND LEFT" | ╣
| title="U+2564: BOX DRAWINGS DOWN SINGLE AND HORIZONTAL DOUBLE" | ╤
| title="U+2565: BOX DRAWINGS DOWN DOUBLE AND HORIZONTAL SINGLE" | ╥
| title="U+2566: BOX DRAWINGS DOUBLE DOWN AND HORIZONTAL" | ╦
| title="U+2567: BOX DRAWINGS UP SINGLE AND HORIZONTAL DOUBLE" | ╧
| title="U+2568: BOX DRAWINGS UP DOUBLE AND HORIZONTAL SINGLE" | ╨
| title="U+2569: BOX DRAWINGS DOUBLE UP AND HORIZONTAL" | ╩
| title="U+256A: BOX DRAWINGS VERTICAL SINGLE AND HORIZONTAL DOUBLE" | ╪
| title="U+256B: BOX DRAWINGS VERTICAL DOUBLE AND HORIZONTAL SINGLE" | ╫
| title="U+256C: BOX DRAWINGS DOUBLE VERTICAL AND HORIZONTAL" | ╬
| title="U+256D: BOX DRAWINGS LIGHT ARC DOWN AND RIGHT" | ╭
| title="U+256E: BOX DRAWINGS LIGHT ARC DOWN AND LEFT" | ╮
| title="U+256F: BOX DRAWINGS LIGHT ARC UP AND LEFT" | ╯
|-
| style="background:var(--background-color-neutral-subtle,#f8f9fa);color:inherit;font-size:small" | U+257x
| title="U+2570: BOX DRAWINGS LIGHT ARC UP AND RIGHT" | ╰
| title="U+2571: BOX DRAWINGS LIGHT DIAGONAL UPPER RIGHT TO LOWER LEFT" | ╱
| title="U+2572: BOX DRAWINGS LIGHT DIAGONAL UPPER LEFT TO LOWER RIGHT" | ╲
| title="U+2573: BOX DRAWINGS LIGHT DIAGONAL CROSS" | ╳
| title="U+2574: BOX DRAWINGS LIGHT LEFT" | ╴
| title="U+2575: BOX DRAWINGS LIGHT UP" | ╵
| title="U+2576: BOX DRAWINGS LIGHT RIGHT" | ╶
| title="U+2577: BOX DRAWINGS LIGHT DOWN" | ╷
| title="U+2578: BOX DRAWINGS HEAVY LEFT" | ╸
| title="U+2579: BOX DRAWINGS HEAVY UP" | ╹
| title="U+257A: BOX DRAWINGS HEAVY RIGHT" | ╺
| title="U+257B: BOX DRAWINGS HEAVY DOWN" | ╻
| title="U+257C: BOX DRAWINGS LIGHT LEFT AND HEAVY RIGHT" | ╼
| title="U+257D: BOX DRAWINGS LIGHT UP AND HEAVY DOWN" | ╽
| title="U+257E: BOX DRAWINGS HEAVY LEFT AND LIGHT RIGHT" | ╾
| title="U+257F: BOX DRAWINGS HEAVY UP AND LIGHT DOWN" | ╿
|-
| colspan="17" style="background:var(--background-color-neutral-subtle,#f8f9fa);color:inherit;font-size:small;text-align:left" | '''Notes'''
:1.{{note|U2500_as_of_Unicode_version}}{{Unicode version|prefix=Asof|version=16.0}}
|}<noinclude>
{{documentation|template:Unicode chart/block documentation}}
</noinclude>

Template:Unicode chart Box Drawing - Revision history

imported>Matrix: Add dark mode compatibility via design tokens (via WP:JWB)