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

886 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="1316.6667px" preserveAspectRatio="none" style="width:356px;height:1316px;background:#00000000;" version="1.1" viewBox="0 0 356 1316" width="356.25px" zoomAndPan="magnify"><defs><linearGradient id="gmjax7rclymsz0" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#DEDEDE"/><stop offset="100%" stop-color="#D6D6D6"/></linearGradient><linearGradient id="gmjax7rclymsz1" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#EEEEEE"/><stop offset="100%" stop-color="#BEBEBE"/></linearGradient></defs><g><rect fill="url(#gmjax7rclymsz0)" height="52.4028" rx="4.1667" ry="4.1667" style="stroke:#ABABAB;stroke-width:1.0416666666666667;" width="340.625" x="2.0833" y="2.0833"/><text fill="#EEEEEE" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="307.2917" x="18.75" y="36.5702">State Diagram - silver theme</text><rect fill="#339933" height="8.3333" style="stroke:none;stroke-width:1.0416666666666667;" width="83.3333" x="136.9792" y="148.2361"/><ellipse cx="178.6458" cy="74.2778" fill="#336699" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="State2"><rect fill="url(#gmjax7rclymsz1)" height="69.3583" rx="13.0208" ry="13.0208" style="stroke:#F1F1F1;stroke-width:1.5625;" width="81.25" x="79.6875" y="220.1111"/><line style="stroke:#F1F1F1;stroke-width:1.5625;" x1="79.6875" x2="160.9375" y1="262.3861" y2="262.3861"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="98.4375" y="246.2199">State2</text></g><g id="State3"><rect fill="url(#gmjax7rclymsz1)" height="69.3583" rx="13.0208" ry="13.0208" style="stroke:#F1F1F1;stroke-width:1.5625;" width="81.25" x="203.6458" y="220.1111"/><line style="stroke:#F1F1F1;stroke-width:1.5625;" x1="203.6458" x2="284.8958" y1="262.3861" y2="262.3861"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="222.3958" y="246.2199">State3</text></g><rect fill="#339933" height="8.3333" style="stroke:none;stroke-width:1.0416666666666667;" width="83.3333" x="138.0208" y="385.7361"/><g id="State4"><rect fill="url(#gmjax7rclymsz1)" height="69.3583" rx="13.0208" ry="13.0208" style="stroke:#F1F1F1;stroke-width:1.5625;" width="81.25" x="139.0625" y="457.6111"/><line style="stroke:#F1F1F1;stroke-width:1.5625;" x1="139.0625" x2="220.3125" y1="499.8861" y2="499.8861"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="157.8125" y="483.7199">State4</text></g><rect fill="url(#gmjax7rclymsz1)" height="720.1416" rx="13.0208" ry="13.0208" style="stroke:#F1F1F1;stroke-width:1.5625;" width="339.5833" x="9.8958" 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="13.0208" y="636.3444"/><line style="stroke:#F1F1F1;stroke-width:1.5625;fill:none;" x1="9.8958" x2="349.4792" y1="633.2194" y2="633.2194"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="38.5417" x="160.4167" y="617.0532">Active</text><ellipse cx="31.7708" cy="680.6152" fill="#336699" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="Active.NumLockOff"><rect fill="url(#gmjax7rclymsz1)" height="69.3583" rx="13.0208" ry="13.0208" style="stroke:#F1F1F1;stroke-width:1.5625;" width="114.5833" x="60.9375" y="645.7194"/><line style="stroke:#F1F1F1;stroke-width:1.5625;" x1="60.9375" x2="175.5208" y1="687.9944" y2="687.9944"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="77.0833" x="79.6875" y="671.8282">NumLockOff</text></g><g id="Active.NumLockOn"><rect fill="url(#gmjax7rclymsz1)" height="69.3583" rx="13.0208" ry="13.0208" style="stroke:#F1F1F1;stroke-width:1.5625;" width="114.5833" x="59.8958" y="786.3444"/><line style="stroke:#F1F1F1;stroke-width:1.5625;" x1="59.8958" x2="174.4792" y1="828.6194" y2="828.6194"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="77.0833" x="78.6458" y="812.4532">NumLockOn</text></g><!--MD5=[f1e44e9cdf7ed6fd162579f896fb76ea]
link *start*Active to NumLockOff--><path d="M42.2396,680.6152 C46.5521,680.6152 50.8646,680.6152 55.1771,680.6152 " fill="none" id="*start*Active-to-NumLockOff" style="stroke:#EEEEEE;stroke-width:3.125;"/><polygon fill="#EEEEEE" points="60.6458,680.6152,51.2708,676.4486,55.4375,680.6152,51.2708,684.7819,60.6458,680.6152" style="stroke:#EEEEEE;stroke-width:3.125;"/><!--MD5=[b6ef3c088f5474ecc81df30475e7d61b]
link NumLockOff to NumLockOn--><path d="M60.7917,711.8548 C48.1563,719.709 37.4583,727.7715 33.8542,734.2611 C26.6667,747.2194 26.6979,754.6257 33.8542,767.5944 C39.0313,776.9902 46.6875,784.9486 55.2708,791.5944 " fill="none" id="NumLockOff-to-NumLockOn" style="stroke:#EEEEEE;stroke-width:3.125;"/><polygon fill="#EEEEEE" points="59.5625,794.7507,54.4706,785.8442,55.3639,791.6687,49.5394,792.562,59.5625,794.7507" style="stroke:#EEEEEE;stroke-width:3.125;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="127.0833" x="43.2292" y="756.2032">EvNumLockPressed</text><!--MD5=[3bfddee0d82dc74c927fbeb3d3f2e6a3]
link NumLockOn to NumLockOff--><path d="M166.7813,786.2819 C171.9792,780.6569 176.5208,774.4069 179.6875,767.5944 C185.9375,754.1673 185.8854,747.7194 179.6875,734.2611 C177.3021,729.084 174.1354,724.2298 170.4792,719.7194 " fill="none" id="NumLockOn-to-NumLockOff" style="stroke:#EEEEEE;stroke-width:3.125;"/><polygon fill="#EEEEEE" points="167,715.6777,169.9559,725.5019,170.3969,719.6259,176.2729,720.0669,167,715.6777" style="stroke:#EEEEEE;stroke-width:3.125;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="127.0833" x="194.2708" y="756.2032">EvNumLockPressed</text><line style="stroke:#F1F1F1;stroke-width:1.5625;stroke-dasharray:8.0,10.0;" x1="15.1042" x2="342.1875" y1="860.9111" y2="860.9111"/><ellipse cx="31.7708" cy="903.0986" fill="#336699" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="Active.CONC87.CapsLockOff"><rect fill="url(#gmjax7rclymsz1)" height="69.3583" rx="13.0208" ry="13.0208" style="stroke:#F1F1F1;stroke-width:1.5625;" width="118.75" x="60.9375" y="868.2027"/><line style="stroke:#F1F1F1;stroke-width:1.5625;" x1="60.9375" x2="179.6875" y1="910.4777" y2="910.4777"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="81.25" x="79.6875" y="894.3115">CapsLockOff</text></g><g id="Active.CONC87.CapsLockOn"><rect fill="url(#gmjax7rclymsz1)" height="69.3583" rx="13.0208" ry="13.0208" style="stroke:#F1F1F1;stroke-width:1.5625;" width="118.75" x="59.8958" y="1008.8277"/><line style="stroke:#F1F1F1;stroke-width:1.5625;" x1="59.8958" x2="178.6458" y1="1051.1027" y2="1051.1027"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="81.25" x="78.6458" y="1034.9365">CapsLockOn</text></g><!--MD5=[70bdb58272bc1a7d9e9d21dfe0316432]
link *start*CONC87 to CapsLockOff--><path d="M42.4896,903.0986 C46.7708,903.0986 51.0417,903.0986 55.3125,903.0986 " fill="none" id="*start*CONC87-to-CapsLockOff" style="stroke:#EEEEEE;stroke-width:3.125;"/><polygon fill="#EEEEEE" points="60.7292,903.0986,51.3542,898.9319,55.5208,903.0986,51.3542,907.2652,60.7292,903.0986" style="stroke:#EEEEEE;stroke-width:3.125;"/><!--MD5=[dc4675bd3056f3ef68701d9e8e02a3f3]
link CapsLockOff to CapsLockOn--><path d="M60.5729,934.7548 C48.0208,942.4319 37.4688,950.3069 33.8542,956.7444 C26.5938,969.6611 26.625,977.1402 33.8542,990.0777 C39.1042,999.484 46.8125,1007.4215 55.4792,1014.0361 " fill="none" id="CapsLockOff-to-CapsLockOn" style="stroke:#EEEEEE;stroke-width:3.125;"/><polygon fill="#EEEEEE" points="59.8021,1017.1819,54.6746,1008.2959,55.5912,1014.1167,49.7704,1015.0333,59.8021,1017.1819" style="stroke:#EEEEEE;stroke-width:3.125;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="43.2292" y="978.6865">EvCapsLockPressed</text><!--MD5=[79e17b083e07746bd1a647600952cab6]
link CapsLockOn to CapsLockOff--><path d="M170.7917,1008.6506 C176.0417,1003.0777 180.625,996.8694 183.8542,990.0777 C190.2083,976.6923 190.1563,970.1506 183.8542,956.7444 C181.4271,951.5881 178.2188,946.7548 174.5313,942.2861 " fill="none" id="CapsLockOn-to-CapsLockOff" style="stroke:#EEEEEE;stroke-width:3.125;"/><polygon fill="#EEEEEE" points="171.0208,938.2756,174.0559,948.0756,174.4495,942.1962,180.3289,942.5898,171.0208,938.2756" style="stroke:#EEEEEE;stroke-width:3.125;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="198.4375" y="978.6865">EvCapsLockPressed</text><line style="stroke:#F1F1F1;stroke-width:1.5625;stroke-dasharray:8.0,10.0;" x1="15.1042" x2="342.1875" y1="1083.3944" y2="1083.3944"/><ellipse cx="31.7708" cy="1125.5819" fill="#336699" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="Active.CONC95.ScrollLockOff"><rect fill="url(#gmjax7rclymsz1)" height="69.3583" rx="13.0208" ry="13.0208" style="stroke:#F1F1F1;stroke-width:1.5625;" width="119.7917" x="61.4583" y="1090.686"/><line style="stroke:#F1F1F1;stroke-width:1.5625;" x1="61.4583" x2="181.25" y1="1132.961" y2="1132.961"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="82.2917" x="80.2083" y="1116.7948">ScrollLockOff</text></g><g id="Active.CONC95.ScrollLockOn"><rect fill="url(#gmjax7rclymsz1)" height="69.3583" rx="13.0208" ry="13.0208" style="stroke:#F1F1F1;stroke-width:1.5625;" width="119.7917" x="61.4583" y="1231.311"/><line style="stroke:#F1F1F1;stroke-width:1.5625;" x1="61.4583" x2="181.25" y1="1273.586" y2="1273.586"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="82.2917" x="80.2083" y="1257.4198">ScrollLockOn</text></g><!--MD5=[8676698f49c1acec7e35e8e65e103748]
link *start*CONC95 to ScrollLockOff--><path d="M42.2708,1125.5819 C46.8542,1125.5819 51.4479,1125.5819 56.0313,1125.5819 " fill="none" id="*start*CONC95-to-ScrollLockOff" style="stroke:#EEEEEE;stroke-width:3.125;"/><polygon fill="#EEEEEE" points="61.4271,1125.5819,52.0521,1121.4152,56.2188,1125.5819,52.0521,1129.7485,61.4271,1125.5819" style="stroke:#EEEEEE;stroke-width:3.125;"/><!--MD5=[da4e1e55b4a6de250eca2c82023085fa]
link ScrollLockOff to ScrollLockOn--><path d="M61.4375,1157.8527 C49.4375,1165.3527 39.4167,1172.9985 35.9375,1179.2277 C28.7083,1192.1652 28.7083,1199.6235 35.9375,1212.561 C41.1146,1221.8423 48.6875,1229.686 57.1979,1236.2485 " fill="none" id="ScrollLockOff-to-ScrollLockOn" style="stroke:#EEEEEE;stroke-width:3.125;"/><polygon fill="#EEEEEE" points="61.4479,1239.3735,56.356,1230.4671,57.2493,1236.2916,51.4249,1237.1849,61.4479,1239.3735" style="stroke:#EEEEEE;stroke-width:3.125;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="45.3125" y="1201.1698">EvCapsLockPressed</text><!--MD5=[6ad2c621f2407b82317910f4deb17639]
link ScrollLockOn to ScrollLockOff--><path d="M172.875,1231.134 C178.125,1225.561 182.7083,1219.3527 185.9375,1212.561 C192.2917,1199.1756 192.2917,1192.6131 185.9375,1179.2277 C183.4688,1174.0298 180.1979,1169.1756 176.4479,1164.686 " fill="none" id="ScrollLockOn-to-ScrollLockOff" style="stroke:#EEEEEE;stroke-width:3.125;"/><polygon fill="#EEEEEE" points="172.875,1160.6548,175.9706,1170.4358,176.3278,1164.5541,182.2096,1164.9113,172.875,1160.6548" style="stroke:#EEEEEE;stroke-width:3.125;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="199.4792" y="1201.1698">EvCapsLockPressed</text><!--MD5=[242ad121cef04112e9b0ee8f25f52375]
link *start to fork_state--><path d="M178.6458,84.9548 C178.6458,99.7882 178.6458,128.0069 178.6458,142.4132 " fill="none" id="*start-to-fork_state" style="stroke:#EEEEEE;stroke-width:3.125;"/><polygon fill="#EEEEEE" points="178.6458,147.9653,182.8125,138.5903,178.6458,142.7569,174.4792,138.5903,178.6458,147.9653" style="stroke:#EEEEEE;stroke-width:3.125;"/><!--MD5=[44dd36eb382d4fffd186e8c447a61da0]
link fork_state to State2--><path d="M176.7083,156.7882 C171.3646,165.9861 155.9792,192.5069 142.625,215.5278 " fill="none" id="fork_state-to-State2" style="stroke:#EEEEEE;stroke-width:3.125;"/><polygon fill="#EEEEEE" points="139.9792,220.0694,148.2996,214.0675,142.6016,215.5695,141.0997,209.8716,139.9792,220.0694" style="stroke:#EEEEEE;stroke-width:3.125;"/><!--MD5=[43d4d70f9cd19f132a5eb1ce9d85c890]
link fork_state to State3--><path d="M180.8333,156.7882 C186.8333,165.9861 204.1458,192.5069 219.1771,215.5278 " fill="none" id="fork_state-to-State3" style="stroke:#EEEEEE;stroke-width:3.125;"/><polygon fill="#EEEEEE" points="222.1458,220.0694,220.5167,209.9404,219.3016,215.7063,213.5357,214.4911,222.1458,220.0694" style="stroke:#EEEEEE;stroke-width:3.125;"/><!--MD5=[8cf5ef3a64654818495211b4c165bd62]
link State2 to join_state--><path d="M104.4167,290.3507 C97.6042,310.4653 93.6458,335.5486 105.7292,354.4861 C116.4271,371.2569 137.6563,379.9653 154.6354,384.4236 " fill="none" id="State2-to-join_state" style="stroke:#EEEEEE;stroke-width:3.125;"/><polygon fill="#EEEEEE" points="159.75,385.6736,151.6306,379.4025,154.6902,384.4384,149.6543,387.4981,159.75,385.6736" style="stroke:#EEEEEE;stroke-width:3.125;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="98.9583" x="115.1042" y="343.0949">some message</text><!--MD5=[183fde86cac17ac230b97143534e47db]
link State3 to join_state--><path d="M244.8021,290.2257 C243.6458,310.2882 239.5417,335.3715 227.6042,354.4861 C219.1458,368.0382 203.1875,377.8507 192.0208,383.434 " fill="none" id="State3-to-join_state" style="stroke:#EEEEEE;stroke-width:3.125;"/><polygon fill="#EEEEEE" points="187.2708,385.7048,197.5269,385.4487,191.976,383.4714,193.9533,377.9205,187.2708,385.7048" style="stroke:#EEEEEE;stroke-width:3.125;"/><!--MD5=[1e473d623208eebf6d5ebd6e9bc5a11d]
link join_state to State4--><path d="M179.6875,394.2882 C179.6875,403.3715 179.6875,429.3507 179.6875,452.1632 " fill="none" id="join_state-to-State4" style="stroke:#EEEEEE;stroke-width:3.125;"/><polygon fill="#EEEEEE" points="179.6875,457.5694,183.8542,448.1944,179.6875,452.3611,175.5208,448.1944,179.6875,457.5694" style="stroke:#EEEEEE;stroke-width:3.125;"/><!--MD5=[0a70b1a7cf318979336334b4227eefe4]
link State4 to Active--><path d="M179.6875,527.4653 C179.6875,542.9236 179.6875,562.8819 179.6875,585.7048 " fill="none" id="State4-to-Active" style="stroke:#EEEEEE;stroke-width:3.125;"/><polygon fill="#EEEEEE" points="179.6875,590.934,183.8542,581.559,179.6875,585.7257,175.5208,581.559,179.6875,590.934" style="stroke:#EEEEEE;stroke-width:3.125;"/><!--MD5=[33b33f3917f7eafa282ee73601c56b9b]
@startuml
!$THEME = "silver"
!if %not(%variable_exists("$BGCOLOR"))
!$BGCOLOR = "transparent"
!endif
skinparam backgroundColor $BGCOLOR
skinparam useBetaStyle false
!$WHITE = "#FFF"
!$GRAY_DARK = "#4d4d4d"
!$GRAY = "#737373"
!$LIGHT = "#ffffff"
!$DARK = "#303030"
!$FGCOLOR = $DARK
!$PRIMARY = "#eeeeee"
!$PRIMARY_LIGHT = "#f1f1f1"
!$PRIMARY_DARK = "#bebebe"
!$PRIMARY_TEXT = "#336699"
!$SECONDARY = "#d6d6d6"
!$SECONDARY_LIGHT = "#dedede"
!$SECONDARY_DARK = "#ababab"
!$SECONDARY_TEXT = $LIGHT
!$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-$PRIMARY_DARK
!endprocedure
skinparam defaultFontName "Verdana"
skinparam defaultFontSize 12
skinparam dpi 100
skinparam shadowing false
skinparam roundcorner 15
skinparam ParticipantPadding 30
skinparam BoxPadding 30
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 $SECONDARY_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()
FontColor $DARK
}
!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_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 $SECONDARY_LIGHT-$SECONDARY_DARK
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 $PRIMARY_LIGHT-$PRIMARY_DARK
BorderColor $PRIMARY_LIGHT
FontColor $PRIMARY_TEXT
}
!endsub
!startsub cloud
skinparam cloud {
BackgroundColor transparent
BorderColor #F2FCFE
FontColor $DARK
}
!endsub
!startsub database
skinparam database {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub class
skinparam class {
$primary_scheme()
HeaderBackgroundColor $PRIMARY_LIGHT-$PRIMARY_DARK
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $DARK
AttributeFontSize 9
}
!endsub
!startsub object
skinparam object {
$primary_scheme()
StereotypeFontColor $LIGHT
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 $PRIMARY_LIGHT
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub package
skinparam package {
$primary_scheme()
BorderThickness 2
}
!endsub
!startsub folder
skinparam folder {
BackgroundColor $PRIMARY-$PRIMARY_DARK
BorderColor $WARNING
FontColor $WARNING
BorderThickness 2
}
!endsub
!startsub frame
skinparam frame {
BackgroundColor $PRIMARY-$PRIMARY_DARK
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_LIGHT-$INFO
BorderColor $INFO
FontColor $INFO_TEXT
}
!endsub
!startsub file
skinparam file {
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
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 15
skinparam ParticipantPadding 30
skinparam BoxPadding 30
skinparam Padding 8
skinparam ArrowColor #737373
skinparam stereotype {
CBackgroundColor #dedede
CBorderColor #ababab
ABackgroundColor #5cad5c
ABorderColor #297a29
IBackgroundColor #ff5c5c
IBorderColor #cc2929
EBackgroundColor #ffbe68
EBorderColor #cc8b35
NBackgroundColor #5c85ad
NBorderColor #29527a
}
skinparam title {
FontColor #eeeeee
BorderColor #ababab
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor #dedede-#d6d6d6
}
skinparam legend {
BackgroundColor #d6d6d6
BorderColor #ababab
FontColor #ffffff
}
skinparam swimlane {
BorderColor #336699
BorderThickness 2
TitleBackgroundColor #dedede-#d6d6d6
TitleFontColor #eeeeee
}
skinparam activity {
FontColor #336699
BorderColor #f1f1f1
BackgroundColor #eeeeee-#bebebe
BarColor #339933
StartColor #336699
EndColor #336699
DiamondBackgroundColor #d6d6d6-#ababab
DiamondBorderColor #ababab
DiamondFontColor #ffffff
}
skinparam participant {
FontColor #336699
BorderColor #f1f1f1
BackgroundColor #eeeeee-#bebebe
ParticipantBorderThickness 2
}
skinparam actor {
FontColor #336699
BorderColor #f1f1f1
BackgroundColor #eeeeee-#bebebe
FontColor #303030
}
skinparam arrow {
Thickness 3
Color #eeeeee
FontColor #303030
}
skinparam sequence {
BorderColor #eeeeee
TitleFontColor #eeeeee
BackgroundColor transparent
StartColor #eeeeee
EndColor #eeeeee
BoxBackgroundColor transparent
BoxBorderColor #737373
BoxFontColor #303030
LifeLineBorderColor #ababab
LifeLineBorderThickness 2
LifeLineBackgroundColor #dedede
GroupBorderColor #737373
GroupFontColor #303030
GroupHeaderFontColor #336699
GroupBackgroundColor transparent
GroupBodyBackgroundColor transparent
GroupHeaderBackgroundColor transparent
DividerBackgroundColor #FFF-#ffffff
DividerBorderColor #737373
DividerBorderThickness 2
DividerFontColor #303030
ReferenceBackgroundColor transparent
ReferenceBorderColor #737373
ReferenceFontColor #303030
ReferenceHeaderFontColor #336699
}
skinparam partition {
BorderColor #eeeeee
FontColor #bebebe
BackgroundColor transparent
}
skinparam collections {
FontColor #336699
BorderColor #f1f1f1
BackgroundColor #eeeeee-#bebebe
}
skinparam control {
FontColor #336699
BorderColor #f1f1f1
BackgroundColor #eeeeee-#bebebe
}
skinparam entity {
FontColor #336699
BorderColor #f1f1f1
BackgroundColor #eeeeee-#bebebe
}
skinparam boundary {
FontColor #336699
BorderColor #f1f1f1
BackgroundColor #eeeeee-#bebebe
}
skinparam agent {
BackgroundColor #orange
BorderColor #999999
FontColor #333333
}
skinparam note {
BorderThickness 1
BackgroundColor #5c85ad-#336699
BorderColor #336699
FontColor #FFF
}
skinparam artifact {
BackgroundColor #dedede-#ababab
BorderColor #ababab
FontColor #ffffff
}
skinparam component {
FontColor #336699
BorderColor #f1f1f1
BackgroundColor #eeeeee-#bebebe
}
skinparam interface {
BackgroundColor #ff5c5c
BorderColor #ff3333
FontColor #303030
}
skinparam storage {
BackgroundColor #ffbe68-#ffae42
BorderColor #ffae42
FontColor #FFF
}
skinparam node {
BackgroundColor #f1f1f1-#bebebe
BorderColor #f1f1f1
FontColor #336699
}
skinparam cloud {
BackgroundColor transparent
BorderColor #F2FCFE
FontColor #303030
}
skinparam database {
FontColor #336699
BorderColor #f1f1f1
BackgroundColor #eeeeee-#bebebe
FontColor #303030
}
skinparam class {
FontColor #336699
BorderColor #f1f1f1
BackgroundColor #eeeeee-#bebebe
HeaderBackgroundColor #f1f1f1-#bebebe
StereotypeFontColor #303030
BorderThickness 1
AttributeFontColor #303030
AttributeFontSize 9
}
skinparam object {
FontColor #336699
BorderColor #f1f1f1
BackgroundColor #eeeeee-#bebebe
StereotypeFontColor #ffffff
BorderThickness 1
AttributeFontColor #ffffff
AttributeFontSize 11
}
skinparam usecase {
FontColor #336699
BorderColor #f1f1f1
BackgroundColor #eeeeee-#bebebe
BorderThickness 2
StereotypeFontColor #eeeeee
}
skinparam rectangle {
FontColor #336699
BorderColor #f1f1f1
BackgroundColor #eeeeee-#bebebe
BackgroundColor #f1f1f1
BorderThickness 2
StereotypeFontColor #eeeeee
}
skinparam package {
FontColor #336699
BorderColor #f1f1f1
BackgroundColor #eeeeee-#bebebe
BorderThickness 2
}
skinparam folder {
BackgroundColor #eeeeee-#bebebe
BorderColor #ffae42
FontColor #ffae42
BorderThickness 2
}
skinparam frame {
BackgroundColor #eeeeee-#bebebe
BorderColor #336699
FontColor #336699
BorderThickness 2
}
skinparam state {
FontColor #336699
BorderColor #f1f1f1
BackgroundColor #eeeeee-#bebebe
StartColor #336699
EndColor #336699
AttributeFontColor #ffffff
AttributeFontSize 11
}
skinparam queue {
FontColor #336699
BorderColor #f1f1f1
BackgroundColor #eeeeee-#bebebe
}
skinparam card {
BackgroundColor #5c85ad-#336699
BorderColor #336699
FontColor #FFF
}
skinparam file {
BackgroundColor #dedede-#d6d6d6
BorderColor #ffffff
FontColor #ffffff
}
skinparam stack {
FontColor #336699
BorderColor #f1f1f1
BackgroundColor #eeeeee-#bebebe
}
title State Diagram - silver 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>