demo_doc/puml/bluegray/state-ex.svg

873 lines
29 KiB
XML
Raw 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="1316.6667px" preserveAspectRatio="none" style="width:387px;height:1316px;background:#00000000;" version="1.1" viewBox="0 0 387 1316" width="387.5px" zoomAndPan="magnify"><defs><linearGradient id="g15e1ywx9gsjq90" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#F5F5F5"/><stop offset="100%" stop-color="#F2F2F2"/></linearGradient><linearGradient id="g15e1ywx9gsjq91" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#33B2E2"/><stop offset="100%" stop-color="#009FDB"/></linearGradient></defs><g><rect fill="url(#g15e1ywx9gsjq90)" height="52.4028" rx="4.1667" ry="4.1667" style="stroke:#C2C2C2;stroke-width:1.0416666666666667;" width="375" x="2.0833" y="2.0833"/><text fill="#009FDB" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="341.6667" x="18.75" y="36.5702">State Diagram - bluegray theme</text><rect fill="#B5BD00" height="8.3333" style="stroke:none;stroke-width:1.0416666666666667;" width="83.3333" x="154.1667" y="148.2361"/><ellipse cx="195.8333" cy="74.2778" fill="#0568AE" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="State2"><rect fill="url(#g15e1ywx9gsjq91)" height="69.3583" rx="13.0208" ry="13.0208" style="stroke:#007FAF;stroke-width:1.5625;" width="81.25" x="96.875" y="220.1111"/><line style="stroke:#007FAF;stroke-width:1.5625;" x1="96.875" x2="178.125" y1="262.3861" y2="262.3861"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="115.625" y="246.2199">State2</text></g><g id="State3"><rect fill="url(#g15e1ywx9gsjq91)" height="69.3583" rx="13.0208" ry="13.0208" style="stroke:#007FAF;stroke-width:1.5625;" width="81.25" x="220.8333" y="220.1111"/><line style="stroke:#007FAF;stroke-width:1.5625;" x1="220.8333" x2="302.0833" y1="262.3861" y2="262.3861"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="239.5833" y="246.2199">State3</text></g><rect fill="#B5BD00" height="8.3333" style="stroke:none;stroke-width:1.0416666666666667;" width="83.3333" x="155.2083" y="385.7361"/><g id="State4"><rect fill="url(#g15e1ywx9gsjq91)" height="69.3583" rx="13.0208" ry="13.0208" style="stroke:#007FAF;stroke-width:1.5625;" width="81.25" x="156.25" y="457.6111"/><line style="stroke:#007FAF;stroke-width:1.5625;" x1="156.25" x2="237.5" y1="499.8861" y2="499.8861"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="175" y="483.7199">State4</text></g><rect fill="url(#g15e1ywx9gsjq91)" height="720.1416" rx="13.0208" ry="13.0208" style="stroke:#007FAF;stroke-width:1.5625;" width="339.5833" x="27.0833" y="590.9444"/><rect height="671.6166" rx="13.0208" ry="13.0208" style="stroke:#00000000;stroke-width:1.0416666666666667;fill:none;" width="333.3333" x="30.2083" y="636.3444"/><line style="stroke:#007FAF;stroke-width:1.5625;fill:none;" x1="27.0833" x2="366.6667" y1="633.2194" y2="633.2194"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="38.5417" x="177.6042" y="617.0532">Active</text><ellipse cx="48.9583" cy="680.6152" fill="#0568AE" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="Active.NumLockOff"><rect fill="url(#g15e1ywx9gsjq91)" height="69.3583" rx="13.0208" ry="13.0208" style="stroke:#007FAF;stroke-width:1.5625;" width="114.5833" x="78.125" y="645.7194"/><line style="stroke:#007FAF;stroke-width:1.5625;" x1="78.125" x2="192.7083" y1="687.9944" y2="687.9944"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="77.0833" x="96.875" y="671.8282">NumLockOff</text></g><g id="Active.NumLockOn"><rect fill="url(#g15e1ywx9gsjq91)" height="69.3583" rx="13.0208" ry="13.0208" style="stroke:#007FAF;stroke-width:1.5625;" width="114.5833" x="77.0833" y="786.34
link *start*Active to NumLockOff--><path d="M59.4271,680.6152 C63.7396,680.6152 68.0521,680.6152 72.3646,680.6152 " fill="none" id="*start*Active-to-NumLockOff" style="stroke:#009FDB;stroke-width:3.125;"/><polygon fill="#009FDB" points="77.8333,680.6152,68.4583,676.4486,72.625,680.6152,68.4583,684.7819,77.8333,680.6152" style="stroke:#009FDB;stroke-width:3.125;"/><!--MD5=[b6ef3c088f5474ecc81df30475e7d61b]
link NumLockOff to NumLockOn--><path d="M77.9792,711.8548 C65.3438,719.709 54.6458,727.7715 51.0417,734.2611 C43.8542,747.2194 43.8854,754.6257 51.0417,767.5944 C56.2188,776.9902 63.875,784.9486 72.4583,791.5944 " fill="none" id="NumLockOff-to-NumLockOn" style="stroke:#009FDB;stroke-width:3.125;"/><polygon fill="#009FDB" points="76.75,794.7507,71.6581,785.8442,72.5514,791.6687,66.7269,792.562,76.75,794.7507" style="stroke:#009FDB;stroke-width:3.125;"/><text fill="#5A5A5A" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="127.0833" x="60.4167" y="756.2032">EvNumLockPressed</text><!--MD5=[3bfddee0d82dc74c927fbeb3d3f2e6a3]
link NumLockOn to NumLockOff--><path d="M183.9688,786.2819 C189.1667,780.6569 193.7083,774.4069 196.875,767.5944 C203.125,754.1673 203.0729,747.7194 196.875,734.2611 C194.4896,729.084 191.3229,724.2298 187.6667,719.7194 " fill="none" id="NumLockOn-to-NumLockOff" style="stroke:#009FDB;stroke-width:3.125;"/><polygon fill="#009FDB" points="184.1875,715.6777,187.1434,725.5019,187.5844,719.6259,193.4604,720.0669,184.1875,715.6777" style="stroke:#009FDB;stroke-width:3.125;"/><text fill="#5A5A5A" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="127.0833" x="211.4583" y="756.2032">EvNumLockPressed</text><line style="stroke:#007FAF;stroke-width:1.5625;stroke-dasharray:8.0,10.0;" x1="32.2917" x2="359.375" y1="860.9111" y2="860.9111"/><ellipse cx="48.9583" cy="903.0986" fill="#0568AE" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="Active.CONC87.CapsLockOff"><rect fill="url(#g15e1ywx9gsjq91)" height="69.3583" rx="13.0208" ry="13.0208" style="stroke:#007FAF;stroke-width:1.5625;" width="118.75" x="78.125" y="868.2027"/><line style="stroke:#007FAF;stroke-width:1.5625;" x1="78.125" x2="196.875" y1="910.4777" y2="910.4777"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="81.25" x="96.875" y="894.3115">CapsLockOff</text></g><g id="Active.CONC87.CapsLockOn"><rect fill="url(#g15e1ywx9gsjq91)" height="69.3583" rx="13.0208" ry="13.0208" style="stroke:#007FAF;stroke-width:1.5625;" width="118.75" x="77.0833" y="1008.8277"/><line style="stroke:#007FAF;stroke-width:1.5625;" x1="77.0833" x2="195.8333" y1="1051.1027" y2="1051.1027"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="81.25" x="95.8333" y="1034.9365">CapsLockOn</text></g><!--MD5=[70bdb58272bc1a7d9e9d21dfe0316432]
link *start*CONC87 to CapsLockOff--><path d="M59.6771,903.0986 C63.9583,903.0986 68.2292,903.0986 72.5,903.0986 " fill="none" id="*start*CONC87-to-CapsLockOff" style="stroke:#009FDB;stroke-width:3.125;"/><polygon fill="#009FDB" points="77.9167,903.0986,68.5417,898.9319,72.7083,903.0986,68.5417,907.2652,77.9167,903.0986" style="stroke:#009FDB;stroke-width:3.125;"/><!--MD5=[dc4675bd3056f3ef68701d9e8e02a3f3]
link CapsLockOff to CapsLockOn--><path d="M77.7604,934.7548 C65.2083,942.4319 54.6563,950.3069 51.0417,956.7444 C43.7813,969.6611 43.8125,977.1402 51.0417,990.0777 C56.2917,999.484 64,1007.4215 72.6667,1014.0361 " fill="none" id="CapsLockOff-to-CapsLockOn" style="stroke:#009FDB;stroke-width:3.125;"/><polygon fill="#009FDB" points="76.9896,1017.1819,71.8621,1008.2959,72.7787,1014.1167,66.9579,1015.0333,76.9896,1017.1819" style="stroke:#009FDB;stroke-width:3.125;"/><text fill="#5A5A5A" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="60.4167" y="978.6865">EvCapsLockPressed</text><!--MD5=[79e17b083e07746bd1a647600952cab6]
link CapsLockOn to CapsLockOff--><path d="M187.9792,1008.6506 C193.2292,1003.0777 197.8125,996.8694 201.0417,990.0777 C207.3958,976.6923 207.3438,970.1506 201.0417,956.7444 C198.6146,951.5881 195.4063,946.7548 191.7188,942.2861 " fill="none" id="CapsLockOn-to-CapsLockOff" style="stroke:#009FDB;stroke-width:3.125;"/><polygon fill="#009FDB" points="188.2083,938.2756,191.2434,948.0756,191.637,942.1962,197.5164,942.5898,188.2083,938.2756" style="stroke:#009FDB;stroke-width:3.125;"/><text fill="#5A5A5A" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="215.625" y="978.6865">EvCapsLockPressed</text><line style="stroke:#007FAF;stroke-width:1.5625;stroke-dasharray:8.0,10.0;" x1="32.2917" x2="359.375" y1="1083.3944" y2="1083.3944"/><ellipse cx="48.9583" cy="1125.5819" fill="#0568AE" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="Active.CONC95.ScrollLockOff"><rect fill="url(#g15e1ywx9gsjq91)" height="69.3583" rx="13.0208" ry="13.0208" style="stroke:#007FAF;stroke-width:1.5625;" width="119.7917" x="78.6458" y="1090.686"/><line style="stroke:#007FAF;stroke-width:1.5625;" x1="78.6458" x2="198.4375" y1="1132.961" y2="1132.961"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="82.2917" x="97.3958" y="1116.7948">ScrollLockOff</text></g><g id="Active.CONC95.ScrollLockOn"><rect fill="url(#g15e1ywx9gsjq91)" height="69.3583" rx="13.0208" ry="13.0208" style="stroke:#007FAF;stroke-width:1.5625;" width="119.7917" x="78.6458" y="1231.311"/><line style="stroke:#007FAF;stroke-width:1.5625;" x1="78.6458" x2="198.4375" y1="1273.586" y2="1273.586"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="82.2917" x="97.3958" y="1257.4198">ScrollLockOn</text></g><!--MD5=[8676698f49c1acec7e35e8e65e103748]
link *start*CONC95 to ScrollLockOff--><path d="M59.4583,1125.5819 C64.0417,1125.5819 68.6354,1125.5819 73.2188,1125.5819 " fill="none" id="*start*CONC95-to-ScrollLockOff" style="stroke:#009FDB;stroke-width:3.125;"/><polygon fill="#009FDB" points="78.6146,1125.5819,69.2396,1121.4152,73.4063,1125.5819,69.2396,1129.7485,78.6146,1125.5819" style="stroke:#009FDB;stroke-width:3.125;"/><!--MD5=[da4e1e55b4a6de250eca2c82023085fa]
link ScrollLockOff to ScrollLockOn--><path d="M78.625,1157.8527 C66.625,1165.3527 56.6042,1172.9985 53.125,1179.2277 C45.8958,1192.1652 45.8958,1199.6235 53.125,1212.561 C58.3021,1221.8423 65.875,1229.686 74.3854,1236.2485 " fill="none" id="ScrollLockOff-to-ScrollLockOn" style="stroke:#009FDB;stroke-width:3.125;"/><polygon fill="#009FDB" points="78.6354,1239.3735,73.5435,1230.4671,74.4368,1236.2916,68.6124,1237.1849,78.6354,1239.3735" style="stroke:#009FDB;stroke-width:3.125;"/><text fill="#5A5A5A" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="62.5" y="1201.1698">EvCapsLockPressed</text><!--MD5=[6ad2c621f2407b82317910f4deb17639]
link ScrollLockOn to ScrollLockOff--><path d="M190.0625,1231.134 C195.3125,1225.561 199.8958,1219.3527 203.125,1212.561 C209.4792,1199.1756 209.4792,1192.6131 203.125,1179.2277 C200.6563,1174.0298 197.3854,1169.1756 193.6354,1164.686 " fill="none" id="ScrollLockOn-to-ScrollLockOff" style="stroke:#009FDB;stroke-width:3.125;"/><polygon fill="#009FDB" points="190.0625,1160.6548,193.1581,1170.4358,193.5153,1164.5541,199.3971,1164.9113,190.0625,1160.6548" style="stroke:#009FDB;stroke-width:3.125;"/><text fill="#5A5A5A" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="216.6667" y="1201.1698">EvCapsLockPressed</text><!--MD5=[242ad121cef04112e9b0ee8f25f52375]
link *start to fork_state--><path d="M195.8333,84.9548 C195.8333,99.7882 195.8333,128.0069 195.8333,142.4132 " fill="none" id="*start-to-fork_state" style="stroke:#009FDB;stroke-width:3.125;"/><polygon fill="#009FDB" points="195.8333,147.9653,200,138.5903,195.8333,142.7569,191.6667,138.5903,195.8333,147.9653" style="stroke:#009FDB;stroke-width:3.125;"/><!--MD5=[44dd36eb382d4fffd186e8c447a61da0]
link fork_state to State2--><path d="M193.8958,156.7882 C188.5521,165.9861 173.1667,192.5069 159.8125,215.5278 " fill="none" id="fork_state-to-State2" style="stroke:#009FDB;stroke-width:3.125;"/><polygon fill="#009FDB" points="157.1667,220.0694,165.4871,214.0675,159.7891,215.5695,158.2872,209.8716,157.1667,220.0694" style="stroke:#009FDB;stroke-width:3.125;"/><!--MD5=[43d4d70f9cd19f132a5eb1ce9d85c890]
link fork_state to State3--><path d="M198.0208,156.7882 C204.0208,165.9861 221.3333,192.5069 236.3646,215.5278 " fill="none" id="fork_state-to-State3" style="stroke:#009FDB;stroke-width:3.125;"/><polygon fill="#009FDB" points="239.3333,220.0694,237.7042,209.9404,236.4891,215.7063,230.7232,214.4911,239.3333,220.0694" style="stroke:#009FDB;stroke-width:3.125;"/><!--MD5=[8cf5ef3a64654818495211b4c165bd62]
link State2 to join_state--><path d="M121.6042,290.3507 C114.7917,310.4653 110.8333,335.5486 122.9167,354.4861 C133.6146,371.2569 154.8438,379.9653 171.8229,384.4236 " fill="none" id="State2-to-join_state" style="stroke:#009FDB;stroke-width:3.125;"/><polygon fill="#009FDB" points="176.9375,385.6736,168.8181,379.4025,171.8777,384.4384,166.8418,387.4981,176.9375,385.6736" style="stroke:#009FDB;stroke-width:3.125;"/><text fill="#5A5A5A" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="98.9583" x="132.2917" y="343.0949">some message</text><!--MD5=[183fde86cac17ac230b97143534e47db]
link State3 to join_state--><path d="M261.9896,290.2257 C260.8333,310.2882 256.7292,335.3715 244.7917,354.4861 C236.3333,368.0382 220.375,377.8507 209.2083,383.434 " fill="none" id="State3-to-join_state" style="stroke:#009FDB;stroke-width:3.125;"/><polygon fill="#009FDB" points="204.4583,385.7048,214.7144,385.4487,209.1635,383.4714,211.1408,377.9205,204.4583,385.7048" style="stroke:#009FDB;stroke-width:3.125;"/><!--MD5=[1e473d623208eebf6d5ebd6e9bc5a11d]
link join_state to State4--><path d="M196.875,394.2882 C196.875,403.3715 196.875,429.3507 196.875,452.1632 " fill="none" id="join_state-to-State4" style="stroke:#009FDB;stroke-width:3.125;"/><polygon fill="#009FDB" points="196.875,457.5694,201.0417,448.1944,196.875,452.3611,192.7083,448.1944,196.875,457.5694" style="stroke:#009FDB;stroke-width:3.125;"/><!--MD5=[0a70b1a7cf318979336334b4227eefe4]
link State4 to Active--><path d="M196.875,527.4653 C196.875,542.9236 196.875,562.8819 196.875,585.7048 " fill="none" id="State4-to-Active" style="stroke:#009FDB;stroke-width:3.125;"/><polygon fill="#009FDB" points="196.875,590.934,201.0417,581.559,196.875,585.7257,192.7083,581.559,196.875,590.934" style="stroke:#009FDB;stroke-width:3.125;"/><!--MD5=[f54ac82eba1e0689ae7628e36dac2113]
@startuml
!$THEME = "bluegray"
!if %not(%variable_exists("$BGCOLOR"))
!$BGCOLOR = "transparent"
!endif
skinparam backgroundColor $BGCOLOR
skinparam useBetaStyle false
!$WHITE = "#fff"
!$GRAY_DARK = "#5a5a5a"
!$GRAY = "#959595"
!$PRIMARY = "#009fdb"
!$SECONDARY = "#f2f2f2"
!$SUCCESS = "#b5bd00"
!$INFO = "#0568ae"
!$WARNING = "#ea7400"
!$DANGER = "#cf2a2a"
!$LIGHT = "#d2d2d2"
!$DARK = "#5a5a5a"
!$FGCOLOR = $DARK
!$PRIMARY_LIGHT = "#33b2e2"
!$PRIMARY_DARK = "#007faf"
!$PRIMARY_TEXT = $WHITE
!$SECONDARY_LIGHT = "#f5f5f5"
!$SECONDARY_DARK = "#c2c2c2"
!$SECONDARY_TEXT = $DARK
!$INFO_LIGHT = "#3786be"
!$INFO_DARK = "#04538b"
!$INFO_TEXT = $WHITE
!$SUCCESS_LIGHT = "#c4ca33"
!$SUCCESS_DARK = "#919700"
!$SUCCESS_TEXT = $WHITE
!$WARNING_LIGHT = "#ee9033"
!$WARNING_DARK = "#bb5d00"
!$WARNING_TEXT = $WHITE
!$DANGER_LIGHT = "#d95555"
!$DANGER_DARK = "#a62222"
!$DANGER_TEXT = $WHITE
!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_LIGHT
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
!endprocedure
!procedure $secondary_scheme()
FontColor $SECONDARY_TEXT
BorderColor $SECONDARY_DARK
BackgroundColor $WHITE-#fefefe
!endprocedure
skinparam defaultFontName "Verdana"
skinparam defaultFontSize 12
skinparam dpi 100
skinparam shadowing false
skinparam roundcorner 20
skinparam ParticipantPadding 30
skinparam BoxPadding 40
skinparam Padding 8
skinparam ArrowColor $GRAY
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
BorderColor $SECONDARY_DARK
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
}
skinparam legend {
BackgroundColor $SECONDARY
BorderColor $SECONDARY_DARK
FontColor $DARK
}
!startsub swimlane
skinparam swimlane {
BorderColor $INFO
BorderThickness 2
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY
TitleFontColor $PRIMARY
}
!endsub
!startsub activity
skinparam activity {
FontColor $PRIMARY_TEXT
BorderColor $PRIMARY
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
BarColor $SUCCESS
StartColor $INFO
EndColor $INFO
DiamondBackgroundColor $SECONDARY_LIGHT-$SECONDARY_DARK
DiamondBorderColor $SECONDARY_DARK
DiamondFontColor $SECONDARY_TEXT
}
!endsub
!startsub participant
skinparam participant {
$primary_scheme()
ParticipantBorderThickness 2
}
!endsub
!startsub actor
skinparam actor {
$primary_scheme()
FontColor $PRIMARY
}
!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 $GRAY
BoxFontColor $DARK
LifeLineBorderColor $SECONDARY_DARK
LifeLineBorderThickness 2
LifeLineBackgroundColor $SECONDARY_LIGHT
GroupBorderColor $GRAY
GroupFontColor $DARK
GroupHeaderFontColor $INFO
GroupBackgroundColor $BGCOLOR
GroupBodyBackgroundColor $BGCOLOR
GroupHeaderBackgroundColor $BGCOLOR
DividerBackgroundColor $WHITE-$LIGHT
DividerBorderColor $GRAY
DividerBorderThickness 2
DividerFontColor $DARK
ReferenceBackgroundColor $BGCOLOR
ReferenceBorderColor $GRAY
ReferenceFontColor $DARK
ReferenceHeaderFontColor $INFO
}
!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()
FontColor $PRIMARY
}
!endsub
!startsub entity
skinparam entity {
$primary_scheme()
FontColor $PRIMARY
}
!endsub
!startsub boundary
skinparam boundary {
$primary_scheme()
FontColor $PRIMARY
}
!endsub
!startsub agent
skinparam agent {
BackgroundColor #orange
BorderColor #999999
FontColor #333333
}
!endsub
!startsub note
skinparam note {
BorderThickness 1
BackgroundColor $INFO_LIGHT-$INFO
BorderColor $INFO
FontColor $WHITE
}
!endsub
!startsub artifact
skinparam artifact {
BackgroundColor $WHITE-$LIGHT
BorderColor $SECONDARY_DARK
FontColor $SECONDARY_TEXT
}
!endsub
!startsub component
skinparam component {
$primary_scheme()
}
!endsub
!startsub interface
skinparam interface {
BackgroundColor $DANGER_LIGHT
BorderColor $DANGER
FontColor $DARK
}
!endsub
!startsub storage
skinparam storage {
BackgroundColor $WARNING_LIGHT-$WARNING
BorderColor $WARNING
FontColor $WARNING_TEXT
}
!endsub
!startsub node
skinparam node {
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
BorderColor $SECONDARY_DARK
FontColor $PRIMARY
}
!endsub
!startsub cloud
skinparam cloud {
BackgroundColor transparent
BorderColor #F2FCFE
FontColor $PRIMARY
}
!endsub
!startsub database
skinparam database {
$primary_scheme()
BorderColor $PRIMARY_DARK
}
!endsub
!startsub class
skinparam class {
$primary_scheme()
HeaderBackgroundColor $PRIMARY_LIGHT-$PRIMARY
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $LIGHT
AttributeFontSize 11
}
!endsub
!startsub object
skinparam object {
$primary_scheme()
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $LIGHT
AttributeFontSize 11
}
!endsub
!startsub usecase
skinparam usecase {
$primary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub rectangle
skinparam rectangle {
$secondary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub package
skinparam package {
FontColor $PRIMARY
BorderColor $PRIMARY_LIGHT
BackgroundColor $BGCOLOR
BorderThickness 2
}
!endsub
!startsub folder
skinparam folder {
BackgroundColor $WHITE-$SECONDARY_LIGHT
BorderColor $WARNING
FontColor $WARNING
BorderThickness 2
}
!endsub
!startsub frame
skinparam frame {
BackgroundColor $WHITE-$SECONDARY_LIGHT
BorderColor $INFO
FontColor $INFO
BorderThickness 2
}
!endsub
!startsub state
skinparam state {
$primary_scheme()
BorderColor $PRIMARY_DARK
StartColor $INFO
EndColor $INFO
AttributeFontColor $LIGHT
AttributeFontSize 11
}
!endsub
!startsub queue
skinparam queue {
$primary_scheme()
}
!endsub
!startsub card
skinparam card {
BackgroundColor $INFO_LIGHT-$INFO
BorderColor $INFO
FontColor $INFO_TEXT
}
!endsub
!startsub file
skinparam file {
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
BorderColor $INFO
FontColor $SECONDARY_TEXT
}
!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 20
skinparam ParticipantPadding 30
skinparam BoxPadding 40
skinparam Padding 8
skinparam ArrowColor #959595
skinparam stereotype {
CBackgroundColor #f5f5f5
CBorderColor #c2c2c2
ABackgroundColor #c4ca33
ABorderColor #919700
IBackgroundColor #d95555
IBorderColor #a62222
EBackgroundColor #ee9033
EBorderColor #bb5d00
NBackgroundColor #3786be
NBorderColor #04538b
}
skinparam title {
FontColor #009fdb
BorderColor #c2c2c2
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor #f5f5f5-#f2f2f2
}
skinparam legend {
BackgroundColor #f2f2f2
BorderColor #c2c2c2
FontColor #5a5a5a
}
skinparam swimlane {
BorderColor #0568ae
BorderThickness 2
TitleBackgroundColor #f5f5f5-#f2f2f2
TitleFontColor #009fdb
}
skinparam activity {
FontColor #fff
BorderColor #009fdb
BackgroundColor #33b2e2-#009fdb
BarColor #b5bd00
StartColor #0568ae
EndColor #0568ae
DiamondBackgroundColor #f5f5f5-#c2c2c2
DiamondBorderColor #c2c2c2
DiamondFontColor #5a5a5a
}
skinparam participant {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
ParticipantBorderThickness 2
}
skinparam actor {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
FontColor #009fdb
}
skinparam arrow {
Thickness 3
Color #009fdb
FontColor #5a5a5a
}
skinparam sequence {
BorderColor #009fdb
TitleFontColor #009fdb
BackgroundColor transparent
StartColor #009fdb
EndColor #009fdb
BoxBackgroundColor transparent
BoxBorderColor #959595
BoxFontColor #5a5a5a
LifeLineBorderColor #c2c2c2
LifeLineBorderThickness 2
LifeLineBackgroundColor #f5f5f5
GroupBorderColor #959595
GroupFontColor #5a5a5a
GroupHeaderFontColor #0568ae
GroupBackgroundColor transparent
GroupBodyBackgroundColor transparent
GroupHeaderBackgroundColor transparent
DividerBackgroundColor #fff-#d2d2d2
DividerBorderColor #959595
DividerBorderThickness 2
DividerFontColor #5a5a5a
ReferenceBackgroundColor transparent
ReferenceBorderColor #959595
ReferenceFontColor #5a5a5a
ReferenceHeaderFontColor #0568ae
}
skinparam partition {
BorderColor #009fdb
FontColor #009fdb
BackgroundColor transparent
}
skinparam collections {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
}
skinparam control {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
FontColor #009fdb
}
skinparam entity {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
FontColor #009fdb
}
skinparam boundary {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
FontColor #009fdb
}
skinparam agent {
BackgroundColor #orange
BorderColor #999999
FontColor #333333
}
skinparam note {
BorderThickness 1
BackgroundColor #3786be-#0568ae
BorderColor #0568ae
FontColor #fff
}
skinparam artifact {
BackgroundColor #fff-#d2d2d2
BorderColor #c2c2c2
FontColor #5a5a5a
}
skinparam component {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
}
skinparam interface {
BackgroundColor #d95555
BorderColor #cf2a2a
FontColor #5a5a5a
}
skinparam storage {
BackgroundColor #ee9033-#ea7400
BorderColor #ea7400
FontColor #fff
}
skinparam node {
BackgroundColor #f5f5f5-#f2f2f2
BorderColor #c2c2c2
FontColor #009fdb
}
skinparam cloud {
BackgroundColor transparent
BorderColor #F2FCFE
FontColor #009fdb
}
skinparam database {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
BorderColor #007faf
}
skinparam class {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
HeaderBackgroundColor #33b2e2-#009fdb
StereotypeFontColor #5a5a5a
BorderThickness 1
AttributeFontColor #d2d2d2
AttributeFontSize 11
}
skinparam object {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
StereotypeFontColor #5a5a5a
BorderThickness 1
AttributeFontColor #d2d2d2
AttributeFontSize 11
}
skinparam usecase {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
BorderThickness 2
StereotypeFontColor #009fdb
}
skinparam rectangle {
FontColor #5a5a5a
BorderColor #c2c2c2
BackgroundColor #fff-#fefefe
BorderThickness 2
StereotypeFontColor #009fdb
}
skinparam package {
FontColor #009fdb
BorderColor #33b2e2
BackgroundColor transparent
BorderThickness 2
}
skinparam folder {
BackgroundColor #fff-#f5f5f5
BorderColor #ea7400
FontColor #ea7400
BorderThickness 2
}
skinparam frame {
BackgroundColor #fff-#f5f5f5
BorderColor #0568ae
FontColor #0568ae
BorderThickness 2
}
skinparam state {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
BorderColor #007faf
StartColor #0568ae
EndColor #0568ae
AttributeFontColor #d2d2d2
AttributeFontSize 11
}
skinparam queue {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
}
skinparam card {
BackgroundColor #3786be-#0568ae
BorderColor #0568ae
FontColor #fff
}
skinparam file {
BackgroundColor #f5f5f5-#f2f2f2
BorderColor #0568ae
FontColor #5a5a5a
}
skinparam stack {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
}
title State Diagram - bluegray 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>