demo_doc/puml/minty/state-ex.svg

834 lines
28 KiB
XML
Raw Permalink Normal View History

2021-06-25 21:37:59 +08:00
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentScriptType="application/ecmascript" contentStyleType="text/css" height="1179.1667px" preserveAspectRatio="none" style="width:350px;height:1179px;background:#00000000;" version="1.1" viewBox="0 0 350 1179" width="350px" zoomAndPan="magnify"><defs><linearGradient id="g1nkul7n6j2e6c0" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#F4A1A4"/><stop offset="100%" stop-color="#F3969A"/></linearGradient></defs><g><rect fill="url(#g1nkul7n6j2e6c0)" height="46.1528" rx="4.1667" ry="4.1667" style="stroke:#DB878B;stroke-width:1.0416666666666667;" width="337.5" x="2.0833" y="2.0833"/><text fill="#6CAF9C" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="310.4167" x="15.625" y="33.4452">State Diagram - minty theme</text><rect fill="#56CC9D" height="8.3333" style="stroke:none;stroke-width:1.0416666666666667;" width="83.3333" x="135.4167" y="141.9861"/><ellipse cx="177.0833" cy="68.0278" fill="#6CC3D5" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="State2"><rect fill="#86C8B5" height="56.8583" rx="13.0208" ry="13.0208" style="stroke:#78C2AD;stroke-width:1.5625;" width="75" x="84.375" y="213.8611"/><line style="stroke:#78C2AD;stroke-width:1.5625;" x1="84.375" x2="159.375" y1="249.8861" y2="249.8861"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="100" y="236.8449">State2</text></g><g id="State3"><rect fill="#86C8B5" height="56.8583" rx="13.0208" ry="13.0208" style="stroke:#78C2AD;stroke-width:1.5625;" width="75" x="202.0833" y="213.8611"/><line style="stroke:#78C2AD;stroke-width:1.5625;" x1="202.0833" x2="277.0833" y1="249.8861" y2="249.8861"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="217.7083" y="236.8449">State3</text></g><rect fill="#56CC9D" height="8.3333" style="stroke:none;stroke-width:1.0416666666666667;" width="83.3333" x="136.4583" y="360.7361"/><g id="State4"><rect fill="#86C8B5" height="56.8583" rx="13.0208" ry="13.0208" style="stroke:#78C2AD;stroke-width:1.5625;" width="75" x="140.625" y="432.6111"/><line style="stroke:#78C2AD;stroke-width:1.5625;" x1="140.625" x2="215.625" y1="468.6361" y2="468.6361"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="156.25" y="455.5949">State4</text></g><rect fill="#86C8B5" height="620.1416" rx="13.0208" ry="13.0208" style="stroke:#78C2AD;stroke-width:1.5625;" width="326.0417" x="15.1042" y="553.4444"/><rect height="577.8666" rx="13.0208" ry="13.0208" style="stroke:#00000000;stroke-width:1.0416666666666667;fill:none;" width="319.7917" x="18.2292" y="592.5944"/><line style="stroke:#78C2AD;stroke-width:1.5625;fill:none;" x1="15.1042" x2="341.1458" y1="589.4694" y2="589.4694"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="38.5417" x="158.8542" y="576.4282">Active</text><ellipse cx="36.9792" cy="630.6152" fill="#6CC3D5" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="Active.NumLockOff"><rect fill="#86C8B5" height="56.8583" rx="13.0208" ry="13.0208" style="stroke:#78C2AD;stroke-width:1.5625;" width="108.3333" x="66.1458" y="601.9694"/><line style="stroke:#78C2AD;stroke-width:1.5625;" x1="66.1458" x2="174.4792" y1="637.9944" y2="637.9944"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="77.0833" x="81.7708" y="624.9532">NumLockOff</text></g><g id="Active.NumLockOn"><rect fill="#86C8B5" height="56.8583" rx="13.0208" ry="13.0208" style="stroke:#78C2AD;stroke-width:1.5625;" width="108.3333" x="65.1042" y="723.8444"/><line style="stroke:#78C2AD;stroke-width:1.5625;" x1="65.1042" x2="173.4375" y1="759.8694" y2="759.8694"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="77.0833" x="80.7292" y="746.8282">NumLockOn</text></g><
link *start*Active to NumLockOff--><path d="M47.3958,630.6152 C51.7396,630.6152 56.0729,630.6152 60.4167,630.6152 " fill="none" id="*start*Active-to-NumLockOff" style="stroke:#78C2AD;stroke-width:3.125;"/><polygon fill="#78C2AD" points="65.9063,630.6152,56.5313,626.4486,60.6979,630.6152,56.5313,634.7819,65.9063,630.6152" style="stroke:#78C2AD;stroke-width:3.125;"/><!--MD5=[b6ef3c088f5474ecc81df30475e7d61b]
link NumLockOff to NumLockOn--><path d="M65.8958,657.3652 C53.375,664.4277 42.6563,671.834 39.0625,678.0111 C33.0208,688.4173 33.0417,694.6673 39.0625,705.0944 C44.1458,713.9069 51.625,721.1986 59.9896,727.1777 " fill="none" id="NumLockOff-to-NumLockOn" style="stroke:#78C2AD;stroke-width:3.125;"/><polygon fill="#78C2AD" points="64.7188,730.3652,59.2846,721.6634,60.4036,727.4488,54.6182,728.5677,64.7188,730.3652" style="stroke:#78C2AD;stroke-width:3.125;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="127.0833" x="45.3125" y="696.8282">EvNumLockPressed</text><!--MD5=[3bfddee0d82dc74c927fbeb3d3f2e6a3]
link NumLockOn to NumLockOff--><path d="M164.625,723.6673 C170.2813,718.2298 175.2604,712.0319 178.6458,705.0944 C183.9271,694.2715 183.875,688.8548 178.6458,678.0111 C176.0625,672.6569 172.5313,667.7402 168.4688,663.2611 " fill="none" id="NumLockOn-to-NumLockOff" style="stroke:#78C2AD;stroke-width:3.125;"/><polygon fill="#78C2AD" points="164.6042,659.2715,168.1321,668.905,168.2271,663.0132,174.1189,663.1083,164.6042,659.2715" style="stroke:#78C2AD;stroke-width:3.125;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="127.0833" x="189.0625" y="696.8282">EvNumLockPressed</text><line style="stroke:#78C2AD;stroke-width:1.5625;stroke-dasharray:8.0,10.0;" x1="20.3125" x2="333.8542" y1="785.9111" y2="785.9111"/><ellipse cx="36.9792" cy="821.8486" fill="#6CC3D5" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="Active.CONC87.CapsLockOff"><rect fill="#86C8B5" height="56.8583" rx="13.0208" ry="13.0208" style="stroke:#78C2AD;stroke-width:1.5625;" width="112.5" x="66.1458" y="793.2027"/><line style="stroke:#78C2AD;stroke-width:1.5625;" x1="66.1458" x2="178.6458" y1="829.2277" y2="829.2277"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="81.25" x="81.7708" y="816.1865">CapsLockOff</text></g><g id="Active.CONC87.CapsLockOn"><rect fill="#86C8B5" height="56.8583" rx="13.0208" ry="13.0208" style="stroke:#78C2AD;stroke-width:1.5625;" width="112.5" x="65.1042" y="915.0777"/><line style="stroke:#78C2AD;stroke-width:1.5625;" x1="65.1042" x2="177.6042" y1="951.1027" y2="951.1027"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="81.25" x="80.7292" y="938.0615">CapsLockOn</text></g><!--MD5=[70bdb58272bc1a7d9e9d21dfe0316432]
link *start*CONC87 to CapsLockOff--><path d="M47.6563,821.8486 C51.9688,821.8486 56.2813,821.8486 60.5938,821.8486 " fill="none" id="*start*CONC87-to-CapsLockOff" style="stroke:#78C2AD;stroke-width:3.125;"/><polygon fill="#78C2AD" points="66.0521,821.8486,56.6771,817.6819,60.8438,821.8486,56.6771,826.0152,66.0521,821.8486" style="stroke:#78C2AD;stroke-width:3.125;"/><!--MD5=[dc4675bd3056f3ef68701d9e8e02a3f3]
link CapsLockOff to CapsLockOn--><path d="M65.7292,848.9423 C53.2604,855.859 42.6667,863.109 39.0625,869.2444 C32.9583,879.6194 32.9896,885.9319 39.0625,896.3277 C44.2292,905.1715 51.7708,912.4527 60.2188,918.4111 " fill="none" id="CapsLockOff-to-CapsLockOn" style="stroke:#78C2AD;stroke-width:3.125;"/><polygon fill="#78C2AD" points="65,921.5881,59.5108,912.9209,60.6664,918.6991,54.8883,919.8547,65,921.5881" style="stroke:#78C2AD;stroke-width:3.125;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="45.3125" y="888.0615">EvCapsLockPressed</text><!--MD5=[79e17b083e07746bd1a647600952cab6]
link CapsLockOn to CapsLockOff--><path d="M168.5729,914.8381 C174.3125,909.4423 179.3542,903.2652 182.8125,896.3277 C188.1771,885.5569 188.1354,880.0361 182.8125,869.2444 C180.1667,863.8902 176.5833,858.984 172.4583,854.5256 " fill="none" id="CapsLockOn-to-CapsLockOff" style="stroke:#78C2AD;stroke-width:3.125;"/><polygon fill="#78C2AD" points="168.5313,850.5673,172.156,860.1648,172.1917,854.2724,178.0842,854.3081,168.5313,850.5673" style="stroke:#78C2AD;stroke-width:3.125;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="193.2292" y="888.0615">EvCapsLockPressed</text><line style="stroke:#78C2AD;stroke-width:1.5625;stroke-dasharray:8.0,10.0;" x1="20.3125" x2="333.8542" y1="977.1444" y2="977.1444"/><ellipse cx="36.9792" cy="1013.0819" fill="#6CC3D5" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="Active.CONC95.ScrollLockOff"><rect fill="#86C8B5" height="56.8583" rx="13.0208" ry="13.0208" style="stroke:#78C2AD;stroke-width:1.5625;" width="113.5417" x="66.6667" y="984.436"/><line style="stroke:#78C2AD;stroke-width:1.5625;" x1="66.6667" x2="180.2083" y1="1020.461" y2="1020.461"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="82.2917" x="82.2917" y="1007.4198">ScrollLockOff</text></g><g id="Active.CONC95.ScrollLockOn"><rect fill="#86C8B5" height="56.8583" rx="13.0208" ry="13.0208" style="stroke:#78C2AD;stroke-width:1.5625;" width="113.5417" x="66.6667" y="1106.311"/><line style="stroke:#78C2AD;stroke-width:1.5625;" x1="66.6667" x2="180.2083" y1="1142.336" y2="1142.336"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="82.2917" x="82.2917" y="1129.2948">ScrollLockOn</text></g><!--MD5=[8676698f49c1acec7e35e8e65e103748]
link *start*CONC95 to ScrollLockOff--><path d="M47.4479,1013.0819 C52,1013.0819 56.5521,1013.0819 61.1042,1013.0819 " fill="none" id="*start*CONC95-to-ScrollLockOff" style="stroke:#78C2AD;stroke-width:3.125;"/><polygon fill="#78C2AD" points="66.4479,1013.0819,57.0729,1008.9152,61.2396,1013.0819,57.0729,1017.2485,66.4479,1013.0819" style="stroke:#78C2AD;stroke-width:3.125;"/><!--MD5=[da4e1e55b4a6de250eca2c82023085fa]
link ScrollLockOff to ScrollLockOn--><path d="M66.6667,1035.4777 C56.4688,1041.936 47.1875,1050.1444 41.1458,1060.4777 C35.0729,1070.8735 35.0729,1077.1652 41.1458,1087.561 C46.2396,1096.2798 53.6458,1103.4881 61.9583,1109.4048 " fill="none" id="ScrollLockOff-to-ScrollLockOn" style="stroke:#78C2AD;stroke-width:3.125;"/><polygon fill="#78C2AD" points="66.6667,1112.561,61.198,1103.8808,62.3399,1109.6617,56.5591,1110.8036,66.6667,1112.561" style="stroke:#78C2AD;stroke-width:3.125;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="47.3958" y="1079.2948">EvCapsLockPressed</text><!--MD5=[6ad2c621f2407b82317910f4deb17639]
link ScrollLockOn to ScrollLockOff--><path d="M170.6563,1106.0715 C176.3958,1100.6756 181.4375,1094.4985 184.8958,1087.561 C190.2604,1076.7902 190.2604,1071.2485 184.8958,1060.4777 C182.25,1055.1652 178.6667,1050.3006 174.5625,1045.8944 " fill="none" id="ScrollLockOn-to-ScrollLockOff" style="stroke:#78C2AD;stroke-width:3.125;"/><polygon fill="#78C2AD" points="170.6563,1041.9673,174.3197,1051.5501,174.3317,1045.6576,180.2242,1045.6695,170.6563,1041.9673" style="stroke:#78C2AD;stroke-width:3.125;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="194.2708" y="1079.2948">EvCapsLockPressed</text><!--MD5=[242ad121cef04112e9b0ee8f25f52375]
link *start to fork_state--><path d="M177.0833,78.7048 C177.0833,93.5382 177.0833,121.7569 177.0833,136.1632 " fill="none" id="*start-to-fork_state" style="stroke:#78C2AD;stroke-width:3.125;"/><polygon fill="#78C2AD" points="177.0833,141.7153,181.25,132.3403,177.0833,136.5069,172.9167,132.3403,177.0833,141.7153" style="stroke:#78C2AD;stroke-width:3.125;"/><!--MD5=[44dd36eb382d4fffd186e8c447a61da0]
link fork_state to State2--><path d="M175.25,150.3298 C169.9063,159.4548 153.9063,186.7673 140.8125,209.1319 " fill="none" id="fork_state-to-State2" style="stroke:#78C2AD;stroke-width:3.125;"/><polygon fill="#78C2AD" points="138.0625,213.8298,146.3977,207.8485,140.6961,209.3364,139.2082,203.6348,138.0625,213.8298" style="stroke:#78C2AD;stroke-width:3.125;"/><!--MD5=[43d4d70f9cd19f132a5eb1ce9d85c890]
link fork_state to State3--><path d="M179.1667,150.3298 C185.2396,159.4965 203.4792,186.9965 218.3333,209.4132 " fill="none" id="fork_state-to-State3" style="stroke:#78C2AD;stroke-width:3.125;"/><polygon fill="#78C2AD" points="221.2604,213.8298,219.527,203.7181,218.3714,209.4962,212.5932,208.3406,221.2604,213.8298" style="stroke:#78C2AD;stroke-width:3.125;"/><!--MD5=[8cf5ef3a64654818495211b4c165bd62]
link State2 to join_state--><path d="M107.9167,271.3923 C101.0938,289.2153 96.4479,312.1736 107.2917,329.4861 C117.6563,346.0382 138.5104,354.8194 154.9167,359.3507 " fill="none" id="State2-to-join_state" style="stroke:#78C2AD;stroke-width:3.125;"/><polygon fill="#78C2AD" points="160.2917,360.7257,152.2467,354.3593,155.2468,359.431,150.1752,362.4311,160.2917,360.7257" style="stroke:#78C2AD;stroke-width:3.125;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="98.9583" x="113.5417" y="321.2199">some message</text><!--MD5=[183fde86cac17ac230b97143534e47db]
link State3 to join_state--><path d="M239.1667,271.2986 C237.75,289.0903 233.7083,312.0382 222.9167,329.4861 C214.8542,342.5278 199.9271,352.4653 189.5313,358.2257 " fill="none" id="State3-to-join_state" style="stroke:#78C2AD;stroke-width:3.125;"/><polygon fill="#78C2AD" points="184.8333,360.7048,195.0686,360.0039,189.4371,358.2693,191.1717,352.6378,184.8333,360.7048" style="stroke:#78C2AD;stroke-width:3.125;"/><!--MD5=[1e473d623208eebf6d5ebd6e9bc5a11d]
link join_state to State4--><path d="M178.125,369.0798 C178.125,378.1319 178.125,405.0694 178.125,427.3194 " fill="none" id="join_state-to-State4" style="stroke:#78C2AD;stroke-width:3.125;"/><polygon fill="#78C2AD" points="178.125,432.5798,182.2917,423.2048,178.125,427.3715,173.9583,423.2048,178.125,432.5798" style="stroke:#78C2AD;stroke-width:3.125;"/><!--MD5=[0a70b1a7cf318979336334b4227eefe4]
link State4 to Active--><path d="M178.125,490.1111 C178.125,504.934 178.125,524.8507 178.125,547.809 " fill="none" id="State4-to-Active" style="stroke:#78C2AD;stroke-width:3.125;"/><polygon fill="#78C2AD" points="178.125,553.059,182.2917,543.684,178.125,547.8507,173.9583,543.684,178.125,553.059" style="stroke:#78C2AD;stroke-width:3.125;"/><!--MD5=[f0483dbf6ca4ba730379fc68e2baab40]
@startuml
!$THEME = "minty"
!if %not(%variable_exists("$BGCOLOR"))
!$BGCOLOR = "transparent"
!endif
skinparam backgroundColor $BGCOLOR
skinparam useBetaStyle false
!$BLUE = "#007bff"
!$INDIGO = "#6610f2"
!$PURPLE = "#6f42c1"
!$PINK = "#e83e8c"
!$RED = "#ff7851"
!$ORANGE = "#fd7e14"
!$YELLOW = "#ffce67"
!$GREEN = "#56cc9d"
!$TEAL = "#20c997"
!$CYAN = "#6cc3d5"
!$WHITE = "#fff"
!$GRAY = "#888"
!$GRAYDARK = "#343a40"
!$PRIMARY = "#78c2ad"
!$SECONDARY = "#f3969a"
!$SUCCESS = "#56cc9d"
!$INFO = "#6cc3d5"
!$WARNING = "#ffce67"
!$DANGER = "#ff7851"
!$LIGHT = "#f8f9fa"
!$DARK = "#343a40"
!$FGCOLOR = $WHITE
!$PRIMARY_DARK = "#6caf9c"
!$PRIMARY_LIGHT = "#86c8b5"
!$PRIMARY_TEXT = $WHITE
!$SECONDARY_DARK = "#db878b"
!$SECONDARY_LIGHT = "#f4a1a4"
!$SECONDARY_TEXT = $WHITE
!$INFO_DARK = "#61b0c0"
!$INFO_LIGHT = "#7bc9d9"
!$INFO_TEXT = $WHITE
!$SUCCESS_DARK = "#4db88d"
!$SUCCESS_LIGHT = "#67d1a7"
!$SUCCESS_TEXT = $WHITE
!$WARNING_DARK = "#e6b95d"
!$WARNING_LIGHT = "#ffd376"
!$WARNING_TEXT = $WHITE
!$DANGER_DARK = "#e66c49"
!$DANGER_LIGHT = "#ff8662"
!$DANGER_TEXT = $WHITE
!$DARK_DARK = "#2f343a"
!$DARK_LIGHT = "#484e53"
!$LIGHT_DARK = "#dfe0e1"
!$LIGHT_LIGHT = "#f9fafb"
!procedure $success($msg)
<font color=$SUCCESS><b>$msg
!endprocedure
!procedure $failure($msg)
<font color=$DANGER><b>$msg
!endprocedure
!procedure $warning($msg)
<font color=$WARNING><b>$msg
!endprocedure
!procedure $primary_scheme()
FontColor $PRIMARY_TEXT
BorderColor $PRIMARY
BackgroundColor $PRIMARY_LIGHT
!endprocedure
skinparam defaultFontName "Verdana"
skinparam defaultFontSize 12
skinparam dpi 100
skinparam shadowing false
skinparam roundcorner 8
skinparam ParticipantPadding 40
skinparam BoxPadding 40
skinparam Padding 5
skinparam ArrowColor $DARK
skinparam stereotype {
CBackgroundColor $SECONDARY_LIGHT
CBorderColor $SECONDARY_DARK
ABackgroundColor $SUCCESS_LIGHT
ABorderColor $SUCCESS_DARK
IBackgroundColor $DANGER_LIGHT
IBorderColor $DANGER_DARK
EBackgroundColor $WARNING_LIGHT
EBorderColor $WARNING_DARK
NBackgroundColor $INFO_LIGHT
NBorderColor $INFO_DARK
}
skinparam title {
FontColor $PRIMARY_DARK
BorderColor $SECONDARY_DARK
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
}
skinparam legend {
BackgroundColor $SECONDARY
BorderColor $SECONDARY_DARK
FontColor $LIGHT
}
!startsub swimlane
skinparam swimlane {
BorderColor $INFO
BorderThickness 2
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY
TitleFontColor $PRIMARY
}
!endsub
!startsub activity
skinparam activity {
$primary_scheme()
BarColor $SUCCESS
StartColor $INFO
EndColor $INFO
DiamondBackgroundColor $SECONDARY_LIGHT
DiamondBorderColor $SECONDARY_DARK
DiamondFontColor $SECONDARY_TEXT
}
!endsub
!startsub participant
skinparam participant {
$primary_scheme()
ParticipantBorderThickness 2
}
!endsub
!startsub actor
skinparam actor {
$primary_scheme()
}
!endsub
!startsub arrow
skinparam arrow {
Thickness 3
Color $PRIMARY
FontColor $FGCOLOR
}
!endsub
!startsub sequence
skinparam sequence {
BorderColor $PRIMARY
TitleFontColor $PRIMARY
BackgroundColor $BGCOLOR
StartColor $PRIMARY
EndColor $PRIMARY
BoxBackgroundColor $BGCOLOR
BoxBorderColor $DARK
BoxFontColor $DARk
LifeLineBorderColor $SECONDARY
LifeLineBorderThickness 2
LifeLineBackgroundColor $SECONDARY_DARK
GroupBorderColor $DARK
GroupFontColor $DARK
GroupHeaderFontColor $INFO
GroupBackgroundColor $SECONDARY
GroupBodyBackgroundColor $BGCOLOR
GroupHeaderBackgroundColor $BGCOLOR
DividerBackgroundColor $DARK
DividerBorderColor $DARK
DividerBorderThickness 2
DividerFontColor $LIGHT
ReferenceBackgroundColor $BGCOLOR
ReferenceBorderColor $DARK
ReferenceFontColor $DARK
ReferenceHeaderFontColor $INFO
ReferenceHeaderBackgroundColor $SECONDARY
}
!endsub
!startsub partition
skinparam partition {
BorderColor $PRIMARY
FontColor $PRIMARY
BackgroundColor $BGCOLOR
}
!endsub
!startsub collections
skinparam collections {
$primary_scheme()
}
!endsub
!startsub control
skinparam control {
$primary_scheme()
}
!endsub
!startsub entity
skinparam entity {
$primary_scheme()
}
!endsub
!startsub boundary
skinparam boundary {
$primary_scheme()
}
!endsub
!startsub agent
skinparam agent {
BackgroundColor $WARNING
BorderColor $WARNING_LIGHT
FontColor $DARK
}
!endsub
!startsub note
skinparam note {
BorderThickness 1
BackgroundColor $INFO
BorderColor $INFO_DARK
FontColor $WHITE
}
!endsub
!startsub artifact
skinparam artifact {
BackgroundColor $DARK
BorderColor $DARK_DARK
FontColor $LIGHT
}
!endsub
!startsub component
skinparam component {
$primary_scheme()
}
!endsub
!startsub interface
skinparam interface {
BackgroundColor $DANGER_DARK
BorderColor $DANGER
FontColor $DARK
}
!endsub
!startsub storage
skinparam storage {
BackgroundColor $WARNING
BorderColor $WARNING_DARK
FontColor $WARNING_TEXT
}
!endsub
!startsub node
skinparam node {
BackgroundColor $SECONDARY
BorderColor $LIGHT
FontColor $LIGHT
}
!endsub
!startsub cloud
skinparam cloud {
BackgroundColor transparent
BorderColor #F2FCFE
FontColor $DARK
}
!endsub
!startsub database
skinparam database {
$primary_scheme()
}
!endsub
!startsub class
skinparam class {
$primary_scheme()
HeaderBackgroundColor $PRIMARY_LIGHT
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $DARK
AttributeFontSize 11
}
!endsub
!startsub object
skinparam object {
$primary_scheme()
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $SECONDARY_TEXT
AttributeFontSize 11
}
!endsub
!startsub usecase
skinparam usecase {
$primary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub rectangle
skinparam rectangle {
$primary_scheme()
BackgroundColor $SECONDARY_LIGHT
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub package
skinparam package {
BackgroundColor $SECONDARY
BorderColor $PRIMARY
FontColor $PRIMARY
BorderThickness 2
}
!endsub
!startsub folder
skinparam folder {
BackgroundColor $SECONDARY_LIGHT
BorderColor $WARNING
FontColor $WARNING
BorderThickness 2
}
!endsub
!startsub frame
skinparam frame {
BackgroundColor $SECONDARY_LIGHT
BorderColor $INFO
FontColor $INFO
BorderThickness 2
}
!endsub
!startsub state
skinparam state {
$primary_scheme()
StartColor $INFO
EndColor $INFO
AttributeFontColor $SECONDARY_TEXT
AttributeFontSize 11
}
!endsub
!startsub queue
skinparam queue {
$primary_scheme()
}
!endsub
!startsub card
skinparam card {
BackgroundColor $INFO
BorderColor $INFO_DARK
FontColor $INFO_TEXT
}
!endsub
!startsub file
skinparam file {
BackgroundColor $SECONDARY_DARK
BorderColor $LIGHT
FontColor $LIGHT
}
!endsub
!startsub stack
skinparam stack {
$primary_scheme()
}
!endsub
!if %variable_exists("$THEME")
title State Diagram - $THEME theme
!else
title State Diagram
!endif
'skinparam BackgroundColor transparent
state fork_state <<fork>>
[*] - -> fork_state
fork_state - -> State2
fork_state - -> State3
state join_state <<join>>
State2 - -> join_state: some message
State3 - -> join_state
join_state - -> State4
State4 - -> Active
state Active {
[*] -> NumLockOff
NumLockOff - -> NumLockOn : EvNumLockPressed
NumLockOn - -> NumLockOff : EvNumLockPressed
- -
[*] -> CapsLockOff
CapsLockOff - -> CapsLockOn : EvCapsLockPressed
CapsLockOn - -> CapsLockOff : EvCapsLockPressed
- -
[*] -> ScrollLockOff
ScrollLockOff - -> ScrollLockOn : EvCapsLockPressed
ScrollLockOn - -> ScrollLockOff : EvCapsLockPressed
}
@enduml
@startuml
skinparam backgroundColor transparent
skinparam useBetaStyle false
skinparam defaultFontName "Verdana"
skinparam defaultFontSize 12
skinparam dpi 100
skinparam shadowing false
skinparam roundcorner 8
skinparam ParticipantPadding 40
skinparam BoxPadding 40
skinparam Padding 5
skinparam ArrowColor #343a40
skinparam stereotype {
CBackgroundColor #f4a1a4
CBorderColor #db878b
ABackgroundColor #67d1a7
ABorderColor #4db88d
IBackgroundColor #ff8662
IBorderColor #e66c49
EBackgroundColor #ffd376
EBorderColor #e6b95d
NBackgroundColor #7bc9d9
NBorderColor #61b0c0
}
skinparam title {
FontColor #6caf9c
BorderColor #db878b
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor #f4a1a4-#f3969a
}
skinparam legend {
BackgroundColor #f3969a
BorderColor #db878b
FontColor #f8f9fa
}
skinparam swimlane {
BorderColor #6cc3d5
BorderThickness 2
TitleBackgroundColor #f4a1a4-#f3969a
TitleFontColor #78c2ad
}
skinparam activity {
FontColor #fff
BorderColor #78c2ad
BackgroundColor #86c8b5
BarColor #56cc9d
StartColor #6cc3d5
EndColor #6cc3d5
DiamondBackgroundColor #f4a1a4
DiamondBorderColor #db878b
DiamondFontColor #fff
}
skinparam participant {
FontColor #fff
BorderColor #78c2ad
BackgroundColor #86c8b5
ParticipantBorderThickness 2
}
skinparam actor {
FontColor #fff
BorderColor #78c2ad
BackgroundColor #86c8b5
}
skinparam arrow {
Thickness 3
Color #78c2ad
FontColor #fff
}
skinparam sequence {
BorderColor #78c2ad
TitleFontColor #78c2ad
BackgroundColor transparent
StartColor #78c2ad
EndColor #78c2ad
BoxBackgroundColor transparent
BoxBorderColor #343a40
BoxFontColor $DARk
LifeLineBorderColor #f3969a
LifeLineBorderThickness 2
LifeLineBackgroundColor #db878b
GroupBorderColor #343a40
GroupFontColor #343a40
GroupHeaderFontColor #6cc3d5
GroupBackgroundColor #f3969a
GroupBodyBackgroundColor transparent
GroupHeaderBackgroundColor transparent
DividerBackgroundColor #343a40
DividerBorderColor #343a40
DividerBorderThickness 2
DividerFontColor #f8f9fa
ReferenceBackgroundColor transparent
ReferenceBorderColor #343a40
ReferenceFontColor #343a40
ReferenceHeaderFontColor #6cc3d5
ReferenceHeaderBackgroundColor #f3969a
}
skinparam partition {
BorderColor #78c2ad
FontColor #78c2ad
BackgroundColor transparent
}
skinparam collections {
FontColor #fff
BorderColor #78c2ad
BackgroundColor #86c8b5
}
skinparam control {
FontColor #fff
BorderColor #78c2ad
BackgroundColor #86c8b5
}
skinparam entity {
FontColor #fff
BorderColor #78c2ad
BackgroundColor #86c8b5
}
skinparam boundary {
FontColor #fff
BorderColor #78c2ad
BackgroundColor #86c8b5
}
skinparam agent {
BackgroundColor #ffce67
BorderColor #ffd376
FontColor #343a40
}
skinparam note {
BorderThickness 1
BackgroundColor #6cc3d5
BorderColor #61b0c0
FontColor #fff
}
skinparam artifact {
BackgroundColor #343a40
BorderColor #2f343a
FontColor #f8f9fa
}
skinparam component {
FontColor #fff
BorderColor #78c2ad
BackgroundColor #86c8b5
}
skinparam interface {
BackgroundColor #e66c49
BorderColor #ff7851
FontColor #343a40
}
skinparam storage {
BackgroundColor #ffce67
BorderColor #e6b95d
FontColor #fff
}
skinparam node {
BackgroundColor #f3969a
BorderColor #f8f9fa
FontColor #f8f9fa
}
skinparam cloud {
BackgroundColor transparent
BorderColor #F2FCFE
FontColor #343a40
}
skinparam database {
FontColor #fff
BorderColor #78c2ad
BackgroundColor #86c8b5
}
skinparam class {
FontColor #fff
BorderColor #78c2ad
BackgroundColor #86c8b5
HeaderBackgroundColor #86c8b5
StereotypeFontColor #343a40
BorderThickness 1
AttributeFontColor #343a40
AttributeFontSize 11
}
skinparam object {
FontColor #fff
BorderColor #78c2ad
BackgroundColor #86c8b5
StereotypeFontColor #343a40
BorderThickness 1
AttributeFontColor #fff
AttributeFontSize 11
}
skinparam usecase {
FontColor #fff
BorderColor #78c2ad
BackgroundColor #86c8b5
BorderThickness 2
StereotypeFontColor #78c2ad
}
skinparam rectangle {
FontColor #fff
BorderColor #78c2ad
BackgroundColor #86c8b5
BackgroundColor #f4a1a4
BorderThickness 2
StereotypeFontColor #78c2ad
}
skinparam package {
BackgroundColor #f3969a
BorderColor #78c2ad
FontColor #78c2ad
BorderThickness 2
}
skinparam folder {
BackgroundColor #f4a1a4
BorderColor #ffce67
FontColor #ffce67
BorderThickness 2
}
skinparam frame {
BackgroundColor #f4a1a4
BorderColor #6cc3d5
FontColor #6cc3d5
BorderThickness 2
}
skinparam state {
FontColor #fff
BorderColor #78c2ad
BackgroundColor #86c8b5
StartColor #6cc3d5
EndColor #6cc3d5
AttributeFontColor #fff
AttributeFontSize 11
}
skinparam queue {
FontColor #fff
BorderColor #78c2ad
BackgroundColor #86c8b5
}
skinparam card {
BackgroundColor #6cc3d5
BorderColor #61b0c0
FontColor #fff
}
skinparam file {
BackgroundColor #db878b
BorderColor #f8f9fa
FontColor #f8f9fa
}
skinparam stack {
FontColor #fff
BorderColor #78c2ad
BackgroundColor #86c8b5
}
title State Diagram - minty theme
state fork_state <<fork>>
[*] - -> fork_state
fork_state - -> State2
fork_state - -> State3
state join_state <<join>>
State2 - -> join_state: some message
State3 - -> join_state
join_state - -> State4
State4 - -> Active
state Active {
[*] -> NumLockOff
NumLockOff - -> NumLockOn : EvNumLockPressed
NumLockOn - -> NumLockOff : EvNumLockPressed
- -
[*] -> CapsLockOff
CapsLockOff - -> CapsLockOn : EvCapsLockPressed
CapsLockOn - -> CapsLockOff : EvCapsLockPressed
- -
[*] -> ScrollLockOff
ScrollLockOff - -> ScrollLockOn : EvCapsLockPressed
ScrollLockOn - -> ScrollLockOff : EvCapsLockPressed
}
@enduml
PlantUML version 1.2021.01(Mon Feb 01 23:55:08 PST 2021)
(GPL source distribution)
Java Runtime: OpenJDK Runtime Environment
JVM: OpenJDK 64-Bit Server VM
Default Encoding: UTF-8
Language: en
Country: US
--></g></svg>