Last active
August 22, 2024 03:28
-
-
Save mcthomas/ff33adf059b8b9b138d998c19b37f785 to your computer and use it in GitHub Desktop.
CSS snippet to color bezier connections between Obsidian canvas cards. The color assignments are meant for aesthetic (determined just by the y-position of the cards). Looks great with Quorafind/Obsidian-Canvas-MindMap.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| :root { | |
| --red: hsla(0deg, 70%, 50%, 0.55); | |
| --orange: hsla(30deg, 70%, 50%, 0.55); | |
| --yellow: hsla(60deg, 70%, 50%, 0.55); | |
| --green: hsla(90deg, 70%, 50%, 0.55); | |
| --cyan: hsla(120deg, 70%, 50%, 0.55); | |
| --blue: hsla(150deg, 70%, 50%, 0.55); | |
| --purple: hsla(180deg, 70%, 50%, 0.55); | |
| --magenta: hsla(210deg, 70%, 50%, 0.55); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-99"] { | |
| stroke: var(--green); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-98"] { | |
| stroke: var(--yellow); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-97"] { | |
| stroke: var(--orange); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-96"] { | |
| stroke: var(--red); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-95"] { | |
| stroke: var(--magenta); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-94"] { | |
| stroke: var(--purple); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-93"] { | |
| stroke: var(--blue); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-92"] { | |
| stroke: var(--cyan); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-91"] { | |
| stroke: var(--green); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-90"] { | |
| stroke: var(--yellow); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-89"] { | |
| stroke: var(--orange); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-88"] { | |
| stroke: var(--red); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-87"] { | |
| stroke: var(--magenta); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-86"] { | |
| stroke: var(--purple); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-85"] { | |
| stroke: var(--blue); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-84"] { | |
| stroke: var(--cyan); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-83"] { | |
| stroke: var(--green); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-82"] { | |
| stroke: var(--yellow); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-81"] { | |
| stroke: var(--orange); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-80"] { | |
| stroke: var(--red); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-79"] { | |
| stroke: var(--magenta); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-78"] { | |
| stroke: var(--purple); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-77"] { | |
| stroke: var(--blue); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-76"] { | |
| stroke: var(--cyan); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-75"] { | |
| stroke: var(--green); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-74"] { | |
| stroke: var(--yellow); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-73"] { | |
| stroke: var(--orange); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-72"] { | |
| stroke: var(--red); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-71"] { | |
| stroke: var(--magenta); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-70"] { | |
| stroke: var(--purple); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-69"] { | |
| stroke: var(--blue); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-68"] { | |
| stroke: var(--cyan); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-67"] { | |
| stroke: var(--green); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-66"] { | |
| stroke: var(--yellow); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-65"] { | |
| stroke: var(--orange); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-64"] { | |
| stroke: var(--red); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-63"] { | |
| stroke: var(--magenta); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-62"] { | |
| stroke: var(--purple); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-61"] { | |
| stroke: var(--blue); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-60"] { | |
| stroke: var(--cyan); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-59"] { | |
| stroke: var(--green); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-58"] { | |
| stroke: var(--yellow); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-57"] { | |
| stroke: var(--orange); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-56"] { | |
| stroke: var(--red); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-55"] { | |
| stroke: var(--magenta); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-54"] { | |
| stroke: var(--purple); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-53"] { | |
| stroke: var(--blue); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-52"] { | |
| stroke: var(--cyan); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-51"] { | |
| stroke: var(--green); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-50"] { | |
| stroke: var(--yellow); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-49"] { | |
| stroke: var(--orange); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-48"] { | |
| stroke: var(--red); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-47"] { | |
| stroke: var(--magenta); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-46"] { | |
| stroke: var(--purple); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-45"] { | |
| stroke: var(--blue); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-44"] { | |
| stroke: var(--cyan); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-43"] { | |
| stroke: var(--green); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-42"] { | |
| stroke: var(--yellow); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-41"] { | |
| stroke: var(--orange); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-40"] { | |
| stroke: var(--red); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-39"] { | |
| stroke: var(--magenta); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-38"] { | |
| stroke: var(--purple); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-37"] { | |
| stroke: var(--blue); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-36"] { | |
| stroke: var(--cyan); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-35"] { | |
| stroke: var(--green); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-34"] { | |
| stroke: var(--yellow); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-33"] { | |
| stroke: var(--orange); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-32"] { | |
| stroke: var(--red); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-31"] { | |
| stroke: var(--magenta); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-30"] { | |
| stroke: var(--purple); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-29"] { | |
| stroke: var(--blue); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-28"] { | |
| stroke: var(--cyan); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-27"] { | |
| stroke: var(--green); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-26"] { | |
| stroke: var(--yellow); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-25"] { | |
| stroke: var(--orange); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-24"] { | |
| stroke: var(--red); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-23"] { | |
| stroke: var(--magenta); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-22"] { | |
| stroke: var(--purple); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-21"] { | |
| stroke: var(--blue); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-20"] { | |
| stroke: var(--cyan); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-19"] { | |
| stroke: var(--green); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-18"] { | |
| stroke: var(--yellow); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-17"] { | |
| stroke: var(--orange); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-16"] { | |
| stroke: var(--red); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-15"] { | |
| stroke: var(--magenta); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-14"] { | |
| stroke: var(--purple); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-13"] { | |
| stroke: var(--blue); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-12"] { | |
| stroke: var(--cyan); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-11"] { | |
| stroke: var(--green); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-10"] { | |
| stroke: var(--yellow); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-9"] { | |
| stroke: var(--orange); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-8"] { | |
| stroke: var(--red); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-7"] { | |
| stroke: var(--magenta); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-6"] { | |
| stroke: var(--purple); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-5"] { | |
| stroke: var(--blue); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-4"] { | |
| stroke: var(--cyan); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-3"] { | |
| stroke: var(--green); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-2"] { | |
| stroke: var(--yellow); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="-1"] { | |
| stroke: var(--orange); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="0"] { | |
| stroke: var(--red); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="1"] { | |
| stroke: var(--orange); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="2"] { | |
| stroke: var(--yellow); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="3"] { | |
| stroke: var(--green); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="4"] { | |
| stroke: var(--cyan); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="5"] { | |
| stroke: var(--blue); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="6"] { | |
| stroke: var(--purple); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="7"] { | |
| stroke: var(--magenta); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="8"] { | |
| stroke: var(--red); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="9"] { | |
| stroke: var(--orange); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="10"] { | |
| stroke: var(--yellow); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="11"] { | |
| stroke: var(--green); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="12"] { | |
| stroke: var(--cyan); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="13"] { | |
| stroke: var(--blue); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="14"] { | |
| stroke: var(--purple); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="15"] { | |
| stroke: var(--magenta); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="16"] { | |
| stroke: var(--red); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="17"] { | |
| stroke: var(--orange); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="18"] { | |
| stroke: var(--yellow); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="19"] { | |
| stroke: var(--green); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="20"] { | |
| stroke: var(--cyan); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="21"] { | |
| stroke: var(--blue); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="22"] { | |
| stroke: var(--purple); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="23"] { | |
| stroke: var(--magenta); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="24"] { | |
| stroke: var(--red); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="25"] { | |
| stroke: var(--orange); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="26"] { | |
| stroke: var(--yellow); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="27"] { | |
| stroke: var(--green); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="28"] { | |
| stroke: var(--cyan); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="29"] { | |
| stroke: var(--blue); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="30"] { | |
| stroke: var(--purple); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="31"] { | |
| stroke: var(--magenta); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="32"] { | |
| stroke: var(--red); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="33"] { | |
| stroke: var(--orange); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="34"] { | |
| stroke: var(--yellow); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="35"] { | |
| stroke: var(--green); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="36"] { | |
| stroke: var(--cyan); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="37"] { | |
| stroke: var(--blue); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="38"] { | |
| stroke: var(--purple); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="39"] { | |
| stroke: var(--magenta); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="40"] { | |
| stroke: var(--red); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="41"] { | |
| stroke: var(--orange); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="42"] { | |
| stroke: var(--yellow); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="43"] { | |
| stroke: var(--green); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="44"] { | |
| stroke: var(--cyan); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="45"] { | |
| stroke: var(--blue); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="46"] { | |
| stroke: var(--purple); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="47"] { | |
| stroke: var(--magenta); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="48"] { | |
| stroke: var(--red); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="49"] { | |
| stroke: var(--orange); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="50"] { | |
| stroke: var(--yellow); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="51"] { | |
| stroke: var(--green); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="52"] { | |
| stroke: var(--cyan); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="53"] { | |
| stroke: var(--blue); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="54"] { | |
| stroke: var(--purple); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="55"] { | |
| stroke: var(--magenta); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="56"] { | |
| stroke: var(--red); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="57"] { | |
| stroke: var(--orange); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="58"] { | |
| stroke: var(--yellow); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="59"] { | |
| stroke: var(--green); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="60"] { | |
| stroke: var(--cyan); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="61"] { | |
| stroke: var(--blue); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="62"] { | |
| stroke: var(--purple); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="63"] { | |
| stroke: var(--magenta); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="64"] { | |
| stroke: var(--red); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="65"] { | |
| stroke: var(--orange); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="66"] { | |
| stroke: var(--yellow); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="67"] { | |
| stroke: var(--green); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="68"] { | |
| stroke: var(--cyan); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="69"] { | |
| stroke: var(--blue); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="70"] { | |
| stroke: var(--purple); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="71"] { | |
| stroke: var(--magenta); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="72"] { | |
| stroke: var(--red); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="73"] { | |
| stroke: var(--orange); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="74"] { | |
| stroke: var(--yellow); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="75"] { | |
| stroke: var(--green); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="76"] { | |
| stroke: var(--cyan); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="77"] { | |
| stroke: var(--blue); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="78"] { | |
| stroke: var(--purple); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="79"] { | |
| stroke: var(--magenta); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="80"] { | |
| stroke: var(--red); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="81"] { | |
| stroke: var(--orange); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="82"] { | |
| stroke: var(--yellow); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="83"] { | |
| stroke: var(--green); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="84"] { | |
| stroke: var(--cyan); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="85"] { | |
| stroke: var(--blue); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="86"] { | |
| stroke: var(--purple); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="87"] { | |
| stroke: var(--magenta); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="88"] { | |
| stroke: var(--red); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="89"] { | |
| stroke: var(--orange); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="90"] { | |
| stroke: var(--yellow); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="91"] { | |
| stroke: var(--green); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="92"] { | |
| stroke: var(--cyan); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="93"] { | |
| stroke: var(--blue); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="94"] { | |
| stroke: var(--purple); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="95"] { | |
| stroke: var(--magenta); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="96"] { | |
| stroke: var(--red); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="97"] { | |
| stroke: var(--orange); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="98"] { | |
| stroke: var(--yellow); | |
| } | |
| .canvas-edges:not(.is-themed) path.canvas-display-path[d$="99"] { | |
| stroke: var(--green); | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment