chenp/demo_doc
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

first

Browse Source
This commit is contained in:
chenp
2021-06-25 21:37:59 +08:00
commit 4838fc46cb
312 changed files with 264826 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

864
puml/silver/activity-ex.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

882
puml/silver/class-ex.svg Normal file
View File

@ -0,0 +1,882 @@
<?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="547.9167px" preserveAspectRatio="none" style="width:650px;height:547px;background:#00000000;" version="1.1" viewBox="0 0 650 547" width="650px" zoomAndPan="magnify"><defs><linearGradient id="g1ooav7yd2puta0" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#DEDEDE"/><stop offset="100%" stop-color="#D6D6D6"/></linearGradient><linearGradient id="g1ooav7yd2puta1" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#EEEEEE"/><stop offset="100%" stop-color="#BEBEBE"/></linearGradient><linearGradient id="g1ooav7yd2puta2" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#F1F1F1"/><stop offset="100%" stop-color="#BEBEBE"/></linearGradient></defs><g><rect fill="url(#g1ooav7yd2puta0)" height="52.4028" rx="4.1667" ry="4.1667" style="stroke:#ABABAB;stroke-width:1.0416666666666667;" width="338.5417" x="148.4375" y="2.0833"/><text fill="#EEEEEE" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="305.2083" x="165.1042" y="36.5702">Class Diagram - silver theme</text><!--MD5=[b4fa10df80476353258f72a232547d63]
class AbstractList--><rect codeLine="10" fill="url(#g1ooav7yd2puta1)" height="58.9417" id="AbstractList" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" width="122.9167" x="203.6458" y="303.4444"/><rect fill="url(#g1ooav7yd2puta2)" height="42.275" rx="7.8125" ry="7.8125" style="stroke:url(#g1ooav7yd2puta2);stroke-width:1.0416666666666667;" width="122.9167" x="203.6458" y="303.4444"/><rect fill="url(#g1ooav7yd2puta2)" height="7.8125" style="stroke:url(#g1ooav7yd2puta2);stroke-width:1.0416666666666667;" width="122.9167" x="203.6458" y="337.9069"/><rect codeLine="10" fill="none" height="58.9417" id="AbstractList" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" width="122.9167" x="203.6458" y="303.4444"/><ellipse cx="218.2292" cy="324.5819" fill="#5CAD5C" rx="10.4167" ry="10.4167" style="stroke:#297A29;stroke-width:1.0416666666666667;"/><path d="M217.8223,321.5383 L216.9759,325.2655 L218.6849,325.2655 L217.8223,321.5383 Z M216.7318,319.8944 L218.929,319.8944 L221.3867,329.009 L219.5801,329.009 L219.0267,326.7629 L216.6178,326.7629 L216.0645,329.009 L214.2578,329.009 L216.7318,319.8944 Z " fill="#000000"/><text fill="#336699" font-family="Verdana" font-size="12.5" font-style="italic" lengthAdjust="spacing" textLength="75" x="240.1042" y="329.5532">AbstractList</text><line style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" x1="204.6875" x2="325.5208" y1="345.7194" y2="345.7194"/><line style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" x1="204.6875" x2="325.5208" y1="354.0527" y2="354.0527"/><!--MD5=[8e34b16d8d8f96f4a11290cd523ed859]
class AbstractCollection--><rect codeLine="11" fill="url(#g1ooav7yd2puta1)" height="58.9417" id="AbstractCollection" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" width="159.375" x="7.2917" y="303.4444"/><rect fill="url(#g1ooav7yd2puta2)" height="42.275" rx="7.8125" ry="7.8125" style="stroke:url(#g1ooav7yd2puta2);stroke-width:1.0416666666666667;" width="159.375" x="7.2917" y="303.4444"/><rect fill="url(#g1ooav7yd2puta2)" height="7.8125" style="stroke:url(#g1ooav7yd2puta2);stroke-width:1.0416666666666667;" width="159.375" x="7.2917" y="337.9069"/><rect codeLine="11" fill="none" height="58.9417" id="AbstractCollection" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" width="159.375" x="7.2917" y="303.4444"/><ellipse cx="21.875" cy="324.5819" fill="#5CAD5C" rx="10.4167" ry="10.4167" style="stroke:#297A29;stroke-width:1.0416666666666667;"/><path d="M21.4681,321.5383 L20.6217,325.2655 L22.3307,325.2655 L21.4681,321.5383 Z M20.3776,319.8944 L22.5749,319.8944 L25.0326,329.009 L23.2259,329.009 L22.6725,326.7629 L20.2637,326.7629 L19.7103,329.009 L17.9036,329.009 L20.3776,319.8944 Z " fill="#000000"/><text fill="#336699" font-family="Verdana" font-size="12.5" font-style="italic" lengthAdjust="spacing" textLength="111.4583" x="43.75" y="329.5532">AbstractCollection</text><line style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" x1="8.3333" x2="165.625" y1="345.7194" y2="345.7194"/><line style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" x1="8.3333" x2="165.625" y1="354.0527" y2="354.0527"/><!--MD5=[3d4177ac58b4411586d067f34e84928f]
class List--><rect codeLine="12" fill="url(#g1ooav7yd2puta1)" height="58.9417" id="List" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" width="70.8333" x="222.3958" y="106.5694"/><rect fill="url(#g1ooav7yd2puta2)" height="42.275" rx="7.8125" ry="7.8125" style="stroke:url(#g1ooav7yd2puta2);stroke-width:1.0416666666666667;" width="70.8333" x="222.3958" y="106.5694"/><rect fill="url(#g1ooav7yd2puta2)" height="7.8125" style="stroke:url(#g1ooav7yd2puta2);stroke-width:1.0416666666666667;" width="70.8333" x="222.3958" y="141.0319"/><rect codeLine="12" fill="none" height="58.9417" id="List" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" width="70.8333" x="222.3958" y="106.5694"/><ellipse cx="236.9792" cy="127.7069" fill="#FF5C5C" rx="10.4167" ry="10.4167" style="stroke:#CC2929;stroke-width:1.0416666666666667;"/><path d="M233.8704,124.8749 L233.8704,123.2798 L239.2904,123.2798 L239.2904,124.8749 L237.4837,124.8749 L237.4837,130.7994 L239.2904,130.7994 L239.2904,132.3944 L233.8704,132.3944 L233.8704,130.7994 L235.6771,130.7994 L235.6771,124.8749 L233.8704,124.8749 Z " fill="#000000"/><text fill="#336699" font-family="Verdana" font-size="12.5" font-style="italic" lengthAdjust="spacing" textLength="22.9167" x="258.8542" y="132.6782">List</text><line style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" x1="223.4375" x2="292.1875" y1="148.8444" y2="148.8444"/><line style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" x1="223.4375" x2="292.1875" y1="157.1777" y2="157.1777"/><!--MD5=[c160724f8e3bb89ca8141a12554ac2e3]
class Collection--><rect codeLine="13" fill="url(#g1ooav7yd2puta1)" height="58.9417" id="Collection" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" width="107.2917" x="71.875" y="106.5694"/><rect fill="url(#g1ooav7yd2puta2)" height="42.275" rx="7.8125" ry="7.8125" style="stroke:url(#g1ooav7yd2puta2);stroke-width:1.0416666666666667;" width="107.2917" x="71.875" y="106.5694"/><rect fill="url(#g1ooav7yd2puta2)" height="7.8125" style="stroke:url(#g1ooav7yd2puta2);stroke-width:1.0416666666666667;" width="107.2917" x="71.875" y="141.0319"/><rect codeLine="13" fill="none" height="58.9417" id="Collection" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" width="107.2917" x="71.875" y="106.5694"/><ellipse cx="86.4583" cy="127.7069" fill="#FF5C5C" rx="10.4167" ry="10.4167" style="stroke:#CC2929;stroke-width:1.0416666666666667;"/><path d="M83.3496,124.8749 L83.3496,123.2798 L88.7695,123.2798 L88.7695,124.8749 L86.9629,124.8749 L86.9629,130.7994 L88.7695,130.7994 L88.7695,132.3944 L83.3496,132.3944 L83.3496,130.7994 L85.1563,130.7994 L85.1563,124.8749 L83.3496,124.8749 Z " fill="#000000"/><text fill="#336699" font-family="Verdana" font-size="12.5" font-style="italic" lengthAdjust="spacing" textLength="59.375" x="108.3333" y="132.6782">Collection</text><line style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" x1="72.9167" x2="178.125" y1="148.8444" y2="148.8444"/><line style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" x1="72.9167" x2="178.125" y1="157.1777" y2="157.1777"/><!--MD5=[ab8871ed637f40707b866ba6597734bc]
class ArrayList--><rect codeLine="22" fill="url(#g1ooav7yd2puta1)" height="115.0625" id="ArrayList" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" width="142.7083" x="193.75" y="426.3611"/><rect fill="url(#g1ooav7yd2puta2)" height="42.275" rx="7.8125" ry="7.8125" style="stroke:url(#g1ooav7yd2puta2);stroke-width:1.0416666666666667;" width="142.7083" x="193.75" y="426.3611"/><rect fill="url(#g1ooav7yd2puta2)" height="7.8125" style="stroke:url(#g1ooav7yd2puta2);stroke-width:1.0416666666666667;" width="142.7083" x="193.75" y="460.8236"/><rect codeLine="22" fill="none" height="115.0625" id="ArrayList" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" width="142.7083" x="193.75" y="426.3611"/><ellipse cx="225.2083" cy="447.4986" fill="#DEDEDE" rx="10.4167" ry="10.4167" style="stroke:#ABABAB;stroke-width:1.0416666666666667;"/><path d="M227.1126,451.9257 Q226.6895,452.1372 226.2174,452.2512 Q225.7454,452.3651 225.2409,452.3651 Q223.3854,452.3651 222.4089,451.1607 Q221.4486,449.94 221.4486,447.6451 Q221.4486,445.3339 222.4089,444.1294 Q223.3854,442.9087 225.2409,442.9087 Q225.7454,442.9087 226.2174,443.0227 Q226.7057,443.1203 227.1126,443.3482 L227.1126,445.3501 Q226.6569,444.927 226.2174,444.7316 Q225.778,444.5201 225.3223,444.5201 Q224.3294,444.5201 223.8249,445.3176 Q223.3203,446.0988 223.3203,447.6451 Q223.3203,449.175 223.8249,449.9563 Q224.3294,450.7375 225.3223,450.7375 Q225.778,450.7375 226.2174,450.5422 Q226.6569,450.3469 227.1126,449.9237 L227.1126,451.9257 Z " fill="#000000"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="57.2917" x="250.8333" y="452.4699">ArrayList</text><line style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" x1="194.7917" x2="335.4167" y1="468.6361" y2="468.6361"/><text fill="#303030" font-family="Verdana" font-size="9.375" lengthAdjust="spacing" textLength="113.5417" x="208.3333" y="490.5614">Object[] elementData</text><line style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" x1="194.7917" x2="335.4167" y1="505.0298" y2="505.0298"/><text fill="#303030" font-family="Verdana" font-size="9.375" lengthAdjust="spacing" textLength="29.1667" x="208.3333" y="526.9552">size()</text><!--MD5=[15b68e006199004da79ea2a4d117d8e9]
class TimeUnit--><rect codeLine="27" fill="url(#g1ooav7yd2puta1)" height="143.1229" id="TimeUnit" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" width="104.1667" x="329.6875" y="64.9028"/><rect fill="url(#g1ooav7yd2puta2)" height="42.275" rx="7.8125" ry="7.8125" style="stroke:url(#g1ooav7yd2puta2);stroke-width:1.0416666666666667;" width="104.1667" x="329.6875" y="64.9028"/><rect fill="url(#g1ooav7yd2puta2)" height="7.8125" style="stroke:url(#g1ooav7yd2puta2);stroke-width:1.0416666666666667;" width="104.1667" x="329.6875" y="99.3652"/><rect codeLine="27" fill="none" height="143.1229" id="TimeUnit" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" width="104.1667" x="329.6875" y="64.9028"/><ellipse cx="344.2708" cy="86.0402" fill="#FFBE68" rx="10.4167" ry="10.4167" style="stroke:#CC8B35;stroke-width:1.0416666666666667;"/><path d="M346.8099,90.7277 L341.1296,90.7277 L341.1296,81.6132 L346.8099,81.6132 L346.8099,83.2082 L342.9362,83.2082 L342.9362,85.1613 L346.4355,85.1613 L346.4355,86.7564 L342.9362,86.7564 L342.9362,89.1327 L346.8099,89.1327 L346.8099,90.7277 Z " fill="#000000"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="56.25" x="366.1458" y="91.0116">TimeUnit</text><line style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" x1="330.7292" x2="432.8125" y1="107.1777" y2="107.1777"/><text fill="#303030" font-family="Verdana" font-size="9.375" lengthAdjust="spacing" textLength="31.25" x="344.2708" y="129.1031">DAYS</text><text fill="#303030" font-family="Verdana" font-size="9.375" lengthAdjust="spacing" textLength="40.625" x="344.2708" y="157.1635">HOURS</text><text fill="#303030" font-family="Verdana" font-size="9.375" lengthAdjust="spacing" textLength="53.125" x="344.2708" y="185.2239">MINUTES</text><line style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" x1="330.7292" x2="432.8125" y1="199.6923" y2="199.6923"/><!--MD5=[0c8287f799745f7b534bf75518604c1e]
class SuppressWarnings--><rect codeLine="33" fill="url(#g1ooav7yd2puta1)" height="58.9417" id="SuppressWarnings" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" width="171.875" x="470.8333" y="106.5694"/><rect fill="url(#g1ooav7yd2puta2)" height="42.275" rx="7.8125" ry="7.8125" style="stroke:url(#g1ooav7yd2puta2);stroke-width:1.0416666666666667;" width="171.875" x="470.8333" y="106.5694"/><rect fill="url(#g1ooav7yd2puta2)" height="7.8125" style="stroke:url(#g1ooav7yd2puta2);stroke-width:1.0416666666666667;" width="171.875" x="470.8333" y="141.0319"/><rect codeLine="33" fill="none" height="58.9417" id="SuppressWarnings" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" width="171.875" x="470.8333" y="106.5694"/><ellipse cx="485.4167" cy="127.7069" fill="#5C85AD" rx="10.4167" ry="10.4167" style="stroke:#29527A;stroke-width:1.0416666666666667;"/><path d="M486.6699,127.5116 Q486.6699,126.8117 486.3607,126.4211 Q486.0514,126.0305 485.498,126.0305 Q484.9609,126.0305 484.6517,126.4211 Q484.3424,126.8117 484.3424,127.5116 Q484.3424,128.1952 484.6517,128.5858 Q484.9609,128.9764 485.498,128.9764 Q486.0514,128.9764 486.3607,128.5858 Q486.6699,128.1952 486.6699,127.5116 Z M487.8092,130.0018 L486.6048,130.0018 L486.6048,129.5135 Q486.377,129.8228 486.0514,129.9856 Q485.7422,130.132 485.3027,130.132 Q484.3099,130.132 483.6914,129.4159 Q483.0729,128.6835 483.0729,127.5116 Q483.0729,126.3234 483.6751,125.6073 Q484.2936,124.8912 485.3027,124.8912 Q485.7422,124.8912 486.0677,125.0376 Q486.3932,125.1841 486.6048,125.4771 L486.6048,125.233 Q486.6048,124.4029 486.1491,123.9471 Q485.6934,123.4914 484.8633,123.4914 Q483.5938,123.4914 482.7799,124.6145 Q481.9824,125.7212 481.9824,127.5116 Q481.9824,129.3833 482.9102,130.5064 Q483.8379,131.6132 485.3841,131.6132 Q485.8724,131.6132 486.3281,131.4667 Q486.7839,131.3202 487.207,131.0272 L487.7604,132.1014 Q487.2721,132.4432 486.6862,132.606 Q486.1003,132.785 485.4492,132.785 Q483.3008,132.785 482.0313,131.3527 Q480.7617,129.9367 480.7617,127.5116 Q480.7617,125.1516 481.901,123.7356 Q483.0566,122.3195 484.9284,122.3195 Q486.263,122.3195 487.028,123.1171 Q487.8092,123.9146 487.8092,125.3143 L487.8092,130.0018 Z " fill="#000000"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="123.9583" x="507.2917" y="132.6782">SuppressWarnings</text><line style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" x1="471.875" x2="641.6667" y1="148.8444" y2="148.8444"/><line style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" x1="471.875" x2="641.6667" y1="157.1777" y2="157.1777"/><!--MD5=[00308d07b6a5721fb0cf5861877e6652]
reverse link List to AbstractList--><path codeLine="15" d="M259.6771,187.1215 C261.0521,223.9028 262.8854,272.684 264.0208,303.2257 " fill="none" id="List-backto-AbstractList" style="stroke:#EEEEEE;stroke-width:3.125;"/><polygon fill="none" points="252.3854,187.1319,258.8854,166.0382,266.9583,186.5903,252.3854,187.1319" style="stroke:#EEEEEE;stroke-width:3.125;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="114.5833" x="271.3542" y="260.8032">this is a message</text><!--MD5=[1822909749df1453bdd84de7a60a3406]
reverse link Collection to AbstractCollection--><path codeLine="16" d="M115.7604,186.6007 C108.4792,223.4444 98.7604,272.5382 92.6875,303.2257 " fill="none" id="Collection-backto-AbstractCollection" style="stroke:#EEEEEE;stroke-width:3.125;"/><polygon fill="none" points="108.6354,185.059,119.8333,166.0382,122.9479,187.8923,108.6354,185.059" style="stroke:#EEEEEE;stroke-width:3.125;"/><!--MD5=[0159284274f96a472eb2618ad803aaca]
reverse link Collection to List--><path codeLine="18" d="M200.4063,136.2569 C207.6771,136.2569 214.9479,136.2569 222.2188,136.2569 " fill="none" id="Collection-backto-List" style="stroke:#EEEEEE;stroke-width:3.125;"/><polygon fill="none" points="200.0938,143.5486,179.2604,136.2569,200.0938,128.9653,200.0938,143.5486" style="stroke:#EEEEEE;stroke-width:3.125;"/><!--MD5=[7a3a52e8f65ef1a8d8d29530ea5cd870]
reverse link AbstractCollection to AbstractList--><path codeLine="19" d="M188.0417,333.1319 C193.1667,333.1319 198.2813,333.1319 203.4063,333.1319 " fill="none" id="AbstractCollection-backto-AbstractList" style="stroke:#EEEEEE;stroke-width:3.125;"/><polygon fill="none" points="187.8333,340.4236,167,333.1319,187.8333,325.8403,187.8333,340.4236" style="stroke:#EEEEEE;stroke-width:3.125;"/><!--MD5=[40e4bb1af59cca28d4643aaff05088cc]
reverse link AbstractList to ArrayList--><path codeLine="20" d="M265.1042,384.3715 C265.1042,397.8715 265.1042,412.559 265.1042,426.3611 " fill="none" id="AbstractList-backto-ArrayList" style="stroke:#EEEEEE;stroke-width:3.125;"/><polygon fill="none" points="257.8125,383.9757,265.1042,363.1423,272.3958,383.9757,257.8125,383.9757" style="stroke:#EEEEEE;stroke-width:3.125;"/><!--MD5=[e9c4042ecb57adf494fb795bca9ba0a4]
@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 Class Diagram - $THEME theme
!else
title Class Diagram
!endif
'skinparam BackgroundColor transparent
abstract class AbstractList
abstract AbstractCollection
interface List
interface Collection
List <|- - AbstractList: this is a message
Collection <|- - AbstractCollection
Collection <|- List
AbstractCollection <|- AbstractList
AbstractList <|- - ArrayList
class ArrayList {
Object[] elementData
size()
}
enum TimeUnit {
DAYS
HOURS
MINUTES
}
annotation SuppressWarnings
@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 Class Diagram - silver theme
abstract class AbstractList
abstract AbstractCollection
interface List
interface Collection
List <|- - AbstractList: this is a message
Collection <|- - AbstractCollection
Collection <|- List
AbstractCollection <|- AbstractList
AbstractList <|- - ArrayList
class ArrayList {
Object[] elementData
size()
}
enum TimeUnit {
DAYS
HOURS
MINUTES
}
annotation SuppressWarnings
@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>
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

938
puml/silver/component-ex.svg Normal file
View File

@ -0,0 +1,938 @@
<?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="846.875px" preserveAspectRatio="none" style="width:1271px;height:846px;background:#00000000;" version="1.1" viewBox="0 0 1271 846" width="1271.875px" zoomAndPan="magnify"><defs><linearGradient id="g11iqk7ypjz0zn0" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#DEDEDE"/><stop offset="100%" stop-color="#D6D6D6"/></linearGradient><linearGradient id="g11iqk7ypjz0zn1" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#EEEEEE"/><stop offset="100%" stop-color="#BEBEBE"/></linearGradient><linearGradient id="g11iqk7ypjz0zn2" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#F1F1F1"/><stop offset="100%" stop-color="#BEBEBE"/></linearGradient><linearGradient id="g11iqk7ypjz0zn3" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#DEDEDE"/><stop offset="100%" stop-color="#ABABAB"/></linearGradient><linearGradient id="g11iqk7ypjz0zn4" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFBE68"/><stop offset="100%" stop-color="#FFAE42"/></linearGradient><linearGradient id="g11iqk7ypjz0zn5" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#5C85AD"/><stop offset="100%" stop-color="#336699"/></linearGradient></defs><g><rect fill="url(#g11iqk7ypjz0zn0)" height="52.4028" rx="4.1667" ry="4.1667" style="stroke:#ABABAB;stroke-width:1.0416666666666667;" width="404.1667" x="426.8229" y="2.0833"/><text fill="#EEEEEE" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="370.8333" x="443.4896" y="36.5702">Component Diagram - silver theme</text><!--MD5=[98956307d0c47524864de5bf9cdc747b]
cluster My Package--><path d="M14.0625,63.8611 L103.6458,63.8611 A11.7188,11.7188 0 0 1 111.4583,71.6736 L118.75,101.9694 L810.9375,101.9694 A7.8125,7.8125 0 0 1 818.75,109.7819 L818.75,187.2986 A7.8125,7.8125 0 0 1 810.9375,195.1111 L14.0625,195.1111 A7.8125,7.8125 0 0 1 6.25,187.2986 L6.25,71.6736 A7.8125,7.8125 0 0 1 14.0625,63.8611 " fill="url(#g11iqk7ypjz0zn1)" style="stroke:#F1F1F1;stroke-width:2.0833333333333335;"/><line style="stroke:#F1F1F1;stroke-width:2.0833333333333335;" x1="6.25" x2="118.75" y1="101.9694" y2="101.9694"/><text fill="#336699" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="82.2917" x="18.75" y="86.8449">My Package</text><!--MD5=[994b84a7865cf3a30290d65f6358d5f5]
cluster My Node--><polygon fill="url(#g11iqk7ypjz0zn2)" points="170.8333,272.1944,181.25,261.7778,612.5,261.7778,612.5,387.8194,602.0833,398.2361,170.8333,398.2361,170.8333,272.1944" style="stroke:#F1F1F1;stroke-width:1.5625;"/><line style="stroke:#F1F1F1;stroke-width:1.5625;" x1="602.0833" x2="612.5" y1="272.1944" y2="261.7778"/><line style="stroke:#F1F1F1;stroke-width:1.5625;" x1="170.8333" x2="602.0833" y1="272.1944" y2="272.1944"/><line style="stroke:#F1F1F1;stroke-width:1.5625;" x1="602.0833" x2="602.0833" y1="272.1944" y2="398.2361"/><text fill="#336699" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="59.375" x="357.8125" y="296.2199">My Node</text><!--MD5=[8f762177cf9f076b8ea6eac76c5df33e]
cluster My Cloud--><path d="M653.9853,276.8628 C657.3512,269.3613 663.0699,270.3175 667.4914,275.7614 C670.4616,270.1864 676.5215,268.3387 680.4452,274.7292 C682.5373,268.4624 688.4806,267.1625 693.1985,271.601 C696.09,264.5631 700.7907,263.723 705.5669,269.8272 C709.6628,263.5723 714.9074,262.8476 719.4674,269.3204 C723.535,263.3396 729.4082,264.8315 731.6616,271.123 C736.2574,265.2712 741.2056,266.8715 743.7279,273.1804 C747.7059,266.149 752.6664,267.6577 756.7987,273.0177 C762.057,266.6264 766.4959,267.6066 769.726,274.9296 C779.0047,266.9708 788.2951,269.914 789.5833,282.6111 C790.0732,282.3037 790.3828,282.5592 790.4099,283.0755 C796.6327,286.1223 797.086,290.5861 792.2618,295.3056 C799.8399,298.7277 799.1328,305.7833 792.6285,309.5674 C799.192,311.2431 799.6545,316.0914 795.384,320.4982 C801.0291,323.9974 801.4595,330.1639 795.2373,333.5296 C800.4515,338.3483 800.054,342.3397 794.5881,346.6291 C800.5605,350.1796 799.356,355.9379 793.5948,358.5072 C798.5903,362.8005 798.1377,368.4191 792.296,371.6407 C797.5196,381.3253 793.3201,389.1213 782.2917,389.9028 C784.0331,389.6592 784.6983,390.2772 784.21,392.0374 C780.432,398.0326 775.2982,397.8403 771.449,392.115 C767.3606,397.2967 762.0497,397.4913 758.4202,391.5762 C753.4199,397.7154 748.9137,398.7082 743.7966,391.7061 C740.0849,397.3746 734.5982,398.5206 730.7065,391.8977 C728.3121,396.682 723.2011,398.4782 719.7973,392.9672 C715.8156,400.5415 709.787,400.7605 705.6377,393.1232 C701.1901,399.4906 696.3088,398.6064 693.2692,391.8011 C689.039,397.7225 682.8071,398.6062 679.3613,390.995 C675.8277,395.6314 670.8186,395.2993 667.834,390.3358 C658.1141,397.4399 649.0311,394.0827 645.8333,382.6111 C646.9016,382.38 647.5559,382.8015 647.3953,383.9764 C639.9274,380.0906 639.8294,375.7647 646.3082,370.734 C639.8702,365.9071 640.9362,361.8634 647.3665,358.1158 C640.9416,355.3412 641.4367,350.2625 646.4898,346.6131 C639.7098,343.3775 640.4795,339.1004 645.115,334.5625 C639.0532,329.0994 641.3139,325.3295 647.1909,321.8099 C640.067,317.5576 639.9243,312.9013 647.0307,308.4779 C640.5383,304.7683 640.6339,299.7445 646.4861,295.5162 C639.5694,285.6083 641.3102,279.0701 653.125,275.3194 C654.0977,275.4514 654.3594,275.9801 653.9853,276.8628 " style="stroke:#F2FCFE;stroke-width:1.5625;fill:none;"/><text fill="#303030" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="62.5" x="686.4583" y="301.4282">My Cloud</text><!--MD5=[5435dd1da01795d79a1d1bdb7811705f]
cluster My Database--><path d="M620.8333,453.9653 C620.8333,443.5486 717.7083,443.5486 717.7083,443.5486 C717.7083,443.5486 814.5833,443.5486 814.5833,453.9653 L814.5833,830.0069 C814.5833,840.4236 717.7083,840.4236 717.7083,840.4236 C717.7083,840.4236 620.8333,840.4236 620.8333,830.0069 L620.8333,453.9653 " fill="url(#g11iqk7ypjz0zn1)" style="stroke:#F1F1F1;stroke-width:1.5625;"/><path d="M620.8333,453.9653 C620.8333,464.3819 717.7083,464.3819 717.7083,464.3819 C717.7083,464.3819 814.5833,464.3819 814.5833,453.9653 " fill="none" style="stroke:#F1F1F1;stroke-width:1.5625;"/><text fill="#303030" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="88.5417" x="673.4375" y="487.3657">My Database</text><!--MD5=[db3eb734e65e00defc1adec42c70b029]
cluster My folder--><path d="M653.6458,518.5486 L725.5208,518.5486 A11.7188,11.7188 0 0 1 733.3333,526.3611 L740.625,556.6569 L781.7708,556.6569 A7.8125,7.8125 0 0 1 789.5833,564.4694 L789.5833,641.9861 A7.8125,7.8125 0 0 1 781.7708,649.7986 L653.6458,649.7986 A7.8125,7.8125 0 0 1 645.8333,641.9861 L645.8333,526.3611 A7.8125,7.8125 0 0 1 653.6458,518.5486 " fill="url(#g11iqk7ypjz0zn1)" style="stroke:#FFAE42;stroke-width:1.5625;"/><line style="stroke:#FFAE42;stroke-width:1.5625;" x1="645.8333" x2="740.625" y1="556.6569" y2="556.6569"/><text fill="#FFAE42" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="64.5833" x="658.3333" y="541.5324">My folder</text><!--MD5=[2f95c9c104e26437854e71862f3d840e]
cluster My Frame--><rect fill="url(#g11iqk7ypjz0zn1)" height="131.25" rx="7.8125" ry="7.8125" style="stroke:#336699;stroke-width:1.5625;" width="143.75" x="645.8333" y="684.1736"/><path d="M740.625,684.1736 L740.625,708.7402 L730.2083,719.1569 L645.8333,719.1569 " fill="none" style="stroke:#336699;stroke-width:1.5625;"/><text fill="#336699" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="67.7083" x="657.2917" y="706.1157">My Frame</text><!--MD5=[96f7e1299d4a43069e6ed32352fcac20]
entity HTTP--><ellipse cx="564.5833" cy="146.6736" fill="#FF5C5C" rx="8.3333" ry="8.3333" style="stroke:#FF3333;stroke-width:1.5625;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="32.2917" x="548.4375" y="185.2824">HTTP</text><!--MD5=[cbd7cda55f2530e2efe43ec72c097853]
entity First Component--><rect fill="url(#g11iqk7ypjz0zn1)" height="63.1083" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:1.5625;" width="166.6667" x="352.0833" y="114.9028"/><rect fill="url(#g11iqk7ypjz0zn1)" height="10.4167" style="stroke:#F1F1F1;stroke-width:1.5625;" width="15.625" x="497.9167" y="120.1111"/><rect fill="url(#g11iqk7ypjz0zn1)" height="2.0833" style="stroke:#F1F1F1;stroke-width:1.5625;" width="4.1667" x="495.8333" y="122.1944"/><rect fill="url(#g11iqk7ypjz0zn1)" height="2.0833" style="stroke:#F1F1F1;stroke-width:1.5625;" width="4.1667" x="495.8333" y="126.3611"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="108.3333" x="376.0417" y="156.6366">First Component</text><!--MD5=[b9d11f23832c1491231c5b33e55ab8c6]
entity Another Component--><rect fill="url(#g11iqk7ypjz0zn1)" height="63.1083" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:1.5625;" width="190.625" x="610.9375" y="114.9028"/><rect fill="url(#g11iqk7ypjz0zn1)" height="10.4167" style="stroke:#F1F1F1;stroke-width:1.5625;" width="15.625" x="780.7292" y="120.1111"/><rect fill="url(#g11iqk7ypjz0zn1)" height="2.0833" style="stroke:#F1F1F1;stroke-width:1.5625;" width="4.1667" x="778.6458" y="122.1944"/><rect fill="url(#g11iqk7ypjz0zn1)" height="2.0833" style="stroke:#F1F1F1;stroke-width:1.5625;" width="4.1667" x="778.6458" y="126.3611"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="132.2917" x="634.8958" y="156.6366">Another Component</text><!--MD5=[aa625683a8c1a6d60f4cb888c4297339]
entity MyRectangle1--><rect fill="#F1F1F1" height="52.6917" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:2.0833333333333335;" width="128.125" x="186.9792" y="120.1111"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="90.625" x="205.7292" y="151.4282">MyRectangle1</text><!--MD5=[deed3d4321eb4f26fdbc8b688b847966]
entity MyCollection1--><rect fill="url(#g11iqk7ypjz0zn1)" height="48.525" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:1.5625;" width="122.9167" x="27.0833" y="124.2778"/><rect fill="url(#g11iqk7ypjz0zn1)" height="48.525" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:1.5625;" width="122.9167" x="22.9167" y="120.1111"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="89.5833" x="39.5833" y="149.3449">MyCollection1</text><!--MD5=[76af18d92d7d7c0f7ebd8f4f605ac5aa]
entity FTP--><ellipse cx="362.5" cy="349.7986" fill="#FF5C5C" rx="8.3333" ry="8.3333" style="stroke:#FF3333;stroke-width:1.5625;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="22.9167" x="351.0417" y="388.4074">FTP</text><!--MD5=[0e2cc1aee2c7f52697e111b4fb84546c]
entity Second Component--><rect fill="url(#g11iqk7ypjz0zn1)" height="63.1083" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:1.5625;" width="186.4583" x="408.8542" y="318.0278"/><rect fill="url(#g11iqk7ypjz0zn1)" height="10.4167" style="stroke:#F1F1F1;stroke-width:1.5625;" width="15.625" x="574.4792" y="323.2361"/><rect fill="url(#g11iqk7ypjz0zn1)" height="2.0833" style="stroke:#F1F1F1;stroke-width:1.5625;" width="4.1667" x="572.3958" y="325.3194"/><rect fill="url(#g11iqk7ypjz0zn1)" height="2.0833" style="stroke:#F1F1F1;stroke-width:1.5625;" width="4.1667" x="572.3958" y="329.4861"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="128.125" x="432.8125" y="359.7616">Second Component</text><!--MD5=[b8d85f5d3810694767e38854f60c8b6e]
entity MyRectangle2--><rect fill="#F1F1F1" height="52.6917" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:2.0833333333333335;" width="128.125" x="188.0208" y="323.2361"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="90.625" x="206.7708" y="354.5532">MyRectangle2</text><!--MD5=[243c1e580c31013c48b02624e18b25a7]
entity Example 1--><rect fill="url(#g11iqk7ypjz0zn1)" height="63.1083" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:1.5625;" width="126.0417" x="654.6875" y="318.0278"/><rect fill="url(#g11iqk7ypjz0zn1)" height="10.4167" style="stroke:#F1F1F1;stroke-width:1.5625;" width="15.625" x="759.8958" y="323.2361"/><rect fill="url(#g11iqk7ypjz0zn1)" height="2.0833" style="stroke:#F1F1F1;stroke-width:1.5625;" width="4.1667" x="757.8125" y="325.3194"/><rect fill="url(#g11iqk7ypjz0zn1)" height="2.0833" style="stroke:#F1F1F1;stroke-width:1.5625;" width="4.1667" x="757.8125" y="329.4861"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="67.7083" x="678.6458" y="359.7616">Example 1</text><!--MD5=[3e0e08c92570480402984701ab5a6d2d]
entity Folder 3--><rect fill="url(#g11iqk7ypjz0zn1)" height="63.1083" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:1.5625;" width="111.4583" x="661.9792" y="569.5903"/><rect fill="url(#g11iqk7ypjz0zn1)" height="10.4167" style="stroke:#F1F1F1;stroke-width:1.5625;" width="15.625" x="752.6042" y="574.7986"/><rect fill="url(#g11iqk7ypjz0zn1)" height="2.0833" style="stroke:#F1F1F1;stroke-width:1.5625;" width="4.1667" x="750.5208" y="576.8819"/><rect fill="url(#g11iqk7ypjz0zn1)" height="2.0833" style="stroke:#F1F1F1;stroke-width:1.5625;" width="4.1667" x="750.5208" y="581.0486"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="53.125" x="685.9375" y="611.3241">Folder 3</text><!--MD5=[63877ed85df621d134a6c80fb52dad56]
entity Frame 4--><rect fill="url(#g11iqk7ypjz0zn1)" height="63.1083" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:1.5625;" width="111.4583" x="661.9792" y="735.2153"/><rect fill="url(#g11iqk7ypjz0zn1)" height="10.4167" style="stroke:#F1F1F1;stroke-width:1.5625;" width="15.625" x="752.6042" y="740.4236"/><rect fill="url(#g11iqk7ypjz0zn1)" height="2.0833" style="stroke:#F1F1F1;stroke-width:1.5625;" width="4.1667" x="750.5208" y="742.5069"/><rect fill="url(#g11iqk7ypjz0zn1)" height="2.0833" style="stroke:#F1F1F1;stroke-width:1.5625;" width="4.1667" x="750.5208" y="746.6736"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="53.125" x="685.9375" y="776.9491">Frame 4</text><!--MD5=[bb0325ec99f4f4d58c3e33c6fae3b543]
entity MyCollection2--><rect fill="url(#g11iqk7ypjz0zn1)" height="48.525" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:1.5625;" width="122.9167" x="842.7083" y="124.2778"/><rect fill="url(#g11iqk7ypjz0zn1)" height="48.525" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:1.5625;" width="122.9167" x="838.5417" y="120.1111"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="89.5833" x="855.2083" y="149.3449">MyCollection2</text><!--MD5=[4d6c9a8b502f46c0f85d26a51e5d57ce]
entity My Artifact--><rect fill="url(#g11iqk7ypjz0zn3)" height="55.8167" rx="7.8125" ry="7.8125" style="stroke:#ABABAB;stroke-width:1.5625;" width="115.625" x="1002.6042" y="118.5486"/><polygon fill="url(#g11iqk7ypjz0zn3)" points="1100.5208,123.7569,1100.5208,138.3403,1113.0208,138.3403,1113.0208,130.0069,1106.7708,123.7569,1100.5208,123.7569" style="stroke:#ABABAB;stroke-width:1.5625;"/><line style="stroke:#ABABAB;stroke-width:1.5625;" x1="1106.7708" x2="1106.7708" y1="123.7569" y2="130.0069"/><line style="stroke:#ABABAB;stroke-width:1.5625;" x1="1113.0208" x2="1106.7708" y1="130.0069" y2="130.0069"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="67.7083" x="1021.3542" y="152.9907">My Artifact</text><!--MD5=[6013850653c05993d855a7b82b2ebd6f]
entity My Storage--><rect fill="url(#g11iqk7ypjz0zn4)" height="52.6917" rx="36.4583" ry="36.4583" style="stroke:#FFAE42;stroke-width:1.5625;" width="111.4583" x="1154.6875" y="120.1111"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="73.9583" x="1173.4375" y="151.4282">My Storage</text><!--MD5=[decf897d207c1b699121f5d4005ef96e]
entity My Queue--><path d="M855.7292,328.4444 L948.4375,328.4444 C953.6458,328.4444 953.6458,349.5819 953.6458,349.5819 C953.6458,349.5819 953.6458,370.7194 948.4375,370.7194 L855.7292,370.7194 C850.5208,370.7194 850.5208,349.5819 850.5208,349.5819 C850.5208,349.5819 850.5208,328.4444 855.7292,328.4444 " fill="url(#g11iqk7ypjz0zn1)" style="stroke:#F1F1F1;stroke-width:1.5625;"/><path d="M948.4375,328.4444 C943.2292,328.4444 943.2292,349.5819 943.2292,349.5819 C943.2292,370.7194 948.4375,370.7194 948.4375,370.7194 " fill="none" style="stroke:#F1F1F1;stroke-width:1.5625;"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="65.625" x="864.0625" y="354.5532">My Queue</text><!--MD5=[db0b4290d55c456da6f1e605315daa68]
entity My Interface--><ellipse cx="1047.9167" cy="349.7986" fill="#FF5C5C" rx="8.3333" ry="8.3333" style="stroke:#FF3333;stroke-width:1.5625;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="81.25" x="1007.2917" y="388.4074">My Interface</text><!--MD5=[c42dbb279bb2c76edeffd08640135261]
entity My Card--><rect fill="url(#g11iqk7ypjz0zn5)" height="38.1083" rx="7.8125" ry="7.8125" style="stroke:#336699;stroke-width:1.5625;" width="90.625" x="1142.1875" y="330.5278"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="53.125" x="1160.9375" y="354.5532">My Card</text><!--MD5=[4552e0ab931d4db86ba1ccdf7169c968]
entity My File--><path d="M861.4583,582.6111 L861.4583,619.6777 A7.8125,7.8125 0 0 0 869.2708,627.4902 L934.8958,627.4902 A7.8125,7.8125 0 0 0 942.7083,619.6777 L942.7083,585.2153 L932.2917,574.7986 L869.2708,574.7986 A7.8125,7.8125 0 0 0 861.4583,582.6111 " fill="url(#g11iqk7ypjz0zn0)" style="stroke:#FFFFFF;stroke-width:1.5625;"/><path d="M932.2917,574.7986 L932.2917,577.4028 A7.8125,7.8125 0 0 0 940.1042,585.2153 L942.7083,585.2153 " fill="url(#g11iqk7ypjz0zn0)" style="stroke:#FFFFFF;stroke-width:1.5625;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="880.2083" y="606.1157">My File</text><!--MD5=[5a51615613d2b2569e36ac803df4b251]
entity My Stack--><rect fill="url(#g11iqk7ypjz0zn1)" height="52.6917" rx="7.8125" ry="7.8125" style="stroke:none;stroke-width:1.5625;" width="94.7917" x="995.3125" y="574.7986"/><path d="M979.6875,574.7986 L987.5,574.7986 A7.8125,7.8125 0 0 1 995.3125,582.6111 L995.3125,619.6777 A7.8125,7.8125 0 0 0 1003.125,627.4902 L1082.2917,627.4902 A7.8125,7.8125 0 0 0 1090.1042,619.6777 L1090.1042,582.6111 A7.8125,7.8125 0 0 1 1097.9167,574.7986 L1105.7292,574.7986 " fill="none" style="stroke:#F1F1F1;stroke-width:1.5625;"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="57.2917" x="1014.0625" y="606.1157">My Stack</text><!--MD5=[46d996859f59e5baf77956ce93023cee]
link HTTP to First Component--><path d="M555,146.6736 C543.0625,146.6736 531.1146,146.6736 519.1771,146.6736 " fill="none" id="HTTP-First Component" style="stroke:#EEEEEE;stroke-width:3.125;"/><!--MD5=[1966a42bb49d59057147dbda06282f4b]
link FTP to Second Component--><path d="M372.0417,349.7986 C384.2292,349.7986 396.4271,349.7986 408.6146,349.7986 " fill="none" id="FTP-Second Component" style="stroke:#EEEEEE;stroke-width:3.125;"/><!--MD5=[d3aefbd8005e27b21e7ce98ddd948193]
link First Component to FTP--><path d="M421.1458,178.809 C411.8333,199.6736 399.7604,227.9236 390.625,253.4444 C380.3958,281.9965 370.9583,316.2882 366.0417,334.9653 " fill="none" id="First Component-to-FTP" style="stroke:#EEEEEE;stroke-width:3.125;"/><polygon fill="#EEEEEE" points="364.6667,340.2361,371.0832,332.2311,365.9929,335.1994,363.0245,330.1091,364.6667,340.2361" style="stroke:#EEEEEE;stroke-width:3.125;"/><!--MD5=[efc1ffe8b578a0fb156c7bce303319bb]
link Another Component to Example 1--><path d="M708.0104,178.684 C710.0625,214.6944 713.4479,274.059 715.625,312.2673 " fill="none" id="Another Component-to-Example 1" style="stroke:#EEEEEE;stroke-width:3.125;"/><polygon fill="#EEEEEE" points="715.9375,317.7465,719.5625,308.1491,715.6404,312.5466,711.2428,308.6245,715.9375,317.7465" style="stroke:#EEEEEE;stroke-width:3.125;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="98.9583" x="720.8333" y="233.7199">some message</text><!--MD5=[7ec8393a78a133520e8846dd05a7857a]
link Example 1 to Folder 3--><path d="M717.7083,381.934 C717.7083,428.184 717.7083,514.9132 717.7083,564.0173 " fill="none" id="Example 1-to-Folder 3" style="stroke:#EEEEEE;stroke-width:3.125;"/><polygon fill="#EEEEEE" points="717.7083,569.2257,721.875,559.8507,717.7083,564.0173,713.5417,559.8507,717.7083,569.2257" style="stroke:#EEEEEE;stroke-width:3.125;"/><!--MD5=[b96c7096199393c1414a8b4e9ed2c30f]
link Folder 3 to Frame 4--><path d="M717.7083,633.1632 C717.7083,660.6007 717.7083,700.7986 717.7083,729.7673 " fill="none" id="Folder 3-to-Frame 4" style="stroke:#EEEEEE;stroke-width:3.125;"/><polygon fill="#EEEEEE" points="717.7083,735.0486,721.875,725.6736,717.7083,729.8403,713.5417,725.6736,717.7083,735.0486" style="stroke:#EEEEEE;stroke-width:3.125;"/><!--MD5=[83be288af14fde8a86007c2b011fac4a]
link MyCollection2 to My Artifact--><!--MD5=[b21a3c93c2a22c7ef4934ace81b9a2fe]
link My Artifact to My Storage--><!--MD5=[6ba35b42f782a962813221ea03178716]
link MyCollection2 to My Queue--><!--MD5=[0babb46f3d0f67f91c828a5eda35ab7d]
link My Queue to My Interface--><!--MD5=[9bfee3aea78949ae207e8bd3b67fed50]
link My Interface to My Card--><!--MD5=[afe9315598834b0b9f57a7a5b2c7ee2a]
link My Queue to My File--><!--MD5=[f6296be58d13482500ae3b999db2843f]
link My File to My Stack--><!--MD5=[8f233aa16ff3c6f99c8a609777d3de31]
@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 Component Diagram - $THEME theme
!else
title Component Diagram
!endif
'skinparam BackgroundColor transparent
package "My Package" {
HTTP - [First Component]
[Another Component]
rectangle MyRectangle1
collections MyCollection1
}
node "My Node" {
FTP - [Second Component]
[First Component] - -> FTP
rectangle MyRectangle2
}
cloud "My Cloud" {
[Example 1]
}
collections MyCollection2
database "My Database" {
folder "My folder" {
[Folder 3]
}
frame "My Frame" {
[Frame 4]
}
}
artifact "My Artifact"
storage "My Storage"
queue "My Queue"
interface "My Interface"
card "My Card"
file "My File"
stack "My Stack"
[Another Component] - -> [Example 1]: some message
[Example 1] - -> [Folder 3]
[Folder 3] - -> [Frame 4]
@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 Component Diagram - silver theme
package "My Package" {
HTTP - [First Component]
[Another Component]
rectangle MyRectangle1
collections MyCollection1
}
node "My Node" {
FTP - [Second Component]
[First Component] - -> FTP
rectangle MyRectangle2
}
cloud "My Cloud" {
[Example 1]
}
collections MyCollection2
database "My Database" {
folder "My folder" {
[Folder 3]
}
frame "My Frame" {
[Frame 4]
}
}
artifact "My Artifact"
storage "My Storage"
queue "My Queue"
interface "My Interface"
card "My Card"
file "My File"
stack "My Stack"
[Another Component] - -> [Example 1]: some message
[Example 1] - -> [Folder 3]
[Folder 3] - -> [Frame 4]
@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>
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

62
puml/silver/index.md Normal file
View File

@ -0,0 +1,62 @@
---
layout: default
title: silver
published: true
---
# {{ page.title }}
## Usage
Local File
<pre style="font-size: .8rem;">
!include puml-theme-{{ page.title }}.puml
</pre>
Remote file (for legacy plantuml, use !includeurl)
<pre style="font-size: .8rem;">
!include https://raw.githubusercontent.com/bschwarz/puml-themes/master/themes/{{ page.title }}/puml-theme-{{ page.title }}.puml
</pre>
## Gallery
<table style="background: white; width: 100%">
<tr>
<td>
<img src="activity-ex.svg">
</td>
</tr>
<tr>
<td>
<img src="swimlane-ex.svg">
</td>
</tr>
<tr>
<td>
<img src="class-ex.svg">
</td>
</tr>
<tr>
<td>
<img src="component-ex.svg">
</td>
</tr>
<tr>
<td>
<img src="object-ex.svg">
</td>
</tr>
<tr>
<td>
<img src="sequence-ex.svg">
</td>
</tr>
<tr>
<td>
<img src="state-ex.svg">
</td>
</tr>
<tr>
<td>
<img src="usecase-ex.svg">
</td>
</tr>
</table>

852
puml/silver/mindmap-ex.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

856
puml/silver/object-ex.svg Normal file
View File

@ -0,0 +1,856 @@
<?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="326.0417px" preserveAspectRatio="none" style="width:561px;height:326px;background:#00000000;" version="1.1" viewBox="0 0 561 326" width="561.4583px" zoomAndPan="magnify"><defs><linearGradient id="gt5cy4ejf1id90" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#DEDEDE"/><stop offset="100%" stop-color="#D6D6D6"/></linearGradient><linearGradient id="gt5cy4ejf1id91" 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(#gt5cy4ejf1id90)" height="52.4028" rx="4.1667" ry="4.1667" style="stroke:#ABABAB;stroke-width:1.0416666666666667;" width="352.0833" x="97.6563" y="2.0833"/><text fill="#EEEEEE" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="318.75" x="114.3229" y="36.5702">Object Diagram - silver theme</text><rect fill="url(#gt5cy4ejf1id91)" height="52.6917" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" width="90.625" x="7.2917" y="64.9028"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="22.9167" y="87.8866">Object01</text><line style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" x1="8.3333" x2="96.875" y1="100.9277" y2="100.9277"/><rect fill="url(#gt5cy4ejf1id91)" height="52.6917" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" width="90.625" x="7.2917" y="239.9028"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="22.9167" y="262.8866">Object02</text><line style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" x1="8.3333" x2="96.875" y1="275.9277" y2="275.9277"/><rect fill="url(#gt5cy4ejf1id91)" height="52.6917" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" width="90.625" x="134.375" y="64.9028"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="150" y="87.8866">Object03</text><line style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" x1="135.4167" x2="223.9583" y1="100.9277" y2="100.9277"/><rect fill="url(#gt5cy4ejf1id91)" height="52.6917" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" width="90.625" x="134.375" y="239.9028"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="150" y="262.8866">Object04</text><line style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" x1="135.4167" x2="223.9583" y1="275.9277" y2="275.9277"/><rect fill="url(#gt5cy4ejf1id91)" height="52.6917" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" width="90.625" x="261.4583" y="64.9028"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="277.0833" y="87.8866">Object05</text><line style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" x1="262.5" x2="351.0417" y1="100.9277" y2="100.9277"/><rect fill="url(#gt5cy4ejf1id91)" height="52.6917" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" width="90.625" x="261.4583" y="239.9028"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="277.0833" y="262.8866">Object06</text><line style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" x1="262.5" x2="351.0417" y1="275.9277" y2="275.9277"/><rect fill="url(#gt5cy4ejf1id91)" height="52.6917" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" width="90.625" x="412.5" y="64.9028"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="428.125" y="87.8866">Object07</text><line style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" x1="413.5417" x2="502.0833" y1="100.9277" y2="100.9277"/><rect fill="url(#gt5cy4ejf1id91)" height="105.543" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:1.0416666666666667;" width="137.5" x="389.0625" y="213.8611"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="428.125" y="236.8449">Object08</text><line style="stroke:#F1F1F1;stroke-width:1.5625;" x1="390.1042" x2="525.5208" y1="249.8861" y2="249.8861"/><text fill="#FFFFFF" font-family="Verdana" font-size="11.4583" lengthAdjust="spacing" textLength="108.3333" x="403.6458" y="273.9059">name = "Dummy"</text><text fill="#FFFFFF" font-family="Verdana" font-size="11.4583" lengthAdjust="spacing" textLength="50" x="403.6458" y="304.4983">id = 123</text><!--MD5=[507381b32e0a49e7abc7210229a8ee60]
reverse link Object01 to Object02--><path codeLine="21" d="M52.6042,139.3923 C52.6042,171.6423 52.6042,213.2465 52.6042,239.6423 " fill="none" id="Object01-backto-Object02" style="stroke:#EEEEEE;stroke-width:3.125;"/><polygon fill="none" points="45.3125,139.2257,52.6042,118.3923,59.8958,139.2257,45.3125,139.2257" style="stroke:#EEEEEE;stroke-width:3.125;"/><!--MD5=[d21c20b16b3ff22abbc2c8af84931b60]
reverse link Object03 to Object04--><path codeLine="22" d="M179.6875,132.0903 C179.6875,165.1111 179.6875,211.2048 179.6875,239.6423 " fill="none" id="Object03-backto-Object04" style="stroke:#EEEEEE;stroke-width:3.125;"/><polygon fill="#EEEEEE" points="179.6875,118.3923,175.5208,124.6423,179.6875,130.8923,183.8542,124.6423,179.6875,118.3923" style="stroke:#EEEEEE;stroke-width:3.125;"/><!--MD5=[ade907096602ef8d7fe19339b46bff0e]
reverse link Object05 to Object06--><path codeLine="23" d="M306.7708,132.0903 C306.7708,165.1111 306.7708,211.2048 306.7708,239.6423 " fill="none" id="Object05-backto-Object06" style="stroke:#EEEEEE;stroke-width:3.125;"/><polygon points="306.7708,118.3923,302.6042,124.6423,306.7708,130.8923,310.9375,124.6423,306.7708,118.3923" style="stroke:#EEEEEE;stroke-width:3.125;fill:none;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="8.3333" x="287.526" y="220.6453">4</text><!--MD5=[17488501a7bed181c851ca0c615fb4f2]
link Object07 to Object08--><path codeLine="24" d="M457.8125,118.3923 C457.8125,143.4548 457.8125,182.1632 457.8125,213.5694 " fill="none" id="Object07-Object08" style="stroke:#EEEEEE;stroke-width:3.125;stroke-dasharray:7.0,7.0;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="78.125" x="467.1875" y="171.2199">some labels</text><!--MD5=[43167c998530d690ffdc5028f2028b36]
@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 Object Diagram - $THEME theme
!else
title Object Diagram
!endif
'skinparam BackgroundColor transparent
object Object01
object Object02
object Object03
object Object04
object Object05
object Object06
object Object07
object Object08
Object08 : name = "Dummy"
Object08 : id = 123
Object01 <|- - Object02
Object03 *- - Object04
Object05 o- - "4" Object06
Object07 .. Object08 : some labels
@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 Object Diagram - silver theme
object Object01
object Object02
object Object03
object Object04
object Object05
object Object06
object Object07
object Object08
Object08 : name = "Dummy"
Object08 : id = 123
Object01 <|- - Object02
Object03 *- - Object04
Object05 o- - "4" Object06
Object07 .. Object08 : some labels
@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>
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

455
puml/silver/puml-theme-silver.puml Normal file
View File

@ -0,0 +1,455 @@
''
'' Silver theme - mostly grays
''
'' Author: Brett Schwarz
'' Copyright (c) 2019 by Brett Schwarz
!$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"
'' *_LIGHT = tint (lighter) of the main color of 80%
'' where TINT is calculated by clr + (255-clr) * tint_factor
'' *_DARK = shade (darker) of the main color of 80%
'' and SHADE is calculated by clr * (1 - shade_factor)
''
!$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
''
'' Global Default Values
''
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
' For some reason sequence title font color does not pick up from global
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

954
puml/silver/sequence-ex.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 43 KiB

886
puml/silver/state-ex.svg Normal file
View File

@ -0,0 +1,886 @@
<?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>
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

839
puml/silver/swimlane-ex.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

853
puml/silver/usecase-ex.svg Normal file
View File

@ -0,0 +1,853 @@
<?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="497.9167px" preserveAspectRatio="none" style="width:384px;height:497px;background:#00000000;" version="1.1" viewBox="0 0 384 497" width="384.375px" zoomAndPan="magnify"><defs><linearGradient id="g1pzhlb71yeves0" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#DEDEDE"/><stop offset="100%" stop-color="#D6D6D6"/></linearGradient><linearGradient id="g1pzhlb71yeves1" 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(#g1pzhlb71yeves0)" height="52.4028" rx="4.1667" ry="4.1667" style="stroke:#ABABAB;stroke-width:1.0416666666666667;" width="368.75" x="2.0833" y="2.0833"/><text fill="#EEEEEE" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="335.4167" x="18.75" y="36.5702">Usecase Diagram - silver theme</text><!--MD5=[111002b242a260edbcaabc3e471064d0]
cluster checkout--><rect fill="#F1F1F1" height="361.4583" rx="7.8125" ry="7.8125" style="stroke:#F1F1F1;stroke-width:2.0833333333333335;" width="163.5417" x="126.5625" y="64.9028"/><text fill="#336699" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="61.4583" x="177.6042" y="87.8866">checkout</text><ellipse cx="208.226" cy="262.9508" fill="url(#g1pzhlb71yeves1)" rx="64.9968" ry="25.6522" style="stroke:#F1F1F1;stroke-width:2.0833333333333335;"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="58.3333" x="179.0593" y="265.8388">checkout</text><ellipse cx="208.5311" cy="142.1175" fill="url(#g1pzhlb71yeves1)" rx="64.2603" ry="25.6522" style="stroke:#F1F1F1;stroke-width:2.0833333333333335;"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="57.2917" x="179.8853" y="145.0055">payment</text><ellipse cx="208.2197" cy="383.7841" fill="url(#g1pzhlb71yeves1)" rx="43.6363" ry="25.6522" style="stroke:#F1F1F1;stroke-width:2.0833333333333335;"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="28.125" x="194.1572" y="386.6721">help</text><!--MD5=[92848cbaf65985a669855153c5362c37]
entity customer--><ellipse cx="39.0625" cy="224.2778" fill="url(#g1pzhlb71yeves1)" rx="8.3333" ry="8.3333" style="stroke:#F1F1F1;stroke-width:1.5625;"/><path d="M39.0625,232.6111 L39.0625,260.7361 M25.5208,240.9444 L52.6042,240.9444 M39.0625,260.7361 L25.5208,276.3611 M39.0625,260.7361 L52.6042,276.3611 " fill="none" style="stroke:#F1F1F1;stroke-width:1.5625;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="60.4167" x="8.8542" y="299.8657">customer</text><!--MD5=[ebeabf449828f4e0b33bbb47961e644b]
entity clerk--><ellipse cx="362.5" cy="224.2778" fill="url(#g1pzhlb71yeves1)" rx="8.3333" ry="8.3333" style="stroke:#F1F1F1;stroke-width:1.5625;"/><path d="M362.5,232.6111 L362.5,260.7361 M348.9583,240.9444 L376.0417,240.9444 M362.5,260.7361 L348.9583,276.3611 M362.5,260.7361 L376.0417,276.3611 " fill="none" style="stroke:#F1F1F1;stroke-width:1.5625;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="30.2083" x="347.3958" y="299.8657">clerk</text><!--MD5=[852381a7bb976b86080137fb6d718ea9]
link customer to checkout--><path d="M77.625,262.8194 C96.875,262.8194 120.875,262.8194 142.9688,262.8194 " fill="none" id="customer-checkout" style="stroke:#EEEEEE;stroke-width:3.125;"/><!--MD5=[3ad5c6d5c608bfd6b87dc9c07c40a15f]
link checkout to payment--><path d="M208.3333,237.1944 C208.3333,218.4548 208.3333,192.934 208.3333,173.0278 " fill="none" id="checkout-to-payment" style="stroke:#EEEEEE;stroke-width:3.125;stroke-dasharray:7.0,7.0;"/><polygon fill="#EEEEEE" points="208.3333,167.5798,204.1667,176.9548,208.3333,172.7882,212.5,176.9548,208.3333,167.5798" style="stroke:#EEEEEE;stroke-width:3.125;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="45.8333" x="165.625" y="207.6782">include</text><!--MD5=[739e7928149c8fe27c2b5850560351c7]
link help to checkout--><path d="M208.3333,358.0278 C208.3333,339.2882 208.3333,313.7673 208.3333,293.8611 " fill="none" id="help-to-checkout" style="stroke:#EEEEEE;stroke-width:3.125;stroke-dasharray:7.0,7.0;"/><polygon fill="#EEEEEE" points="208.3333,288.4132,204.1667,297.7882,208.3333,293.6215,212.5,297.7882,208.3333,288.4132" style="stroke:#EEEEEE;stroke-width:3.125;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="53.125" x="161.9792" y="328.5116">extends</text><!--MD5=[b4c4ee8f2d94c159d2b9e04bd372cbe0]
link checkout to clerk--><path d="M273.875,262.8194 C297.0208,262.8194 321.6458,262.8194 338.8646,262.8194 " fill="none" id="checkout-clerk" style="stroke:#EEEEEE;stroke-width:3.125;"/><rect fill="#D6D6D6" height="42.275" rx="5.2083" ry="5.2083" style="stroke:#ABABAB;stroke-width:1.0416666666666667;" width="141.6667" x="115.625" y="439.9028"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="112.5" x="130.2083" y="466.0116">This is my legend</text><!--MD5=[c3713232718c3ef9dde9fc1e72baef83]
@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 Usecase Diagram - $THEME theme
!else
title Usecase Diagram
!endif
legend
This is my legend
endlegend
'skinparam BackgroundColor transparent
left to right direction
actor customer
actor clerk
rectangle checkout {
customer - - (checkout)
(checkout) .> (payment) : include
(help) .> (checkout) : extends
(checkout) - - clerk
}
@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 Usecase Diagram - silver theme
legend
This is my legend
endlegend
left to right direction
actor customer
actor clerk
rectangle checkout {
customer - - (checkout)
(checkout) .> (payment) : include
(help) .> (checkout) : extends
(checkout) - - clerk
}
@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>
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

852
puml/silver/wbs-ex.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB