demo_doc/puml/lightgray/state-ex.svg
2021-06-25 21:37:59 +08:00

828 lines
28 KiB
XML

<?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="1408.3333px" preserveAspectRatio="none" style="width:393px;height:1408px;background:#00000000;" version="1.1" viewBox="0 0 393 1408" width="393.75px" zoomAndPan="magnify"><defs><linearGradient id="g1k6ub2c5qgp3s0" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#DBDBDB"/><stop offset="100%" stop-color="#D2D2D2"/></linearGradient><linearGradient id="g1k6ub2c5qgp3s1" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#F3F3F3"/><stop offset="100%" stop-color="#E2E2E2"/></linearGradient></defs><g><rect fill="url(#g1k6ub2c5qgp3s0)" height="56.5694" rx="4.1667" ry="4.1667" style="stroke:#D2D2D2;stroke-width:1.0416666666666667;" width="381.25" x="2.0833" y="2.0833"/><text fill="#FFFFFF" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="343.75" x="20.8333" y="38.6536">State Diagram - lightgray theme</text><rect fill="#339933" height="8.3333" style="stroke:none;stroke-width:1.0416666666666667;" width="83.3333" x="157.2917" y="152.4028"/><ellipse cx="198.9583" cy="78.4444" fill="#336699" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="State2"><rect fill="url(#g1k6ub2c5qgp3s1)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#888888;stroke-width:1.5625;" width="85.4167" x="95.8333" y="224.2778"/><line style="stroke:#888888;stroke-width:1.5625;" x1="95.8333" x2="181.25" y1="270.7194" y2="270.7194"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="116.6667" y="252.4699">State2</text></g><g id="State3"><rect fill="url(#g1k6ub2c5qgp3s1)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#888888;stroke-width:1.5625;" width="85.4167" x="223.9583" y="224.2778"/><line style="stroke:#888888;stroke-width:1.5625;" x1="223.9583" x2="309.375" y1="270.7194" y2="270.7194"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="244.7917" y="252.4699">State3</text></g><rect fill="#339933" height="8.3333" style="stroke:none;stroke-width:1.0416666666666667;" width="83.3333" x="158.3333" y="402.4028"/><g id="State4"><rect fill="url(#g1k6ub2c5qgp3s1)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#888888;stroke-width:1.5625;" width="85.4167" x="157.2917" y="474.2778"/><line style="stroke:#888888;stroke-width:1.5625;" x1="157.2917" x2="242.7083" y1="520.7194" y2="520.7194"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="178.125" y="502.4699">State4</text></g><rect fill="url(#g1k6ub2c5qgp3s1)" height="786.8083" rx="13.0208" ry="13.0208" style="stroke:#888888;stroke-width:1.5625;" width="348.9583" x="25.5208" y="615.9444"/><rect height="734.1166" rx="13.0208" ry="13.0208" style="stroke:#00000000;stroke-width:1.0416666666666667;fill:none;" width="342.7083" x="28.6458" y="665.5111"/><line style="stroke:#888888;stroke-width:1.5625;fill:none;" x1="25.5208" x2="374.4792" y1="662.3861" y2="662.3861"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="38.5417" x="180.7292" y="644.1366">Active</text><ellipse cx="47.3958" cy="713.9486" fill="#336699" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="Active.NumLockOff"><rect fill="url(#g1k6ub2c5qgp3s1)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#888888;stroke-width:1.5625;" width="118.75" x="76.5625" y="674.8861"/><line style="stroke:#888888;stroke-width:1.5625;" x1="76.5625" x2="195.3125" y1="721.3277" y2="721.3277"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="77.0833" x="97.3958" y="703.0782">NumLockOff</text></g><g id="Active.NumLockOn"><rect fill="url(#g1k6ub2c5qgp3s1)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#888888;stroke-width:1.5625;" width="118.75" x="75.5208" y="828.0111"/><line style="stroke:#888888;stroke-width:1.5625;" x1="75.5208" x2="194.2708" y1="874.4527" y2="874.4527"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="77.0833" x="96.3542" y="856.2032">NumLockOn</text></g><!--MD5=[f1e44e9cdf7ed6fd162579f896fb76ea]
link *start*Active to NumLockOff--><path d="M58.1146,713.9486 C62.3958,713.9486 66.6667,713.9486 70.9375,713.9486 " fill="none" id="*start*Active-to-NumLockOff" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="76.3542,713.9486,66.9792,709.7819,71.1458,713.9486,66.9792,718.1152,76.3542,713.9486" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[b6ef3c088f5474ecc81df30475e7d61b]
link NumLockOff to NumLockOn--><path d="M76.1458,748.4486 C63.6042,756.7298 53.0625,765.1257 49.4792,771.7611 C41.5625,786.4277 41.6042,794.5736 49.4792,809.2611 C54.6875,818.9694 62.3646,827.3027 71.0208,834.3548 " fill="none" id="NumLockOff-to-NumLockOn" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="75.3333,837.7194,70.498,828.6711,71.2245,834.5187,65.3769,835.2452,75.3333,837.7194" style="stroke:#E2E2E2;stroke-width:3.125;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="127.0833" x="60.9375" y="795.7865">EvNumLockPressed</text><!--MD5=[3bfddee0d82dc74c927fbeb3d3f2e6a3]
link NumLockOn to NumLockOff--><path d="M187.375,827.7819 C192.2396,822.1152 196.4688,815.9277 199.4792,809.2611 C206.3438,794.0736 206.2917,786.9694 199.4792,771.7611 C197.2604,766.8027 194.3646,762.0944 191.0417,757.6673 " fill="none" id="NumLockOn-to-NumLockOff" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="187.5833,753.3444,190.1597,763.2749,190.8261,757.4201,196.6808,758.0865,187.5833,753.3444" style="stroke:#E2E2E2;stroke-width:3.125;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="127.0833" x="216.1458" y="795.7865">EvNumLockPressed</text><line style="stroke:#888888;stroke-width:1.5625;stroke-dasharray:8.0,10.0;" x1="30.7292" x2="367.1875" y1="910.9111" y2="910.9111"/><ellipse cx="47.3958" cy="957.2652" fill="#336699" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="Active.CONC87.CapsLockOff"><rect fill="url(#g1k6ub2c5qgp3s1)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#888888;stroke-width:1.5625;" width="122.9167" x="76.5625" y="918.2027"/><line style="stroke:#888888;stroke-width:1.5625;" x1="76.5625" x2="199.4792" y1="964.6444" y2="964.6444"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="81.25" x="97.3958" y="946.3949">CapsLockOff</text></g><g id="Active.CONC87.CapsLockOn"><rect fill="url(#g1k6ub2c5qgp3s1)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#888888;stroke-width:1.5625;" width="122.9167" x="75.5208" y="1071.3277"/><line style="stroke:#888888;stroke-width:1.5625;" x1="75.5208" x2="198.4375" y1="1117.7694" y2="1117.7694"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="81.25" x="96.3542" y="1099.5199">CapsLockOn</text></g><!--MD5=[70bdb58272bc1a7d9e9d21dfe0316432]
link *start*CONC87 to CapsLockOff--><path d="M58.0208,957.2652 C62.3333,957.2652 66.6563,957.2652 70.9792,957.2652 " fill="none" id="*start*CONC87-to-CapsLockOff" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="76.4583,957.2652,67.0833,953.0986,71.25,957.2652,67.0833,961.4319,76.4583,957.2652" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[dc4675bd3056f3ef68701d9e8e02a3f3]
link CapsLockOff to CapsLockOn--><path d="M76.3438,991.9319 C63.6979,1000.1194 53.1146,1008.4319 49.4792,1015.0777 C41.4792,1029.7027 41.5208,1037.9319 49.4792,1052.5777 C54.6771,1062.1506 62.2708,1070.359 70.8333,1077.3173 " fill="none" id="CapsLockOff-to-CapsLockOn" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="75.1146,1080.6298,70.2634,1071.59,71.0002,1077.4363,65.1539,1078.173,75.1146,1080.6298" style="stroke:#E2E2E2;stroke-width:3.125;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="60.9375" y="1039.1032">EvCapsLockPressed</text><!--MD5=[79e17b083e07746bd1a647600952cab6]
link CapsLockOn to CapsLockOff--><path d="M191.125,1071.2861 C196.1563,1065.5986 200.5208,1059.3381 203.6458,1052.5777 C210.6354,1037.4423 210.5729,1030.234 203.6458,1015.0777 C201.2917,1009.9423 198.2292,1005.0881 194.6979,1000.5465 " fill="none" id="CapsLockOn-to-CapsLockOff" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="191.3333,996.4631,194.069,1006.3509,194.6412,1000.4862,200.5059,1001.0584,191.3333,996.4631" style="stroke:#E2E2E2;stroke-width:3.125;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="221.3542" y="1039.1032">EvCapsLockPressed</text><line style="stroke:#888888;stroke-width:1.5625;stroke-dasharray:8.0,10.0;" x1="30.7292" x2="367.1875" y1="1154.2277" y2="1154.2277"/><ellipse cx="47.3958" cy="1200.5819" fill="#336699" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="Active.CONC95.ScrollLockOff"><rect fill="url(#g1k6ub2c5qgp3s1)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#888888;stroke-width:1.5625;" width="123.9583" x="77.0833" y="1161.5194"/><line style="stroke:#888888;stroke-width:1.5625;" x1="77.0833" x2="201.0417" y1="1207.961" y2="1207.961"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="82.2917" x="97.9167" y="1189.7115">ScrollLockOff</text></g><g id="Active.CONC95.ScrollLockOn"><rect fill="url(#g1k6ub2c5qgp3s1)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#888888;stroke-width:1.5625;" width="123.9583" x="77.0833" y="1314.6444"/><line style="stroke:#888888;stroke-width:1.5625;" x1="77.0833" x2="201.0417" y1="1361.086" y2="1361.086"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="82.2917" x="97.9167" y="1342.8365">ScrollLockOn</text></g><!--MD5=[8676698f49c1acec7e35e8e65e103748]
link *start*CONC95 to ScrollLockOff--><path d="M58.1354,1200.5819 C62.6042,1200.5819 67.0729,1200.5819 71.5417,1200.5819 " fill="none" id="*start*CONC95-to-ScrollLockOff" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="76.7917,1200.5819,67.4167,1196.4152,71.5833,1200.5819,67.4167,1204.7485,76.7917,1200.5819" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[da4e1e55b4a6de250eca2c82023085fa]
link ScrollLockOff to ScrollLockOn--><path d="M76.7604,1236.2069 C64.8646,1244.1027 55.0208,1252.0298 51.5625,1258.3944 C43.6042,1273.0402 43.6042,1281.2485 51.5625,1295.8944 C56.6875,1305.3319 64.1354,1313.436 72.5521,1320.3319 " fill="none" id="ScrollLockOff-to-ScrollLockOn" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="76.75,1323.6235,71.9306,1314.5667,72.6468,1320.4156,66.798,1321.1318,76.75,1323.6235" style="stroke:#E2E2E2;stroke-width:3.125;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="63.0208" y="1282.4198">EvCapsLockPressed</text><!--MD5=[6ad2c621f2407b82317910f4deb17639]
link ScrollLockOn to ScrollLockOff--><path d="M193.2083,1314.6027 C198.2396,1308.9152 202.6042,1302.6548 205.7292,1295.8944 C212.7188,1280.759 212.7188,1273.5298 205.7292,1258.3944 C203.3333,1253.2173 200.2188,1248.3423 196.625,1243.7798 " fill="none" id="ScrollLockOn-to-ScrollLockOff" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="193.2083,1239.686,196.0055,1249.5566,196.5412,1243.6884,202.4093,1244.224,193.2083,1239.686" style="stroke:#E2E2E2;stroke-width:3.125;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="222.3958" y="1282.4198">EvCapsLockPressed</text><!--MD5=[242ad121cef04112e9b0ee8f25f52375]
link *start to fork_state--><path d="M198.9583,89.1215 C198.9583,103.9548 198.9583,132.1736 198.9583,146.5798 " fill="none" id="*start-to-fork_state" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="198.9583,152.1319,203.125,142.7569,198.9583,146.9236,194.7917,142.7569,198.9583,152.1319" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[44dd36eb382d4fffd186e8c447a61da0]
link fork_state to State2--><path d="M196.9479,161.0903 C191.6354,170.309 176.6875,196.2048 163.2396,219.5069 " fill="none" id="fork_state-to-State2" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="160.5729,224.1215,168.8698,218.0871,163.1778,219.6114,161.6536,213.9193,160.5729,224.1215" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[43d4d70f9cd19f132a5eb1ce9d85c890]
link fork_state to State3--><path d="M201.2083,161.0903 C207.1667,170.309 223.9271,196.2048 238.9896,219.5069 " fill="none" id="fork_state-to-State3" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="241.9688,224.1215,240.3797,213.9861,239.1418,219.7471,233.3807,218.5092,241.9688,224.1215" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[8cf5ef3a64654818495211b4c165bd62]
link State2 to join_state--><path d="M121.5104,302.6736 C114.6146,324.3403 110.9688,351.0278 123.9583,371.1528 C134.8542,388.0278 156.25,396.7153 173.5833,401.1215 " fill="none" id="State2-to-join_state" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="178.8125,402.3611,170.6542,396.1406,173.7452,401.1574,168.7284,404.2483,178.8125,402.3611" style="stroke:#E2E2E2;stroke-width:3.125;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="98.9583" x="135.4167" y="357.6782">some message</text><!--MD5=[183fde86cac17ac230b97143534e47db]
link State3 to join_state--><path d="M267.9271,302.5278 C266.9583,324.1319 262.7917,350.8298 250,371.1528 C241.3438,384.9132 224.9479,394.5798 213.2917,400.0798 " fill="none" id="State3-to-join_state" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="208.3125,402.3194,218.5717,402.2986,213.0676,400.1945,215.1718,394.6904,208.3125,402.3194" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[1e473d623208eebf6d5ebd6e9bc5a11d]
link join_state to State4--><path d="M200,411.0903 C200,420.1944 200,445.5694 200,468.6319 " fill="none" id="join_state-to-State4" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="200,474.1215,204.1667,464.7465,200,468.9132,195.8333,464.7465,200,474.1215" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[0a70b1a7cf318979336334b4227eefe4]
link State4 to Active--><path d="M200,552.7153 C200,568.3403 200,588.0278 200,610.3819 " fill="none" id="State4-to-Active" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="200,615.809,204.1667,606.434,200,610.6007,195.8333,606.434,200,615.809" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[00cde697a8a665febd43df1ca8786efe]
@startuml
!$THEME = "lightgray"
!if %not(%variable_exists("$BGCOLOR"))
!$BGCOLOR = "transparent"
!endif
skinparam backgroundColor $BGCOLOR
skinparam useBetaStyle false
!$WHITE = "#FFF"
!$GRAY_DARK = "#4d4d4d"
!$GRAY = "#737373"
!$LIGHT = "#fcfcfc"
!$DARK = "#303030"
!$FGCOLOR = $DARK
!$PRIMARY = "#e2e2e2"
!$PRIMARY_LIGHT = "#f3f3f3"
!$PRIMARY_DARK = "#888888"
!$PRIMARY_TEXT = "#336699"
!$SECONDARY = "#d2d2d2"
!$SECONDARY_LIGHT = "#dbdbdb"
!$SECONDARY_DARK = "#a8a8a8"
!$SECONDARY_TEXT = "white"
!$INFO = "#336699"
!$INFO_LIGHT = "#5c85ad"
!$INFO_DARK = "#29527a"
!$INFO_TEXT = $WHITE
!$SUCCESS = "#339933"
!$SUCCESS_LIGHT = "#5cad5c"
!$SUCCESS_DARK = "#297a29"
!$SUCCESS_TEXT = $WHITE
!$WARNING = "#ffae42"
!$WARNING_LIGHT = "#ffbe68"
!$WARNING_DARK = "#cc8b35"
!$WARNING_TEXT = $WHITE
!$DANGER = "#ff3333"
!$DANGER_LIGHT = "#ff5c5c"
!$DANGER_DARK = "#cc2929"
!$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
skinparam defaultFontName "Verdana"
skinparam defaultFontSize 12
skinparam dpi 100
skinparam shadowing false
skinparam roundcorner 15
skinparam ParticipantPadding 30
skinparam BoxPadding 30
skinparam Padding 10
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 $SECONDARY_TEXT
BorderColor $SECONDARY
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
}
skinparam legend {
BackgroundColor $PRIMARY
BorderColor $PRIMARY_DARK
FontColor $PRIMARY_TEXT
}
!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-$SECONDARY_DARK
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 $SECONDARY_TEXT
BackgroundColor $BGCOLOR
StartColor $PRIMARY
EndColor $PRIMARY
BoxBackgroundColor $BGCOLOR
BoxBorderColor $GRAY
BoxFontColor $DARK
LifeLineBorderColor $SECONDARY_DARK
LifeLineBorderThickness 2
LifeLineBackgroundColor $SECONDARY_LIGHT
GroupBorderColor $DARK
GroupFontColor $DARK
GroupHeaderFontColor $INFO_TEXT
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_DARK
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 #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_DARK
}
!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 $BGCOLOR
BorderColor $PRIMARY_LIGHT
FontColor $PRIMARY_TEXT
}
!endsub
!startsub cloud
skinparam cloud {
BackgroundColor transparent
BorderColor $F2FCFE
FontColor $PRIMARY_TEXT
}
!endsub
!startsub database
skinparam database {
$primary_scheme()
BackgroundColor $BGCOLOR
}
!endsub
!startsub class
skinparam class {
$primary_scheme()
HeaderBackgroundColor $PRIMARY_LIGHT-$PRIMARY_DARK
StereotypeFontColor $DARK
StereotypeFontSize 9
BorderThickness 1
AttributeFontColor $DARK
AttributeFontSize 11
}
!endsub
!startsub object
skinparam object {
$primary_scheme()
StereotypeFontColor $LIGHT
BorderThickness 1
AttributeFontColor $DARK
AttributeFontSize 11
}
!endsub
!startsub usecase
skinparam usecase {
$primary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub rectangle
skinparam rectangle {
$primary_scheme()
BackgroundColor $BGCOLOR
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub package
skinparam package {
$primary_scheme()
BackgroundColor $BGCOLOR
BorderThickness 2
}
!endsub
!startsub folder
skinparam folder {
BackgroundColor $PRIMARY_LIGHT
BorderColor $WARNING
FontColor $WARNING
BorderThickness 2
}
!endsub
!startsub frame
skinparam frame {
BackgroundColor $PRIMARY_LIGHT
BorderColor $INFO
FontColor $INFO
BorderThickness 2
}
!endsub
!startsub state
skinparam state {
$primary_scheme()
BorderColor $PRIMARY_DARK
StartColor $INFO
EndColor $INFO
AttributeFontColor $SECONDARY_TEXT
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 $SECONDARY_DARK
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 15
skinparam ParticipantPadding 30
skinparam BoxPadding 30
skinparam Padding 10
skinparam ArrowColor #737373
skinparam stereotype {
CBackgroundColor #dbdbdb
CBorderColor #a8a8a8
ABackgroundColor #5cad5c
ABorderColor #297a29
IBackgroundColor #ff5c5c
IBorderColor #cc2929
EBackgroundColor #ffbe68
EBorderColor #cc8b35
NBackgroundColor #5c85ad
NBorderColor #29527a
}
skinparam title {
FontColor white
BorderColor #d2d2d2
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor #dbdbdb-#d2d2d2
}
skinparam legend {
BackgroundColor #e2e2e2
BorderColor #888888
FontColor #336699
}
skinparam swimlane {
BorderColor #336699
BorderThickness 2
TitleBackgroundColor #dbdbdb-#d2d2d2
TitleFontColor #e2e2e2
}
skinparam activity {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
BarColor #339933
StartColor #336699
EndColor #336699
DiamondBackgroundColor #d2d2d2-#a8a8a8
DiamondBorderColor #a8a8a8
DiamondFontColor white
}
skinparam participant {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
ParticipantBorderThickness 2
}
skinparam actor {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
}
skinparam arrow {
Thickness 3
Color #e2e2e2
FontColor #303030
}
skinparam sequence {
BorderColor #e2e2e2
TitleFontColor white
BackgroundColor transparent
StartColor #e2e2e2
EndColor #e2e2e2
BoxBackgroundColor transparent
BoxBorderColor #737373
BoxFontColor #303030
LifeLineBorderColor #a8a8a8
LifeLineBorderThickness 2
LifeLineBackgroundColor #dbdbdb
GroupBorderColor #303030
GroupFontColor #303030
GroupHeaderFontColor #FFF
GroupBackgroundColor transparent
GroupBodyBackgroundColor transparent
GroupHeaderBackgroundColor transparent
DividerBackgroundColor #FFF-#fcfcfc
DividerBorderColor #737373
DividerBorderThickness 2
DividerFontColor #303030
ReferenceBackgroundColor transparent
ReferenceBorderColor #737373
ReferenceFontColor #303030
ReferenceHeaderFontColor #336699
}
skinparam partition {
BorderColor #e2e2e2
FontColor #888888
BackgroundColor transparent
}
skinparam collections {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
}
skinparam control {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
}
skinparam entity {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
}
skinparam boundary {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
}
skinparam agent {
BackgroundColor #orange
BorderColor #999999
FontColor #333333
}
skinparam note {
BorderThickness 1
BackgroundColor #5c85ad-#336699
BorderColor #336699
FontColor #FFF
}
skinparam artifact {
BackgroundColor white-#fcfcfc
BorderColor #a8a8a8
FontColor #a8a8a8
}
skinparam component {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
}
skinparam interface {
BackgroundColor #ff5c5c
BorderColor #ff3333
FontColor #303030
}
skinparam storage {
BackgroundColor #ffbe68-#ffae42
BorderColor #ffae42
FontColor #FFF
}
skinparam node {
BackgroundColor transparent
BorderColor #f3f3f3
FontColor #336699
}
skinparam cloud {
BackgroundColor transparent
BorderColor $F2FCFE
FontColor #336699
}
skinparam database {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
BackgroundColor transparent
}
skinparam class {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
HeaderBackgroundColor #f3f3f3-#888888
StereotypeFontColor #303030
StereotypeFontSize 9
BorderThickness 1
AttributeFontColor #303030
AttributeFontSize 11
}
skinparam object {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
StereotypeFontColor #fcfcfc
BorderThickness 1
AttributeFontColor #303030
AttributeFontSize 11
}
skinparam usecase {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
BorderThickness 2
StereotypeFontColor #e2e2e2
}
skinparam rectangle {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
BackgroundColor transparent
BorderThickness 2
StereotypeFontColor #e2e2e2
}
skinparam package {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
BackgroundColor transparent
BorderThickness 2
}
skinparam folder {
BackgroundColor #f3f3f3
BorderColor #ffae42
FontColor #ffae42
BorderThickness 2
}
skinparam frame {
BackgroundColor #f3f3f3
BorderColor #336699
FontColor #336699
BorderThickness 2
}
skinparam state {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
BorderColor #888888
StartColor #336699
EndColor #336699
AttributeFontColor white
AttributeFontSize 11
}
skinparam queue {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
}
skinparam card {
BackgroundColor #5c85ad-#336699
BorderColor #336699
FontColor #FFF
}
skinparam file {
BackgroundColor #dbdbdb-#d2d2d2
BorderColor #a8a8a8
FontColor white
}
skinparam stack {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
}
title State Diagram - lightgray 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>