persunraveltorch.draw.css

persunraveltorch.draw.css.DARK_SCHEME = '.tint-blue {\n    color: #0A84FF;\n}\n.tint-green {\n    color: #30D158;\n}\n.tint-indigo {\n    color: #6b67f3;\n}\n.tint-orange {\n    color: #FF9F0A;\n}\n.tint-pink {\n    color: #FF375F;\n}\n.tint-purple {\n    color: #BF5AF2;\n}\n.tint-red {\n    color: #FF453A;\n}\n.tint-teal {\n    color: #64D2FF;\n}\n.tint-yellow {\n    color: #FFD60A;\n}\n\n.shade-000 {\n    color: #FFFFFF;\n}\n.shade-005 {\n    color: #F4F4F4;\n}\n.shade-010 {\n    color: #E8E8E8;\n}\n.shade-015 {\n    color: #DDDDDD;\n}\n.shade-020 {\n    color: #D2D2D2;\n}\n.shade-025 {\n    color: #C7C7C7;\n}\n.shade-030 {\n    color: #BCBCBC;\n}\n.shade-035 {\n    color: #B0B0B0;\n}\n.shade-040 {\n    color: #A5A5A5;\n}\n.shade-045 {\n    color: #9A9A9A;\n}\n.shade-050 {\n    color: #8E8E8E;\n}\n.shade-055 {\n    color: #838383;\n}\n.shade-060 {\n    color: #787878;\n}\n.shade-065 {\n    color: #6D6D6D;\n}\n.shade-070 {\n    color: #626262;\n}\n.shade-075 {\n    color: #565656;\n}\n.shade-080 {\n    color: #4B4B4B;\n}\n.shade-085 {\n    color: #404040;\n}\n.shade-090 {\n    color: #343434;\n}\n.shade-095 {\n    color: #292929;\n}\n.shade-100 {\n    color: #1E1E1E;\n}\n'

CSS styles for a dark color scheme.

Type:

str

persunraveltorch.draw.css.LIGHT_DARK_SCHEME = '.tint-blue {\n    color: #007AFF;\n}\n.tint-green {\n    color: #34C759;\n}\n.tint-indigo {\n    color: #5856D6;\n}\n.tint-orange {\n    color: #FF9500;\n}\n.tint-pink {\n    color: #FF2D55;\n}\n.tint-purple {\n    color: #AF52DE;\n}\n.tint-red {\n    color: #FF3B30;\n}\n.tint-teal {\n    color: #5AC8FA;\n}\n.tint-yellow {\n    color: #DEAE00;\n}\n\n.shade-000 {\n    color: #000000;\n}\n.shade-005 {\n    color: #0D0D0D;\n}\n.shade-010 {\n    color: #1A1A1A;\n}\n.shade-015 {\n    color: #262626;\n}\n.shade-020 {\n    color: #333333;\n}\n.shade-025 {\n    color: #404040;\n}\n.shade-030 {\n    color: #4C4C4C;\n}\n.shade-035 {\n    color: #595959;\n}\n.shade-040 {\n    color: #666666;\n}\n.shade-045 {\n    color: #737373;\n}\n.shade-050 {\n    color: #808080;\n}\n.shade-055 {\n    color: #8C8C8C;\n}\n.shade-060 {\n    color: #999999;\n}\n.shade-065 {\n    color: #A6A6A6;\n}\n.shade-070 {\n    color: #B2B2B2;\n}\n.shade-075 {\n    color: #BFBFBF;\n}\n.shade-080 {\n    color: #CCCCCC;\n}\n.shade-085 {\n    color: #D9D9D9;\n}\n.shade-090 {\n    color: #E6E6E6;\n}\n.shade-095 {\n    color: #F2F2F2;\n}\n.shade-100 {\n    color: #FFFFFF;\n}\n @media (prefers-color-scheme: dark) { .tint-blue {\n    color: #0A84FF;\n}\n.tint-green {\n    color: #30D158;\n}\n.tint-indigo {\n    color: #6b67f3;\n}\n.tint-orange {\n    color: #FF9F0A;\n}\n.tint-pink {\n    color: #FF375F;\n}\n.tint-purple {\n    color: #BF5AF2;\n}\n.tint-red {\n    color: #FF453A;\n}\n.tint-teal {\n    color: #64D2FF;\n}\n.tint-yellow {\n    color: #FFD60A;\n}\n\n.shade-000 {\n    color: #FFFFFF;\n}\n.shade-005 {\n    color: #F4F4F4;\n}\n.shade-010 {\n    color: #E8E8E8;\n}\n.shade-015 {\n    color: #DDDDDD;\n}\n.shade-020 {\n    color: #D2D2D2;\n}\n.shade-025 {\n    color: #C7C7C7;\n}\n.shade-030 {\n    color: #BCBCBC;\n}\n.shade-035 {\n    color: #B0B0B0;\n}\n.shade-040 {\n    color: #A5A5A5;\n}\n.shade-045 {\n    color: #9A9A9A;\n}\n.shade-050 {\n    color: #8E8E8E;\n}\n.shade-055 {\n    color: #838383;\n}\n.shade-060 {\n    color: #787878;\n}\n.shade-065 {\n    color: #6D6D6D;\n}\n.shade-070 {\n    color: #626262;\n}\n.shade-075 {\n    color: #565656;\n}\n.shade-080 {\n    color: #4B4B4B;\n}\n.shade-085 {\n    color: #404040;\n}\n.shade-090 {\n    color: #343434;\n}\n.shade-095 {\n    color: #292929;\n}\n.shade-100 {\n    color: #1E1E1E;\n}\n }'

CSS styles combining light and dark schemes with media query.

Type:

str

persunraveltorch.draw.css.LIGHT_SCHEME = '.tint-blue {\n    color: #007AFF;\n}\n.tint-green {\n    color: #34C759;\n}\n.tint-indigo {\n    color: #5856D6;\n}\n.tint-orange {\n    color: #FF9500;\n}\n.tint-pink {\n    color: #FF2D55;\n}\n.tint-purple {\n    color: #AF52DE;\n}\n.tint-red {\n    color: #FF3B30;\n}\n.tint-teal {\n    color: #5AC8FA;\n}\n.tint-yellow {\n    color: #DEAE00;\n}\n\n.shade-000 {\n    color: #000000;\n}\n.shade-005 {\n    color: #0D0D0D;\n}\n.shade-010 {\n    color: #1A1A1A;\n}\n.shade-015 {\n    color: #262626;\n}\n.shade-020 {\n    color: #333333;\n}\n.shade-025 {\n    color: #404040;\n}\n.shade-030 {\n    color: #4C4C4C;\n}\n.shade-035 {\n    color: #595959;\n}\n.shade-040 {\n    color: #666666;\n}\n.shade-045 {\n    color: #737373;\n}\n.shade-050 {\n    color: #808080;\n}\n.shade-055 {\n    color: #8C8C8C;\n}\n.shade-060 {\n    color: #999999;\n}\n.shade-065 {\n    color: #A6A6A6;\n}\n.shade-070 {\n    color: #B2B2B2;\n}\n.shade-075 {\n    color: #BFBFBF;\n}\n.shade-080 {\n    color: #CCCCCC;\n}\n.shade-085 {\n    color: #D9D9D9;\n}\n.shade-090 {\n    color: #E6E6E6;\n}\n.shade-095 {\n    color: #F2F2F2;\n}\n.shade-100 {\n    color: #FFFFFF;\n}\n'

CSS styles for a light color scheme.

Type:

str

persunraveltorch.draw.css.POLYLINE = '.unravelled-diagrams polyline {\n    fill: none;\n}\n\n.unravelled-diagrams polyline:nth-of-type(odd) {\n    marker: url(#marker-disc);\n}\n\n.unravelled-diagrams polyline:nth-of-type(even) {\n    marker: url(#marker-x);\n}\n'

CSS styles for <polyline> elements.

Type:

str