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

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 22 KiB

869
puml/bluegray/class-ex.svg Normal file
View File

@ -0,0 +1,869 @@
<?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="561.4583px" preserveAspectRatio="none" style="width:650px;height:561px;background:#00000000;" version="1.1" viewBox="0 0 650 561" width="650px" zoomAndPan="magnify"><defs><linearGradient id="gngi4ukr4afgy0" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#F5F5F5"/><stop offset="100%" stop-color="#F2F2F2"/></linearGradient><linearGradient id="gngi4ukr4afgy1" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#33B2E2"/><stop offset="100%" stop-color="#009FDB"/></linearGradient></defs><g><rect fill="url(#gngi4ukr4afgy0)" height="52.4028" rx="4.1667" ry="4.1667" style="stroke:#C2C2C2;stroke-width:1.0416666666666667;" width="372.9167" x="131.25" y="2.0833"/><text fill="#009FDB" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="339.5833" x="147.9167" y="36.5702">Class Diagram - bluegray theme</text><!--MD5=[b4fa10df80476353258f72a232547d63]
class AbstractList--><rect codeLine="10" fill="url(#gngi4ukr4afgy1)" height="58.9417" id="AbstractList" rx="10.4167" ry="10.4167" style="stroke:#33B2E2;stroke-width:1.0416666666666667;" width="122.9167" x="203.6458" y="311.7778"/><rect fill="url(#gngi4ukr4afgy1)" height="42.275" rx="10.4167" ry="10.4167" style="stroke:url(#gngi4ukr4afgy1);stroke-width:1.0416666666666667;" width="122.9167" x="203.6458" y="311.7778"/><rect fill="url(#gngi4ukr4afgy1)" height="10.4167" style="stroke:url(#gngi4ukr4afgy1);stroke-width:1.0416666666666667;" width="122.9167" x="203.6458" y="343.6361"/><rect codeLine="10" fill="none" height="58.9417" id="AbstractList" rx="10.4167" ry="10.4167" style="stroke:#33B2E2;stroke-width:1.0416666666666667;" width="122.9167" x="203.6458" y="311.7778"/><ellipse cx="218.2292" cy="332.9152" fill="#C4CA33" rx="10.4167" ry="10.4167" style="stroke:#919700;stroke-width:1.0416666666666667;"/><path d="M217.8223,329.8716 L216.9759,333.5988 L218.6849,333.5988 L217.8223,329.8716 Z M216.7318,328.2277 L218.929,328.2277 L221.3867,337.3423 L219.5801,337.3423 L219.0267,335.0962 L216.6178,335.0962 L216.0645,337.3423 L214.2578,337.3423 L216.7318,328.2277 Z " fill="#000000"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" font-style="italic" lengthAdjust="spacing" textLength="75" x="240.1042" y="337.8866">AbstractList</text><line style="stroke:#33B2E2;stroke-width:1.0416666666666667;" x1="204.6875" x2="325.5208" y1="354.0527" y2="354.0527"/><line style="stroke:#33B2E2;stroke-width:1.0416666666666667;" x1="204.6875" x2="325.5208" y1="362.3861" y2="362.3861"/><!--MD5=[8e34b16d8d8f96f4a11290cd523ed859]
class AbstractCollection--><rect codeLine="11" fill="url(#gngi4ukr4afgy1)" height="58.9417" id="AbstractCollection" rx="10.4167" ry="10.4167" style="stroke:#33B2E2;stroke-width:1.0416666666666667;" width="159.375" x="7.2917" y="311.7778"/><rect fill="url(#gngi4ukr4afgy1)" height="42.275" rx="10.4167" ry="10.4167" style="stroke:url(#gngi4ukr4afgy1);stroke-width:1.0416666666666667;" width="159.375" x="7.2917" y="311.7778"/><rect fill="url(#gngi4ukr4afgy1)" height="10.4167" style="stroke:url(#gngi4ukr4afgy1);stroke-width:1.0416666666666667;" width="159.375" x="7.2917" y="343.6361"/><rect codeLine="11" fill="none" height="58.9417" id="AbstractCollection" rx="10.4167" ry="10.4167" style="stroke:#33B2E2;stroke-width:1.0416666666666667;" width="159.375" x="7.2917" y="311.7778"/><ellipse cx="21.875" cy="332.9152" fill="#C4CA33" rx="10.4167" ry="10.4167" style="stroke:#919700;stroke-width:1.0416666666666667;"/><path d="M21.4681,329.8716 L20.6217,333.5988 L22.3307,333.5988 L21.4681,329.8716 Z M20.3776,328.2277 L22.5749,328.2277 L25.0326,337.3423 L23.2259,337.3423 L22.6725,335.0962 L20.2637,335.0962 L19.7103,337.3423 L17.9036,337.3423 L20.3776,328.2277 Z " fill="#000000"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" font-style="italic" lengthAdjust="spacing" textLength="111.4583" x="43.75" y="337.8866">AbstractCollection</text><line style="stroke:#33B2E2;stroke-width:1.0416666666666667;" x1="8.3333" x2="165.625" y1="354.0527" y2="354.0527"/><line style="stroke:#33B2E2;stroke-width:1.0416666666666667;" x1="8.3333" x2="165.625" y1="362.3861" y2="362.3861"/><!--MD5=[3d4177ac58b4411586d067f34e84928f]
class List--><rect codeLine="12" fill="url(#gngi4ukr4afgy1)" height="58.9417" id="List" rx="10.4167" ry="10.4167" style="stroke:#33B2E2;stroke-width:1.0416666666666667;" width="70.8333" x="222.3958" y="110.7361"/><rect fill="url(#gngi4ukr4afgy1)" height="42.275" rx="10.4167" ry="10.4167" style="stroke:url(#gngi4ukr4afgy1);stroke-width:1.0416666666666667;" width="70.8333" x="222.3958" y="110.7361"/><rect fill="url(#gngi4ukr4afgy1)" height="10.4167" style="stroke:url(#gngi4ukr4afgy1);stroke-width:1.0416666666666667;" width="70.8333" x="222.3958" y="142.5944"/><rect codeLine="12" fill="none" height="58.9417" id="List" rx="10.4167" ry="10.4167" style="stroke:#33B2E2;stroke-width:1.0416666666666667;" width="70.8333" x="222.3958" y="110.7361"/><ellipse cx="236.9792" cy="131.8736" fill="#D95555" rx="10.4167" ry="10.4167" style="stroke:#A62222;stroke-width:1.0416666666666667;"/><path d="M233.8704,129.0415 L233.8704,127.4465 L239.2904,127.4465 L239.2904,129.0415 L237.4837,129.0415 L237.4837,134.966 L239.2904,134.966 L239.2904,136.5611 L233.8704,136.5611 L233.8704,134.966 L235.6771,134.966 L235.6771,129.0415 L233.8704,129.0415 Z " fill="#000000"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" font-style="italic" lengthAdjust="spacing" textLength="22.9167" x="258.8542" y="136.8449">List</text><line style="stroke:#33B2E2;stroke-width:1.0416666666666667;" x1="223.4375" x2="292.1875" y1="153.0111" y2="153.0111"/><line style="stroke:#33B2E2;stroke-width:1.0416666666666667;" x1="223.4375" x2="292.1875" y1="161.3444" y2="161.3444"/><!--MD5=[c160724f8e3bb89ca8141a12554ac2e3]
class Collection--><rect codeLine="13" fill="url(#gngi4ukr4afgy1)" height="58.9417" id="Collection" rx="10.4167" ry="10.4167" style="stroke:#33B2E2;stroke-width:1.0416666666666667;" width="107.2917" x="71.875" y="110.7361"/><rect fill="url(#gngi4ukr4afgy1)" height="42.275" rx="10.4167" ry="10.4167" style="stroke:url(#gngi4ukr4afgy1);stroke-width:1.0416666666666667;" width="107.2917" x="71.875" y="110.7361"/><rect fill="url(#gngi4ukr4afgy1)" height="10.4167" style="stroke:url(#gngi4ukr4afgy1);stroke-width:1.0416666666666667;" width="107.2917" x="71.875" y="142.5944"/><rect codeLine="13" fill="none" height="58.9417" id="Collection" rx="10.4167" ry="10.4167" style="stroke:#33B2E2;stroke-width:1.0416666666666667;" width="107.2917" x="71.875" y="110.7361"/><ellipse cx="86.4583" cy="131.8736" fill="#D95555" rx="10.4167" ry="10.4167" style="stroke:#A62222;stroke-width:1.0416666666666667;"/><path d="M83.3496,129.0415 L83.3496,127.4465 L88.7695,127.4465 L88.7695,129.0415 L86.9629,129.0415 L86.9629,134.966 L88.7695,134.966 L88.7695,136.5611 L83.3496,136.5611 L83.3496,134.966 L85.1563,134.966 L85.1563,129.0415 L83.3496,129.0415 Z " fill="#000000"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" font-style="italic" lengthAdjust="spacing" textLength="59.375" x="108.3333" y="136.8449">Collection</text><line style="stroke:#33B2E2;stroke-width:1.0416666666666667;" x1="72.9167" x2="178.125" y1="153.0111" y2="153.0111"/><line style="stroke:#33B2E2;stroke-width:1.0416666666666667;" x1="72.9167" x2="178.125" y1="161.3444" y2="161.3444"/><!--MD5=[ab8871ed637f40707b866ba6597734bc]
class ArrayList--><rect codeLine="22" fill="url(#gngi4ukr4afgy1)" height="120.1263" id="ArrayList" rx="10.4167" ry="10.4167" style="stroke:#33B2E2;stroke-width:1.0416666666666667;" width="158.3333" x="185.9375" y="434.6944"/><rect fill="url(#gngi4ukr4afgy1)" height="42.275" rx="10.4167" ry="10.4167" style="stroke:url(#gngi4ukr4afgy1);stroke-width:1.0416666666666667;" width="158.3333" x="185.9375" y="434.6944"/><rect fill="url(#gngi4ukr4afgy1)" height="10.4167" style="stroke:url(#gngi4ukr4afgy1);stroke-width:1.0416666666666667;" width="158.3333" x="185.9375" y="466.5527"/><rect codeLine="22" fill="none" height="120.1263" id="ArrayList" rx="10.4167" ry="10.4167" style="stroke:#33B2E2;stroke-width:1.0416666666666667;" width="158.3333" x="185.9375" y="434.6944"/><ellipse cx="224.4271" cy="455.8319" fill="#F5F5F5" rx="10.4167" ry="10.4167" style="stroke:#C2C2C2;stroke-width:1.0416666666666667;"/><path d="M226.3314,460.259 Q225.9082,460.4706 225.4362,460.5845 Q224.9642,460.6984 224.4596,460.6984 Q222.6042,460.6984 221.6276,459.494 Q220.6673,458.2733 220.6673,455.9784 Q220.6673,453.6672 221.6276,452.4628 Q222.6042,451.2421 224.4596,451.2421 Q224.9642,451.2421 225.4362,451.356 Q225.9245,451.4537 226.3314,451.6815 L226.3314,453.6835 Q225.8757,453.2603 225.4362,453.065 Q224.9967,452.8534 224.541,452.8534 Q223.5482,452.8534 223.0436,453.6509 Q222.5391,454.4322 222.5391,455.9784 Q222.5391,457.5083 223.0436,458.2896 Q223.5482,459.0708 224.541,459.0708 Q224.9967,459.0708 225.4362,458.8755 Q225.8757,458.6802 226.3314,458.257 L226.3314,460.259 Z " fill="#000000"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="57.2917" x="251.6146" y="460.8032">ArrayList</text><line style="stroke:#33B2E2;stroke-width:1.0416666666666667;" x1="186.9792" x2="343.2292" y1="476.9694" y2="476.9694"/><text fill="#D2D2D2" font-family="Verdana" font-size="11.4583" lengthAdjust="spacing" textLength="129.1667" x="200.5208" y="500.9893">Object[] elementData</text><line style="stroke:#33B2E2;stroke-width:1.0416666666666667;" x1="186.9792" x2="343.2292" y1="515.8951" y2="515.8951"/><text fill="#D2D2D2" font-family="Verdana" font-size="11.4583" lengthAdjust="spacing" textLength="33.3333" x="200.5208" y="539.915">size()</text><!--MD5=[15b68e006199004da79ea2a4d117d8e9]
class TimeUnit--><rect codeLine="27" fill="url(#gngi4ukr4afgy1)" height="150.7187" id="TimeUnit" rx="10.4167" ry="10.4167" style="stroke:#33B2E2;stroke-width:1.0416666666666667;" width="104.1667" x="329.6875" y="64.9028"/><rect fill="url(#gngi4ukr4afgy1)" height="42.275" rx="10.4167" ry="10.4167" style="stroke:url(#gngi4ukr4afgy1);stroke-width:1.0416666666666667;" width="104.1667" x="329.6875" y="64.9028"/><rect fill="url(#gngi4ukr4afgy1)" height="10.4167" style="stroke:url(#gngi4ukr4afgy1);stroke-width:1.0416666666666667;" width="104.1667" x="329.6875" y="96.7611"/><rect codeLine="27" fill="none" height="150.7187" id="TimeUnit" rx="10.4167" ry="10.4167" style="stroke:#33B2E2;stroke-width:1.0416666666666667;" width="104.1667" x="329.6875" y="64.9028"/><ellipse cx="344.2708" cy="86.0402" fill="#EE9033" rx="10.4167" ry="10.4167" style="stroke:#BB5D00;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="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="56.25" x="366.1458" y="91.0116">TimeUnit</text><line style="stroke:#33B2E2;stroke-width:1.0416666666666667;" x1="330.7292" x2="432.8125" y1="107.1777" y2="107.1777"/><text fill="#D2D2D2" font-family="Verdana" font-size="11.4583" lengthAdjust="spacing" textLength="33.3333" x="344.2708" y="131.1976">DAYS</text><text fill="#D2D2D2" font-family="Verdana" font-size="11.4583" lengthAdjust="spacing" textLength="42.7083" x="344.2708" y="161.79">HOURS</text><text fill="#D2D2D2" font-family="Verdana" font-size="11.4583" lengthAdjust="spacing" textLength="54.1667" x="344.2708" y="192.3823">MINUTES</text><line style="stroke:#33B2E2;stroke-width:1.0416666666666667;" x1="330.7292" x2="432.8125" y1="207.2881" y2="207.2881"/><!--MD5=[0c8287f799745f7b534bf75518604c1e]
class SuppressWarnings--><rect codeLine="33" fill="url(#gngi4ukr4afgy1)" height="58.9417" id="SuppressWarnings" rx="10.4167" ry="10.4167" style="stroke:#33B2E2;stroke-width:1.0416666666666667;" width="171.875" x="470.8333" y="110.7361"/><rect fill="url(#gngi4ukr4afgy1)" height="42.275" rx="10.4167" ry="10.4167" style="stroke:url(#gngi4ukr4afgy1);stroke-width:1.0416666666666667;" width="171.875" x="470.8333" y="110.7361"/><rect fill="url(#gngi4ukr4afgy1)" height="10.4167" style="stroke:url(#gngi4ukr4afgy1);stroke-width:1.0416666666666667;" width="171.875" x="470.8333" y="142.5944"/><rect codeLine="33" fill="none" height="58.9417" id="SuppressWarnings" rx="10.4167" ry="10.4167" style="stroke:#33B2E2;stroke-width:1.0416666666666667;" width="171.875" x="470.8333" y="110.7361"/><ellipse cx="485.4167" cy="131.8736" fill="#3786BE" rx="10.4167" ry="10.4167" style="stroke:#04538B;stroke-width:1.0416666666666667;"/><path d="M486.6699,131.6783 Q486.6699,130.9784 486.3607,130.5878 Q486.0514,130.1971 485.498,130.1971 Q484.9609,130.1971 484.6517,130.5878 Q484.3424,130.9784 484.3424,131.6783 Q484.3424,132.3619 484.6517,132.7525 Q484.9609,133.1431 485.498,133.1431 Q486.0514,133.1431 486.3607,132.7525 Q486.6699,132.3619 486.6699,131.6783 Z M487.8092,134.1685 L486.6048,134.1685 L486.6048,133.6802 Q486.377,133.9895 486.0514,134.1522 Q485.7422,134.2987 485.3027,134.2987 Q484.3099,134.2987 483.6914,133.5826 Q483.0729,132.8501 483.0729,131.6783 Q483.0729,130.4901 483.6751,129.774 Q484.2936,129.0578 485.3027,129.0578 Q485.7422,129.0578 486.0677,129.2043 Q486.3932,129.3508 486.6048,129.6438 L486.6048,129.3996 Q486.6048,128.5695 486.1491,128.1138 Q485.6934,127.6581 484.8633,127.6581 Q483.5938,127.6581 482.7799,128.7811 Q481.9824,129.8879 481.9824,131.6783 Q481.9824,133.55 482.9102,134.6731 Q483.8379,135.7798 485.3841,135.7798 Q485.8724,135.7798 486.3281,135.6333 Q486.7839,135.4869 487.207,135.1939 L487.7604,136.2681 Q487.2721,136.6099 486.6862,136.7727 Q486.1003,136.9517 485.4492,136.9517 Q483.3008,136.9517 482.0313,135.5194 Q480.7617,134.1034 480.7617,131.6783 Q480.7617,129.3182 481.901,127.9022 Q483.0566,126.4862 484.9284,126.4862 Q486.263,126.4862 487.028,127.2837 Q487.8092,128.0813 487.8092,129.481 L487.8092,134.1685 Z " fill="#000000"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="123.9583" x="507.2917" y="136.8449">SuppressWarnings</text><line style="stroke:#33B2E2;stroke-width:1.0416666666666667;" x1="471.875" x2="641.6667" y1="153.0111" y2="153.0111"/><line style="stroke:#33B2E2;stroke-width:1.0416666666666667;" x1="471.875" x2="641.6667" y1="161.3444" y2="161.3444"/><!--MD5=[00308d07b6a5721fb0cf5861877e6652]
reverse link List to AbstractList--><path codeLine="15" d="M259.6354,191.2361 C261.0208,229.1319 262.8854,279.9861 264.0417,311.4548 " fill="none" id="List-backto-AbstractList" style="stroke:#009FDB;stroke-width:3.125;"/><polygon fill="none" points="252.3542,191.4861,258.875,170.3923,266.9271,190.9444,252.3542,191.4861" style="stroke:#009FDB;stroke-width:3.125;"/><text fill="#5A5A5A" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="114.5833" x="271.3542" y="269.1366">this is a message</text><!--MD5=[1822909749df1453bdd84de7a60a3406]
reverse link Collection to AbstractCollection--><path codeLine="16" d="M115.9271,190.9653 C108.5833,228.8923 98.6979,279.9132 92.5938,311.4548 " fill="none" id="Collection-backto-AbstractCollection" style="stroke:#009FDB;stroke-width:3.125;"/><polygon fill="none" points="108.7917,189.4653,119.9167,170.3923,123.1146,192.2361,108.7917,189.4653" style="stroke:#009FDB;stroke-width:3.125;"/><!--MD5=[0159284274f96a472eb2618ad803aaca]
reverse link Collection to List--><path codeLine="18" d="M200.4063,140.4236 C207.6771,140.4236 214.9479,140.4236 222.2188,140.4236 " fill="none" id="Collection-backto-List" style="stroke:#009FDB;stroke-width:3.125;"/><polygon fill="none" points="200.0938,147.7153,179.2604,140.4236,200.0938,133.1319,200.0938,147.7153" style="stroke:#009FDB;stroke-width:3.125;"/><!--MD5=[7a3a52e8f65ef1a8d8d29530ea5cd870]
reverse link AbstractCollection to AbstractList--><path codeLine="19" d="M188.0417,341.4653 C193.1667,341.4653 198.2813,341.4653 203.4063,341.4653 " fill="none" id="AbstractCollection-backto-AbstractList" style="stroke:#009FDB;stroke-width:3.125;"/><polygon fill="none" points="187.8333,348.7569,167,341.4653,187.8333,334.1736,187.8333,348.7569" style="stroke:#009FDB;stroke-width:3.125;"/><!--MD5=[40e4bb1af59cca28d4643aaff05088cc]
reverse link AbstractList to ArrayList--><path codeLine="20" d="M265.1042,392.434 C265.1042,405.9132 265.1042,420.6319 265.1042,434.559 " fill="none" id="AbstractList-backto-ArrayList" style="stroke:#009FDB;stroke-width:3.125;"/><polygon fill="none" points="257.8125,392.1007,265.1042,371.2673,272.3958,392.1007,257.8125,392.1007" style="stroke:#009FDB;stroke-width:3.125;"/><!--MD5=[21708c0789896d4b3b7cd024608bba02]
@startuml
!$THEME = "bluegray"
!if %not(%variable_exists("$BGCOLOR"))
!$BGCOLOR = "transparent"
!endif
skinparam backgroundColor $BGCOLOR
skinparam useBetaStyle false
!$WHITE = "#fff"
!$GRAY_DARK = "#5a5a5a"
!$GRAY = "#959595"
!$PRIMARY = "#009fdb"
!$SECONDARY = "#f2f2f2"
!$SUCCESS = "#b5bd00"
!$INFO = "#0568ae"
!$WARNING = "#ea7400"
!$DANGER = "#cf2a2a"
!$LIGHT = "#d2d2d2"
!$DARK = "#5a5a5a"
!$FGCOLOR = $DARK
!$PRIMARY_LIGHT = "#33b2e2"
!$PRIMARY_DARK = "#007faf"
!$PRIMARY_TEXT = $WHITE
!$SECONDARY_LIGHT = "#f5f5f5"
!$SECONDARY_DARK = "#c2c2c2"
!$SECONDARY_TEXT = $DARK
!$INFO_LIGHT = "#3786be"
!$INFO_DARK = "#04538b"
!$INFO_TEXT = $WHITE
!$SUCCESS_LIGHT = "#c4ca33"
!$SUCCESS_DARK = "#919700"
!$SUCCESS_TEXT = $WHITE
!$WARNING_LIGHT = "#ee9033"
!$WARNING_DARK = "#bb5d00"
!$WARNING_TEXT = $WHITE
!$DANGER_LIGHT = "#d95555"
!$DANGER_DARK = "#a62222"
!$DANGER_TEXT = $WHITE
!procedure $success($msg)
<font color=$SUCCESS><b>$msg
!endprocedure
!procedure $failure($msg)
<font color=$DANGER><b>$msg
!endprocedure
!procedure $warning($msg)
<font color=$WARNING><b>$msg
!endprocedure
!procedure $primary_scheme()
FontColor $PRIMARY_TEXT
BorderColor $PRIMARY_LIGHT
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
!endprocedure
!procedure $secondary_scheme()
FontColor $SECONDARY_TEXT
BorderColor $SECONDARY_DARK
BackgroundColor $WHITE-#fefefe
!endprocedure
skinparam defaultFontName "Verdana"
skinparam defaultFontSize 12
skinparam dpi 100
skinparam shadowing false
skinparam roundcorner 20
skinparam ParticipantPadding 30
skinparam BoxPadding 40
skinparam Padding 8
skinparam ArrowColor $GRAY
skinparam stereotype {
CBackgroundColor $SECONDARY_LIGHT
CBorderColor $SECONDARY_DARK
ABackgroundColor $SUCCESS_LIGHT
ABorderColor $SUCCESS_DARK
IBackgroundColor $DANGER_LIGHT
IBorderColor $DANGER_DARK
EBackgroundColor $WARNING_LIGHT
EBorderColor $WARNING_DARK
NBackgroundColor $INFO_LIGHT
NBorderColor $INFO_DARK
}
skinparam title {
FontColor $PRIMARY
BorderColor $SECONDARY_DARK
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
}
skinparam legend {
BackgroundColor $SECONDARY
BorderColor $SECONDARY_DARK
FontColor $DARK
}
!startsub swimlane
skinparam swimlane {
BorderColor $INFO
BorderThickness 2
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY
TitleFontColor $PRIMARY
}
!endsub
!startsub activity
skinparam activity {
FontColor $PRIMARY_TEXT
BorderColor $PRIMARY
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
BarColor $SUCCESS
StartColor $INFO
EndColor $INFO
DiamondBackgroundColor $SECONDARY_LIGHT-$SECONDARY_DARK
DiamondBorderColor $SECONDARY_DARK
DiamondFontColor $SECONDARY_TEXT
}
!endsub
!startsub participant
skinparam participant {
$primary_scheme()
ParticipantBorderThickness 2
}
!endsub
!startsub actor
skinparam actor {
$primary_scheme()
FontColor $PRIMARY
}
!endsub
!startsub arrow
skinparam arrow {
Thickness 3
Color $PRIMARY
FontColor $FGCOLOR
}
!endsub
!startsub sequence
skinparam sequence {
BorderColor $PRIMARY
TitleFontColor $PRIMARY
BackgroundColor $BGCOLOR
StartColor $PRIMARY
EndColor $PRIMARY
BoxBackgroundColor $BGCOLOR
BoxBorderColor $GRAY
BoxFontColor $DARK
LifeLineBorderColor $SECONDARY_DARK
LifeLineBorderThickness 2
LifeLineBackgroundColor $SECONDARY_LIGHT
GroupBorderColor $GRAY
GroupFontColor $DARK
GroupHeaderFontColor $INFO
GroupBackgroundColor $BGCOLOR
GroupBodyBackgroundColor $BGCOLOR
GroupHeaderBackgroundColor $BGCOLOR
DividerBackgroundColor $WHITE-$LIGHT
DividerBorderColor $GRAY
DividerBorderThickness 2
DividerFontColor $DARK
ReferenceBackgroundColor $BGCOLOR
ReferenceBorderColor $GRAY
ReferenceFontColor $DARK
ReferenceHeaderFontColor $INFO
}
!endsub
!startsub partition
skinparam partition {
BorderColor $PRIMARY
FontColor $PRIMARY
BackgroundColor $BGCOLOR
}
!endsub
!startsub collections
skinparam collections {
$primary_scheme()
}
!endsub
!startsub control
skinparam control {
$primary_scheme()
FontColor $PRIMARY
}
!endsub
!startsub entity
skinparam entity {
$primary_scheme()
FontColor $PRIMARY
}
!endsub
!startsub boundary
skinparam boundary {
$primary_scheme()
FontColor $PRIMARY
}
!endsub
!startsub agent
skinparam agent {
BackgroundColor #orange
BorderColor #999999
FontColor #333333
}
!endsub
!startsub note
skinparam note {
BorderThickness 1
BackgroundColor $INFO_LIGHT-$INFO
BorderColor $INFO
FontColor $WHITE
}
!endsub
!startsub artifact
skinparam artifact {
BackgroundColor $WHITE-$LIGHT
BorderColor $SECONDARY_DARK
FontColor $SECONDARY_TEXT
}
!endsub
!startsub component
skinparam component {
$primary_scheme()
}
!endsub
!startsub interface
skinparam interface {
BackgroundColor $DANGER_LIGHT
BorderColor $DANGER
FontColor $DARK
}
!endsub
!startsub storage
skinparam storage {
BackgroundColor $WARNING_LIGHT-$WARNING
BorderColor $WARNING
FontColor $WARNING_TEXT
}
!endsub
!startsub node
skinparam node {
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
BorderColor $SECONDARY_DARK
FontColor $PRIMARY
}
!endsub
!startsub cloud
skinparam cloud {
BackgroundColor transparent
BorderColor #F2FCFE
FontColor $PRIMARY
}
!endsub
!startsub database
skinparam database {
$primary_scheme()
BorderColor $PRIMARY_DARK
}
!endsub
!startsub class
skinparam class {
$primary_scheme()
HeaderBackgroundColor $PRIMARY_LIGHT-$PRIMARY
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $LIGHT
AttributeFontSize 11
}
!endsub
!startsub object
skinparam object {
$primary_scheme()
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $LIGHT
AttributeFontSize 11
}
!endsub
!startsub usecase
skinparam usecase {
$primary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub rectangle
skinparam rectangle {
$secondary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub package
skinparam package {
FontColor $PRIMARY
BorderColor $PRIMARY_LIGHT
BackgroundColor $BGCOLOR
BorderThickness 2
}
!endsub
!startsub folder
skinparam folder {
BackgroundColor $WHITE-$SECONDARY_LIGHT
BorderColor $WARNING
FontColor $WARNING
BorderThickness 2
}
!endsub
!startsub frame
skinparam frame {
BackgroundColor $WHITE-$SECONDARY_LIGHT
BorderColor $INFO
FontColor $INFO
BorderThickness 2
}
!endsub
!startsub state
skinparam state {
$primary_scheme()
BorderColor $PRIMARY_DARK
StartColor $INFO
EndColor $INFO
AttributeFontColor $LIGHT
AttributeFontSize 11
}
!endsub
!startsub queue
skinparam queue {
$primary_scheme()
}
!endsub
!startsub card
skinparam card {
BackgroundColor $INFO_LIGHT-$INFO
BorderColor $INFO
FontColor $INFO_TEXT
}
!endsub
!startsub file
skinparam file {
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
BorderColor $INFO
FontColor $SECONDARY_TEXT
}
!endsub
!startsub stack
skinparam stack {
$primary_scheme()
}
!endsub
!if %variable_exists("$THEME")
title 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 20
skinparam ParticipantPadding 30
skinparam BoxPadding 40
skinparam Padding 8
skinparam ArrowColor #959595
skinparam stereotype {
CBackgroundColor #f5f5f5
CBorderColor #c2c2c2
ABackgroundColor #c4ca33
ABorderColor #919700
IBackgroundColor #d95555
IBorderColor #a62222
EBackgroundColor #ee9033
EBorderColor #bb5d00
NBackgroundColor #3786be
NBorderColor #04538b
}
skinparam title {
FontColor #009fdb
BorderColor #c2c2c2
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor #f5f5f5-#f2f2f2
}
skinparam legend {
BackgroundColor #f2f2f2
BorderColor #c2c2c2
FontColor #5a5a5a
}
skinparam swimlane {
BorderColor #0568ae
BorderThickness 2
TitleBackgroundColor #f5f5f5-#f2f2f2
TitleFontColor #009fdb
}
skinparam activity {
FontColor #fff
BorderColor #009fdb
BackgroundColor #33b2e2-#009fdb
BarColor #b5bd00
StartColor #0568ae
EndColor #0568ae
DiamondBackgroundColor #f5f5f5-#c2c2c2
DiamondBorderColor #c2c2c2
DiamondFontColor #5a5a5a
}
skinparam participant {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
ParticipantBorderThickness 2
}
skinparam actor {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
FontColor #009fdb
}
skinparam arrow {
Thickness 3
Color #009fdb
FontColor #5a5a5a
}
skinparam sequence {
BorderColor #009fdb
TitleFontColor #009fdb
BackgroundColor transparent
StartColor #009fdb
EndColor #009fdb
BoxBackgroundColor transparent
BoxBorderColor #959595
BoxFontColor #5a5a5a
LifeLineBorderColor #c2c2c2
LifeLineBorderThickness 2
LifeLineBackgroundColor #f5f5f5
GroupBorderColor #959595
GroupFontColor #5a5a5a
GroupHeaderFontColor #0568ae
GroupBackgroundColor transparent
GroupBodyBackgroundColor transparent
GroupHeaderBackgroundColor transparent
DividerBackgroundColor #fff-#d2d2d2
DividerBorderColor #959595
DividerBorderThickness 2
DividerFontColor #5a5a5a
ReferenceBackgroundColor transparent
ReferenceBorderColor #959595
ReferenceFontColor #5a5a5a
ReferenceHeaderFontColor #0568ae
}
skinparam partition {
BorderColor #009fdb
FontColor #009fdb
BackgroundColor transparent
}
skinparam collections {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
}
skinparam control {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
FontColor #009fdb
}
skinparam entity {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
FontColor #009fdb
}
skinparam boundary {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
FontColor #009fdb
}
skinparam agent {
BackgroundColor #orange
BorderColor #999999
FontColor #333333
}
skinparam note {
BorderThickness 1
BackgroundColor #3786be-#0568ae
BorderColor #0568ae
FontColor #fff
}
skinparam artifact {
BackgroundColor #fff-#d2d2d2
BorderColor #c2c2c2
FontColor #5a5a5a
}
skinparam component {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
}
skinparam interface {
BackgroundColor #d95555
BorderColor #cf2a2a
FontColor #5a5a5a
}
skinparam storage {
BackgroundColor #ee9033-#ea7400
BorderColor #ea7400
FontColor #fff
}
skinparam node {
BackgroundColor #f5f5f5-#f2f2f2
BorderColor #c2c2c2
FontColor #009fdb
}
skinparam cloud {
BackgroundColor transparent
BorderColor #F2FCFE
FontColor #009fdb
}
skinparam database {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
BorderColor #007faf
}
skinparam class {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
HeaderBackgroundColor #33b2e2-#009fdb
StereotypeFontColor #5a5a5a
BorderThickness 1
AttributeFontColor #d2d2d2
AttributeFontSize 11
}
skinparam object {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
StereotypeFontColor #5a5a5a
BorderThickness 1
AttributeFontColor #d2d2d2
AttributeFontSize 11
}
skinparam usecase {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
BorderThickness 2
StereotypeFontColor #009fdb
}
skinparam rectangle {
FontColor #5a5a5a
BorderColor #c2c2c2
BackgroundColor #fff-#fefefe
BorderThickness 2
StereotypeFontColor #009fdb
}
skinparam package {
FontColor #009fdb
BorderColor #33b2e2
BackgroundColor transparent
BorderThickness 2
}
skinparam folder {
BackgroundColor #fff-#f5f5f5
BorderColor #ea7400
FontColor #ea7400
BorderThickness 2
}
skinparam frame {
BackgroundColor #fff-#f5f5f5
BorderColor #0568ae
FontColor #0568ae
BorderThickness 2
}
skinparam state {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
BorderColor #007faf
StartColor #0568ae
EndColor #0568ae
AttributeFontColor #d2d2d2
AttributeFontSize 11
}
skinparam queue {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
}
skinparam card {
BackgroundColor #3786be-#0568ae
BorderColor #0568ae
FontColor #fff
}
skinparam file {
BackgroundColor #f5f5f5-#f2f2f2
BorderColor #0568ae
FontColor #5a5a5a
}
skinparam stack {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
}
title Class Diagram - bluegray 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>

After

Width:  |  Height:  |  Size: 30 KiB

View File

@ -0,0 +1,925 @@
<?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="g1w24k8vq875ht0" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#F5F5F5"/><stop offset="100%" stop-color="#F2F2F2"/></linearGradient><linearGradient id="g1w24k8vq875ht1" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#33B2E2"/><stop offset="100%" stop-color="#009FDB"/></linearGradient><linearGradient id="g1w24k8vq875ht2" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFFFFF"/><stop offset="100%" stop-color="#F5F5F5"/></linearGradient><linearGradient id="g1w24k8vq875ht3" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFFFFF"/><stop offset="100%" stop-color="#FEFEFE"/></linearGradient><linearGradient id="g1w24k8vq875ht4" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFFFFF"/><stop offset="100%" stop-color="#D2D2D2"/></linearGradient><linearGradient id="g1w24k8vq875ht5" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#EE9033"/><stop offset="100%" stop-color="#EA7400"/></linearGradient><linearGradient id="g1w24k8vq875ht6" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#3786BE"/><stop offset="100%" stop-color="#0568AE"/></linearGradient></defs><g><rect fill="url(#g1w24k8vq875ht0)" height="52.4028" rx="4.1667" ry="4.1667" style="stroke:#C2C2C2;stroke-width:1.0416666666666667;" width="438.5417" x="409.6354" y="2.0833"/><text fill="#009FDB" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="405.2083" x="426.3021" y="36.5702">Component Diagram - bluegray theme</text><!--MD5=[98956307d0c47524864de5bf9cdc747b]
cluster My Package--><path d="M16.6667,63.8611 L101.0417,63.8611 A15.625,15.625 0 0 1 111.4583,74.2778 L118.75,101.9694 L808.3333,101.9694 A10.4167,10.4167 0 0 1 818.75,112.3861 L818.75,184.6944 A10.4167,10.4167 0 0 1 808.3333,195.1111 L16.6667,195.1111 A10.4167,10.4167 0 0 1 6.25,184.6944 L6.25,74.2778 A10.4167,10.4167 0 0 1 16.6667,63.8611 " style="stroke:#33B2E2;stroke-width:2.0833333333333335;fill:none;"/><line style="stroke:#33B2E2;stroke-width:2.0833333333333335;fill:none;" x1="6.25" x2="118.75" y1="101.9694" y2="101.9694"/><text fill="#009FDB" 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(#g1w24k8vq875ht0)" 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:#C2C2C2;stroke-width:1.5625;"/><line style="stroke:#C2C2C2;stroke-width:1.5625;" x1="602.0833" x2="612.5" y1="272.1944" y2="261.7778"/><line style="stroke:#C2C2C2;stroke-width:1.5625;" x1="170.8333" x2="602.0833" y1="272.1944" y2="272.1944"/><line style="stroke:#C2C2C2;stroke-width:1.5625;" x1="602.0833" x2="602.0833" y1="272.1944" y2="398.2361"/><text fill="#009FDB" 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="#009FDB" 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(#g1w24k8vq875ht1)" style="stroke:#007FAF;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:#007FAF;stroke-width:1.5625;"/><text fill="#FFFFFF" 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="M656.25,518.5486 L722.9167,518.5486 A15.625,15.625 0 0 1 733.3333,528.9653 L740.625,556.6569 L779.1667,556.6569 A10.4167,10.4167 0 0 1 789.5833,567.0736 L789.5833,639.3819 A10.4167,10.4167 0 0 1 779.1667,649.7986 L656.25,649.7986 A10.4167,10.4167 0 0 1 645.8333,639.3819 L645.8333,528.9653 A10.4167,10.4167 0 0 1 656.25,518.5486 " fill="url(#g1w24k8vq875ht2)" style="stroke:#EA7400;stroke-width:1.5625;"/><line style="stroke:#EA7400;stroke-width:1.5625;" x1="645.8333" x2="740.625" y1="556.6569" y2="556.6569"/><text fill="#EA7400" 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(#g1w24k8vq875ht2)" height="131.25" rx="10.4167" ry="10.4167" style="stroke:#0568AE;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:#0568AE;stroke-width:1.5625;"/><text fill="#0568AE" 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="#D95555" rx="8.3333" ry="8.3333" style="stroke:#CF2A2A;stroke-width:1.5625;"/><text fill="#5A5A5A" 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(#g1w24k8vq875ht1)" height="63.1083" rx="10.4167" ry="10.4167" style="stroke:#33B2E2;stroke-width:1.5625;" width="166.6667" x="352.0833" y="114.9028"/><rect fill="url(#g1w24k8vq875ht1)" height="10.4167" style="stroke:#33B2E2;stroke-width:1.5625;" width="15.625" x="497.9167" y="120.1111"/><rect fill="url(#g1w24k8vq875ht1)" height="2.0833" style="stroke:#33B2E2;stroke-width:1.5625;" width="4.1667" x="495.8333" y="122.1944"/><rect fill="url(#g1w24k8vq875ht1)" height="2.0833" style="stroke:#33B2E2;stroke-width:1.5625;" width="4.1667" x="495.8333" y="126.3611"/><text fill="#FFFFFF" 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(#g1w24k8vq875ht1)" height="63.1083" rx="10.4167" ry="10.4167" style="stroke:#33B2E2;stroke-width:1.5625;" width="190.625" x="610.9375" y="114.9028"/><rect fill="url(#g1w24k8vq875ht1)" height="10.4167" style="stroke:#33B2E2;stroke-width:1.5625;" width="15.625" x="780.7292" y="120.1111"/><rect fill="url(#g1w24k8vq875ht1)" height="2.0833" style="stroke:#33B2E2;stroke-width:1.5625;" width="4.1667" x="778.6458" y="122.1944"/><rect fill="url(#g1w24k8vq875ht1)" height="2.0833" style="stroke:#33B2E2;stroke-width:1.5625;" width="4.1667" x="778.6458" y="126.3611"/><text fill="#FFFFFF" 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="url(#g1w24k8vq875ht3)" height="52.6917" rx="10.4167" ry="10.4167" style="stroke:#C2C2C2;stroke-width:2.0833333333333335;" width="128.125" x="186.9792" y="120.1111"/><text fill="#5A5A5A" 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(#g1w24k8vq875ht1)" height="48.525" rx="10.4167" ry="10.4167" style="stroke:#33B2E2;stroke-width:1.5625;" width="122.9167" x="27.0833" y="124.2778"/><rect fill="url(#g1w24k8vq875ht1)" height="48.525" rx="10.4167" ry="10.4167" style="stroke:#33B2E2;stroke-width:1.5625;" width="122.9167" x="22.9167" y="120.1111"/><text fill="#5A5A5A" 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="#D95555" rx="8.3333" ry="8.3333" style="stroke:#CF2A2A;stroke-width:1.5625;"/><text fill="#5A5A5A" 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(#g1w24k8vq875ht1)" height="63.1083" rx="10.4167" ry="10.4167" style="stroke:#33B2E2;stroke-width:1.5625;" width="186.4583" x="408.8542" y="318.0278"/><rect fill="url(#g1w24k8vq875ht1)" height="10.4167" style="stroke:#33B2E2;stroke-width:1.5625;" width="15.625" x="574.4792" y="323.2361"/><rect fill="url(#g1w24k8vq875ht1)" height="2.0833" style="stroke:#33B2E2;stroke-width:1.5625;" width="4.1667" x="572.3958" y="325.3194"/><rect fill="url(#g1w24k8vq875ht1)" height="2.0833" style="stroke:#33B2E2;stroke-width:1.5625;" width="4.1667" x="572.3958" y="329.4861"/><text fill="#FFFFFF" 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="url(#g1w24k8vq875ht3)" height="52.6917" rx="10.4167" ry="10.4167" style="stroke:#C2C2C2;stroke-width:2.0833333333333335;" width="128.125" x="188.0208" y="323.2361"/><text fill="#5A5A5A" 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(#g1w24k8vq875ht1)" height="63.1083" rx="10.4167" ry="10.4167" style="stroke:#33B2E2;stroke-width:1.5625;" width="126.0417" x="654.6875" y="318.0278"/><rect fill="url(#g1w24k8vq875ht1)" height="10.4167" style="stroke:#33B2E2;stroke-width:1.5625;" width="15.625" x="759.8958" y="323.2361"/><rect fill="url(#g1w24k8vq875ht1)" height="2.0833" style="stroke:#33B2E2;stroke-width:1.5625;" width="4.1667" x="757.8125" y="325.3194"/><rect fill="url(#g1w24k8vq875ht1)" height="2.0833" style="stroke:#33B2E2;stroke-width:1.5625;" width="4.1667" x="757.8125" y="329.4861"/><text fill="#FFFFFF" 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(#g1w24k8vq875ht1)" height="63.1083" rx="10.4167" ry="10.4167" style="stroke:#33B2E2;stroke-width:1.5625;" width="111.4583" x="661.9792" y="569.5903"/><rect fill="url(#g1w24k8vq875ht1)" height="10.4167" style="stroke:#33B2E2;stroke-width:1.5625;" width="15.625" x="752.6042" y="574.7986"/><rect fill="url(#g1w24k8vq875ht1)" height="2.0833" style="stroke:#33B2E2;stroke-width:1.5625;" width="4.1667" x="750.5208" y="576.8819"/><rect fill="url(#g1w24k8vq875ht1)" height="2.0833" style="stroke:#33B2E2;stroke-width:1.5625;" width="4.1667" x="750.5208" y="581.0486"/><text fill="#FFFFFF" 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(#g1w24k8vq875ht1)" height="63.1083" rx="10.4167" ry="10.4167" style="stroke:#33B2E2;stroke-width:1.5625;" width="111.4583" x="661.9792" y="735.2153"/><rect fill="url(#g1w24k8vq875ht1)" height="10.4167" style="stroke:#33B2E2;stroke-width:1.5625;" width="15.625" x="752.6042" y="740.4236"/><rect fill="url(#g1w24k8vq875ht1)" height="2.0833" style="stroke:#33B2E2;stroke-width:1.5625;" width="4.1667" x="750.5208" y="742.5069"/><rect fill="url(#g1w24k8vq875ht1)" height="2.0833" style="stroke:#33B2E2;stroke-width:1.5625;" width="4.1667" x="750.5208" y="746.6736"/><text fill="#FFFFFF" 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(#g1w24k8vq875ht1)" height="48.525" rx="10.4167" ry="10.4167" style="stroke:#33B2E2;stroke-width:1.5625;" width="122.9167" x="842.7083" y="124.2778"/><rect fill="url(#g1w24k8vq875ht1)" height="48.525" rx="10.4167" ry="10.4167" style="stroke:#33B2E2;stroke-width:1.5625;" width="122.9167" x="838.5417" y="120.1111"/><text fill="#5A5A5A" 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(#g1w24k8vq875ht4)" height="55.8167" rx="10.4167" ry="10.4167" style="stroke:#C2C2C2;stroke-width:1.5625;" width="115.625" x="1002.6042" y="118.5486"/><polygon fill="url(#g1w24k8vq875ht4)" 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:#C2C2C2;stroke-width:1.5625;"/><line style="stroke:#C2C2C2;stroke-width:1.5625;" x1="1106.7708" x2="1106.7708" y1="123.7569" y2="130.0069"/><line style="stroke:#C2C2C2;stroke-width:1.5625;" x1="1113.0208" x2="1106.7708" y1="130.0069" y2="130.0069"/><text fill="#5A5A5A" 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(#g1w24k8vq875ht5)" height="52.6917" rx="36.4583" ry="36.4583" style="stroke:#EA7400;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(#g1w24k8vq875ht1)" style="stroke:#33B2E2;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:#33B2E2;stroke-width:1.5625;"/><text fill="#FFFFFF" 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="#D95555" rx="8.3333" ry="8.3333" style="stroke:#CF2A2A;stroke-width:1.5625;"/><text fill="#5A5A5A" 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(#g1w24k8vq875ht6)" height="38.1083" rx="10.4167" ry="10.4167" style="stroke:#0568AE;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,585.2153 L861.4583,617.0736 A10.4167,10.4167 0 0 0 871.875,627.4902 L932.2917,627.4902 A10.4167,10.4167 0 0 0 942.7083,617.0736 L942.7083,585.2153 L932.2917,574.7986 L871.875,574.7986 A10.4167,10.4167 0 0 0 861.4583,585.2153 " fill="url(#g1w24k8vq875ht0)" style="stroke:#0568AE;stroke-width:1.5625;"/><path d="M932.2917,574.7986 L932.2917,574.7986 A10.4167,10.4167 0 0 0 942.7083,585.2153 L942.7083,585.2153 " fill="url(#g1w24k8vq875ht0)" style="stroke:#0568AE;stroke-width:1.5625;"/><text fill="#5A5A5A" 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(#g1w24k8vq875ht1)" height="52.6917" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.5625;" width="94.7917" x="995.3125" y="574.7986"/><path d="M979.6875,574.7986 L984.8958,574.7986 A10.4167,10.4167 0 0 1 995.3125,585.2153 L995.3125,617.0736 A10.4167,10.4167 0 0 0 1005.7292,627.4902 L1079.6875,627.4902 A10.4167,10.4167 0 0 0 1090.1042,617.0736 L1090.1042,585.2153 A10.4167,10.4167 0 0 1 1100.5208,574.7986 L1105.7292,574.7986 " fill="none" style="stroke:#33B2E2;stroke-width:1.5625;"/><text fill="#FFFFFF" 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:#009FDB;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:#009FDB;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:#009FDB;stroke-width:3.125;"/><polygon fill="#009FDB" points="364.6667,340.2361,371.0832,332.2311,365.9929,335.1994,363.0245,330.1091,364.6667,340.2361" style="stroke:#009FDB;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:#009FDB;stroke-width:3.125;"/><polygon fill="#009FDB" points="715.9375,317.7465,719.5625,308.1491,715.6404,312.5466,711.2428,308.6245,715.9375,317.7465" style="stroke:#009FDB;stroke-width:3.125;"/><text fill="#5A5A5A" 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:#009FDB;stroke-width:3.125;"/><polygon fill="#009FDB" points="717.7083,569.2257,721.875,559.8507,717.7083,564.0173,713.5417,559.8507,717.7083,569.2257" style="stroke:#009FDB;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:#009FDB;stroke-width:3.125;"/><polygon fill="#009FDB" points="717.7083,735.0486,721.875,725.6736,717.7083,729.8403,713.5417,725.6736,717.7083,735.0486" style="stroke:#009FDB;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=[eb8161b19b7dad4f945248a247d76752]
@startuml
!$THEME = "bluegray"
!if %not(%variable_exists("$BGCOLOR"))
!$BGCOLOR = "transparent"
!endif
skinparam backgroundColor $BGCOLOR
skinparam useBetaStyle false
!$WHITE = "#fff"
!$GRAY_DARK = "#5a5a5a"
!$GRAY = "#959595"
!$PRIMARY = "#009fdb"
!$SECONDARY = "#f2f2f2"
!$SUCCESS = "#b5bd00"
!$INFO = "#0568ae"
!$WARNING = "#ea7400"
!$DANGER = "#cf2a2a"
!$LIGHT = "#d2d2d2"
!$DARK = "#5a5a5a"
!$FGCOLOR = $DARK
!$PRIMARY_LIGHT = "#33b2e2"
!$PRIMARY_DARK = "#007faf"
!$PRIMARY_TEXT = $WHITE
!$SECONDARY_LIGHT = "#f5f5f5"
!$SECONDARY_DARK = "#c2c2c2"
!$SECONDARY_TEXT = $DARK
!$INFO_LIGHT = "#3786be"
!$INFO_DARK = "#04538b"
!$INFO_TEXT = $WHITE
!$SUCCESS_LIGHT = "#c4ca33"
!$SUCCESS_DARK = "#919700"
!$SUCCESS_TEXT = $WHITE
!$WARNING_LIGHT = "#ee9033"
!$WARNING_DARK = "#bb5d00"
!$WARNING_TEXT = $WHITE
!$DANGER_LIGHT = "#d95555"
!$DANGER_DARK = "#a62222"
!$DANGER_TEXT = $WHITE
!procedure $success($msg)
<font color=$SUCCESS><b>$msg
!endprocedure
!procedure $failure($msg)
<font color=$DANGER><b>$msg
!endprocedure
!procedure $warning($msg)
<font color=$WARNING><b>$msg
!endprocedure
!procedure $primary_scheme()
FontColor $PRIMARY_TEXT
BorderColor $PRIMARY_LIGHT
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
!endprocedure
!procedure $secondary_scheme()
FontColor $SECONDARY_TEXT
BorderColor $SECONDARY_DARK
BackgroundColor $WHITE-#fefefe
!endprocedure
skinparam defaultFontName "Verdana"
skinparam defaultFontSize 12
skinparam dpi 100
skinparam shadowing false
skinparam roundcorner 20
skinparam ParticipantPadding 30
skinparam BoxPadding 40
skinparam Padding 8
skinparam ArrowColor $GRAY
skinparam stereotype {
CBackgroundColor $SECONDARY_LIGHT
CBorderColor $SECONDARY_DARK
ABackgroundColor $SUCCESS_LIGHT
ABorderColor $SUCCESS_DARK
IBackgroundColor $DANGER_LIGHT
IBorderColor $DANGER_DARK
EBackgroundColor $WARNING_LIGHT
EBorderColor $WARNING_DARK
NBackgroundColor $INFO_LIGHT
NBorderColor $INFO_DARK
}
skinparam title {
FontColor $PRIMARY
BorderColor $SECONDARY_DARK
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
}
skinparam legend {
BackgroundColor $SECONDARY
BorderColor $SECONDARY_DARK
FontColor $DARK
}
!startsub swimlane
skinparam swimlane {
BorderColor $INFO
BorderThickness 2
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY
TitleFontColor $PRIMARY
}
!endsub
!startsub activity
skinparam activity {
FontColor $PRIMARY_TEXT
BorderColor $PRIMARY
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
BarColor $SUCCESS
StartColor $INFO
EndColor $INFO
DiamondBackgroundColor $SECONDARY_LIGHT-$SECONDARY_DARK
DiamondBorderColor $SECONDARY_DARK
DiamondFontColor $SECONDARY_TEXT
}
!endsub
!startsub participant
skinparam participant {
$primary_scheme()
ParticipantBorderThickness 2
}
!endsub
!startsub actor
skinparam actor {
$primary_scheme()
FontColor $PRIMARY
}
!endsub
!startsub arrow
skinparam arrow {
Thickness 3
Color $PRIMARY
FontColor $FGCOLOR
}
!endsub
!startsub sequence
skinparam sequence {
BorderColor $PRIMARY
TitleFontColor $PRIMARY
BackgroundColor $BGCOLOR
StartColor $PRIMARY
EndColor $PRIMARY
BoxBackgroundColor $BGCOLOR
BoxBorderColor $GRAY
BoxFontColor $DARK
LifeLineBorderColor $SECONDARY_DARK
LifeLineBorderThickness 2
LifeLineBackgroundColor $SECONDARY_LIGHT
GroupBorderColor $GRAY
GroupFontColor $DARK
GroupHeaderFontColor $INFO
GroupBackgroundColor $BGCOLOR
GroupBodyBackgroundColor $BGCOLOR
GroupHeaderBackgroundColor $BGCOLOR
DividerBackgroundColor $WHITE-$LIGHT
DividerBorderColor $GRAY
DividerBorderThickness 2
DividerFontColor $DARK
ReferenceBackgroundColor $BGCOLOR
ReferenceBorderColor $GRAY
ReferenceFontColor $DARK
ReferenceHeaderFontColor $INFO
}
!endsub
!startsub partition
skinparam partition {
BorderColor $PRIMARY
FontColor $PRIMARY
BackgroundColor $BGCOLOR
}
!endsub
!startsub collections
skinparam collections {
$primary_scheme()
}
!endsub
!startsub control
skinparam control {
$primary_scheme()
FontColor $PRIMARY
}
!endsub
!startsub entity
skinparam entity {
$primary_scheme()
FontColor $PRIMARY
}
!endsub
!startsub boundary
skinparam boundary {
$primary_scheme()
FontColor $PRIMARY
}
!endsub
!startsub agent
skinparam agent {
BackgroundColor #orange
BorderColor #999999
FontColor #333333
}
!endsub
!startsub note
skinparam note {
BorderThickness 1
BackgroundColor $INFO_LIGHT-$INFO
BorderColor $INFO
FontColor $WHITE
}
!endsub
!startsub artifact
skinparam artifact {
BackgroundColor $WHITE-$LIGHT
BorderColor $SECONDARY_DARK
FontColor $SECONDARY_TEXT
}
!endsub
!startsub component
skinparam component {
$primary_scheme()
}
!endsub
!startsub interface
skinparam interface {
BackgroundColor $DANGER_LIGHT
BorderColor $DANGER
FontColor $DARK
}
!endsub
!startsub storage
skinparam storage {
BackgroundColor $WARNING_LIGHT-$WARNING
BorderColor $WARNING
FontColor $WARNING_TEXT
}
!endsub
!startsub node
skinparam node {
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
BorderColor $SECONDARY_DARK
FontColor $PRIMARY
}
!endsub
!startsub cloud
skinparam cloud {
BackgroundColor transparent
BorderColor #F2FCFE
FontColor $PRIMARY
}
!endsub
!startsub database
skinparam database {
$primary_scheme()
BorderColor $PRIMARY_DARK
}
!endsub
!startsub class
skinparam class {
$primary_scheme()
HeaderBackgroundColor $PRIMARY_LIGHT-$PRIMARY
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $LIGHT
AttributeFontSize 11
}
!endsub
!startsub object
skinparam object {
$primary_scheme()
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $LIGHT
AttributeFontSize 11
}
!endsub
!startsub usecase
skinparam usecase {
$primary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub rectangle
skinparam rectangle {
$secondary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub package
skinparam package {
FontColor $PRIMARY
BorderColor $PRIMARY_LIGHT
BackgroundColor $BGCOLOR
BorderThickness 2
}
!endsub
!startsub folder
skinparam folder {
BackgroundColor $WHITE-$SECONDARY_LIGHT
BorderColor $WARNING
FontColor $WARNING
BorderThickness 2
}
!endsub
!startsub frame
skinparam frame {
BackgroundColor $WHITE-$SECONDARY_LIGHT
BorderColor $INFO
FontColor $INFO
BorderThickness 2
}
!endsub
!startsub state
skinparam state {
$primary_scheme()
BorderColor $PRIMARY_DARK
StartColor $INFO
EndColor $INFO
AttributeFontColor $LIGHT
AttributeFontSize 11
}
!endsub
!startsub queue
skinparam queue {
$primary_scheme()
}
!endsub
!startsub card
skinparam card {
BackgroundColor $INFO_LIGHT-$INFO
BorderColor $INFO
FontColor $INFO_TEXT
}
!endsub
!startsub file
skinparam file {
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
BorderColor $INFO
FontColor $SECONDARY_TEXT
}
!endsub
!startsub stack
skinparam stack {
$primary_scheme()
}
!endsub
!if %variable_exists("$THEME")
title 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 20
skinparam ParticipantPadding 30
skinparam BoxPadding 40
skinparam Padding 8
skinparam ArrowColor #959595
skinparam stereotype {
CBackgroundColor #f5f5f5
CBorderColor #c2c2c2
ABackgroundColor #c4ca33
ABorderColor #919700
IBackgroundColor #d95555
IBorderColor #a62222
EBackgroundColor #ee9033
EBorderColor #bb5d00
NBackgroundColor #3786be
NBorderColor #04538b
}
skinparam title {
FontColor #009fdb
BorderColor #c2c2c2
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor #f5f5f5-#f2f2f2
}
skinparam legend {
BackgroundColor #f2f2f2
BorderColor #c2c2c2
FontColor #5a5a5a
}
skinparam swimlane {
BorderColor #0568ae
BorderThickness 2
TitleBackgroundColor #f5f5f5-#f2f2f2
TitleFontColor #009fdb
}
skinparam activity {
FontColor #fff
BorderColor #009fdb
BackgroundColor #33b2e2-#009fdb
BarColor #b5bd00
StartColor #0568ae
EndColor #0568ae
DiamondBackgroundColor #f5f5f5-#c2c2c2
DiamondBorderColor #c2c2c2
DiamondFontColor #5a5a5a
}
skinparam participant {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
ParticipantBorderThickness 2
}
skinparam actor {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
FontColor #009fdb
}
skinparam arrow {
Thickness 3
Color #009fdb
FontColor #5a5a5a
}
skinparam sequence {
BorderColor #009fdb
TitleFontColor #009fdb
BackgroundColor transparent
StartColor #009fdb
EndColor #009fdb
BoxBackgroundColor transparent
BoxBorderColor #959595
BoxFontColor #5a5a5a
LifeLineBorderColor #c2c2c2
LifeLineBorderThickness 2
LifeLineBackgroundColor #f5f5f5
GroupBorderColor #959595
GroupFontColor #5a5a5a
GroupHeaderFontColor #0568ae
GroupBackgroundColor transparent
GroupBodyBackgroundColor transparent
GroupHeaderBackgroundColor transparent
DividerBackgroundColor #fff-#d2d2d2
DividerBorderColor #959595
DividerBorderThickness 2
DividerFontColor #5a5a5a
ReferenceBackgroundColor transparent
ReferenceBorderColor #959595
ReferenceFontColor #5a5a5a
ReferenceHeaderFontColor #0568ae
}
skinparam partition {
BorderColor #009fdb
FontColor #009fdb
BackgroundColor transparent
}
skinparam collections {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
}
skinparam control {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
FontColor #009fdb
}
skinparam entity {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
FontColor #009fdb
}
skinparam boundary {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
FontColor #009fdb
}
skinparam agent {
BackgroundColor #orange
BorderColor #999999
FontColor #333333
}
skinparam note {
BorderThickness 1
BackgroundColor #3786be-#0568ae
BorderColor #0568ae
FontColor #fff
}
skinparam artifact {
BackgroundColor #fff-#d2d2d2
BorderColor #c2c2c2
FontColor #5a5a5a
}
skinparam component {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
}
skinparam interface {
BackgroundColor #d95555
BorderColor #cf2a2a
FontColor #5a5a5a
}
skinparam storage {
BackgroundColor #ee9033-#ea7400
BorderColor #ea7400
FontColor #fff
}
skinparam node {
BackgroundColor #f5f5f5-#f2f2f2
BorderColor #c2c2c2
FontColor #009fdb
}
skinparam cloud {
BackgroundColor transparent
BorderColor #F2FCFE
FontColor #009fdb
}
skinparam database {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
BorderColor #007faf
}
skinparam class {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
HeaderBackgroundColor #33b2e2-#009fdb
StereotypeFontColor #5a5a5a
BorderThickness 1
AttributeFontColor #d2d2d2
AttributeFontSize 11
}
skinparam object {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
StereotypeFontColor #5a5a5a
BorderThickness 1
AttributeFontColor #d2d2d2
AttributeFontSize 11
}
skinparam usecase {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
BorderThickness 2
StereotypeFontColor #009fdb
}
skinparam rectangle {
FontColor #5a5a5a
BorderColor #c2c2c2
BackgroundColor #fff-#fefefe
BorderThickness 2
StereotypeFontColor #009fdb
}
skinparam package {
FontColor #009fdb
BorderColor #33b2e2
BackgroundColor transparent
BorderThickness 2
}
skinparam folder {
BackgroundColor #fff-#f5f5f5
BorderColor #ea7400
FontColor #ea7400
BorderThickness 2
}
skinparam frame {
BackgroundColor #fff-#f5f5f5
BorderColor #0568ae
FontColor #0568ae
BorderThickness 2
}
skinparam state {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
BorderColor #007faf
StartColor #0568ae
EndColor #0568ae
AttributeFontColor #d2d2d2
AttributeFontSize 11
}
skinparam queue {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
}
skinparam card {
BackgroundColor #3786be-#0568ae
BorderColor #0568ae
FontColor #fff
}
skinparam file {
BackgroundColor #f5f5f5-#f2f2f2
BorderColor #0568ae
FontColor #5a5a5a
}
skinparam stack {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
}
title Component Diagram - bluegray 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>

After

Width:  |  Height:  |  Size: 36 KiB

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

@ -0,0 +1,62 @@
---
layout: default
title: bluegray
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>

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 21 KiB

843
puml/bluegray/object-ex.svg Normal file
View File

@ -0,0 +1,843 @@
<?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="g19o04poqfqrgp0" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#F5F5F5"/><stop offset="100%" stop-color="#F2F2F2"/></linearGradient><linearGradient id="g19o04poqfqrgp1" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#33B2E2"/><stop offset="100%" stop-color="#009FDB"/></linearGradient></defs><g><rect fill="url(#g19o04poqfqrgp0)" height="52.4028" rx="4.1667" ry="4.1667" style="stroke:#C2C2C2;stroke-width:1.0416666666666667;" width="386.4583" x="80.4688" y="2.0833"/><text fill="#009FDB" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="353.125" x="97.1354" y="36.5702">Object Diagram - bluegray theme</text><rect fill="url(#g19o04poqfqrgp1)" height="52.6917" rx="10.4167" ry="10.4167" style="stroke:#33B2E2;stroke-width:1.0416666666666667;" width="90.625" x="7.2917" y="64.9028"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="22.9167" y="87.8866">Object01</text><line style="stroke:#33B2E2;stroke-width:1.0416666666666667;" x1="8.3333" x2="96.875" y1="100.9277" y2="100.9277"/><rect fill="url(#g19o04poqfqrgp1)" height="52.6917" rx="10.4167" ry="10.4167" style="stroke:#33B2E2;stroke-width:1.0416666666666667;" width="90.625" x="7.2917" y="239.9028"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="22.9167" y="262.8866">Object02</text><line style="stroke:#33B2E2;stroke-width:1.0416666666666667;" x1="8.3333" x2="96.875" y1="275.9277" y2="275.9277"/><rect fill="url(#g19o04poqfqrgp1)" height="52.6917" rx="10.4167" ry="10.4167" style="stroke:#33B2E2;stroke-width:1.0416666666666667;" width="90.625" x="134.375" y="64.9028"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="150" y="87.8866">Object03</text><line style="stroke:#33B2E2;stroke-width:1.0416666666666667;" x1="135.4167" x2="223.9583" y1="100.9277" y2="100.9277"/><rect fill="url(#g19o04poqfqrgp1)" height="52.6917" rx="10.4167" ry="10.4167" style="stroke:#33B2E2;stroke-width:1.0416666666666667;" width="90.625" x="134.375" y="239.9028"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="150" y="262.8866">Object04</text><line style="stroke:#33B2E2;stroke-width:1.0416666666666667;" x1="135.4167" x2="223.9583" y1="275.9277" y2="275.9277"/><rect fill="url(#g19o04poqfqrgp1)" height="52.6917" rx="10.4167" ry="10.4167" style="stroke:#33B2E2;stroke-width:1.0416666666666667;" width="90.625" x="261.4583" y="64.9028"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="277.0833" y="87.8866">Object05</text><line style="stroke:#33B2E2;stroke-width:1.0416666666666667;" x1="262.5" x2="351.0417" y1="100.9277" y2="100.9277"/><rect fill="url(#g19o04poqfqrgp1)" height="52.6917" rx="10.4167" ry="10.4167" style="stroke:#33B2E2;stroke-width:1.0416666666666667;" width="90.625" x="261.4583" y="239.9028"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="277.0833" y="262.8866">Object06</text><line style="stroke:#33B2E2;stroke-width:1.0416666666666667;" x1="262.5" x2="351.0417" y1="275.9277" y2="275.9277"/><rect fill="url(#g19o04poqfqrgp1)" height="52.6917" rx="10.4167" ry="10.4167" style="stroke:#33B2E2;stroke-width:1.0416666666666667;" width="90.625" x="412.5" y="64.9028"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="428.125" y="87.8866">Object07</text><line style="stroke:#33B2E2;stroke-width:1.0416666666666667;" x1="413.5417" x2="502.0833" y1="100.9277" y2="100.9277"/><rect fill="url(#g19o04poqfqrgp1)" height="105.543" rx="10.4167" ry="10.4167" style="stroke:#33B2E2;stroke-width:1.0416666666666667;" width="137.5" x="389.0625" y="213.8611"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="428.125" y="236.8449">Object08</text><line style="stroke:#33B2E2;stroke-width:1.5625;" x1="390.1042" x2="525.5208" y1="249.8861" y2="249.8861"/><text fill="#D2D2D2" font-family="Verdana" font-size="11.4583" lengthAdjust="spacing" textLength="108.3333" x="403.6458" y="273.9059">name = "Dummy"</text><text fill="#D2D2D2" 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:#009FDB;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:#009FDB;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:#009FDB;stroke-width:3.125;"/><polygon fill="#009FDB" points="179.6875,118.3923,175.5208,124.6423,179.6875,130.8923,183.8542,124.6423,179.6875,118.3923" style="stroke:#009FDB;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:#009FDB;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:#009FDB;stroke-width:3.125;fill:none;"/><text fill="#5A5A5A" 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:#009FDB;stroke-width:3.125;stroke-dasharray:7.0,7.0;"/><text fill="#5A5A5A" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="78.125" x="467.1875" y="171.2199">some labels</text><!--MD5=[6f04ade622db181212bd7e3d01ba0768]
@startuml
!$THEME = "bluegray"
!if %not(%variable_exists("$BGCOLOR"))
!$BGCOLOR = "transparent"
!endif
skinparam backgroundColor $BGCOLOR
skinparam useBetaStyle false
!$WHITE = "#fff"
!$GRAY_DARK = "#5a5a5a"
!$GRAY = "#959595"
!$PRIMARY = "#009fdb"
!$SECONDARY = "#f2f2f2"
!$SUCCESS = "#b5bd00"
!$INFO = "#0568ae"
!$WARNING = "#ea7400"
!$DANGER = "#cf2a2a"
!$LIGHT = "#d2d2d2"
!$DARK = "#5a5a5a"
!$FGCOLOR = $DARK
!$PRIMARY_LIGHT = "#33b2e2"
!$PRIMARY_DARK = "#007faf"
!$PRIMARY_TEXT = $WHITE
!$SECONDARY_LIGHT = "#f5f5f5"
!$SECONDARY_DARK = "#c2c2c2"
!$SECONDARY_TEXT = $DARK
!$INFO_LIGHT = "#3786be"
!$INFO_DARK = "#04538b"
!$INFO_TEXT = $WHITE
!$SUCCESS_LIGHT = "#c4ca33"
!$SUCCESS_DARK = "#919700"
!$SUCCESS_TEXT = $WHITE
!$WARNING_LIGHT = "#ee9033"
!$WARNING_DARK = "#bb5d00"
!$WARNING_TEXT = $WHITE
!$DANGER_LIGHT = "#d95555"
!$DANGER_DARK = "#a62222"
!$DANGER_TEXT = $WHITE
!procedure $success($msg)
<font color=$SUCCESS><b>$msg
!endprocedure
!procedure $failure($msg)
<font color=$DANGER><b>$msg
!endprocedure
!procedure $warning($msg)
<font color=$WARNING><b>$msg
!endprocedure
!procedure $primary_scheme()
FontColor $PRIMARY_TEXT
BorderColor $PRIMARY_LIGHT
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
!endprocedure
!procedure $secondary_scheme()
FontColor $SECONDARY_TEXT
BorderColor $SECONDARY_DARK
BackgroundColor $WHITE-#fefefe
!endprocedure
skinparam defaultFontName "Verdana"
skinparam defaultFontSize 12
skinparam dpi 100
skinparam shadowing false
skinparam roundcorner 20
skinparam ParticipantPadding 30
skinparam BoxPadding 40
skinparam Padding 8
skinparam ArrowColor $GRAY
skinparam stereotype {
CBackgroundColor $SECONDARY_LIGHT
CBorderColor $SECONDARY_DARK
ABackgroundColor $SUCCESS_LIGHT
ABorderColor $SUCCESS_DARK
IBackgroundColor $DANGER_LIGHT
IBorderColor $DANGER_DARK
EBackgroundColor $WARNING_LIGHT
EBorderColor $WARNING_DARK
NBackgroundColor $INFO_LIGHT
NBorderColor $INFO_DARK
}
skinparam title {
FontColor $PRIMARY
BorderColor $SECONDARY_DARK
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
}
skinparam legend {
BackgroundColor $SECONDARY
BorderColor $SECONDARY_DARK
FontColor $DARK
}
!startsub swimlane
skinparam swimlane {
BorderColor $INFO
BorderThickness 2
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY
TitleFontColor $PRIMARY
}
!endsub
!startsub activity
skinparam activity {
FontColor $PRIMARY_TEXT
BorderColor $PRIMARY
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
BarColor $SUCCESS
StartColor $INFO
EndColor $INFO
DiamondBackgroundColor $SECONDARY_LIGHT-$SECONDARY_DARK
DiamondBorderColor $SECONDARY_DARK
DiamondFontColor $SECONDARY_TEXT
}
!endsub
!startsub participant
skinparam participant {
$primary_scheme()
ParticipantBorderThickness 2
}
!endsub
!startsub actor
skinparam actor {
$primary_scheme()
FontColor $PRIMARY
}
!endsub
!startsub arrow
skinparam arrow {
Thickness 3
Color $PRIMARY
FontColor $FGCOLOR
}
!endsub
!startsub sequence
skinparam sequence {
BorderColor $PRIMARY
TitleFontColor $PRIMARY
BackgroundColor $BGCOLOR
StartColor $PRIMARY
EndColor $PRIMARY
BoxBackgroundColor $BGCOLOR
BoxBorderColor $GRAY
BoxFontColor $DARK
LifeLineBorderColor $SECONDARY_DARK
LifeLineBorderThickness 2
LifeLineBackgroundColor $SECONDARY_LIGHT
GroupBorderColor $GRAY
GroupFontColor $DARK
GroupHeaderFontColor $INFO
GroupBackgroundColor $BGCOLOR
GroupBodyBackgroundColor $BGCOLOR
GroupHeaderBackgroundColor $BGCOLOR
DividerBackgroundColor $WHITE-$LIGHT
DividerBorderColor $GRAY
DividerBorderThickness 2
DividerFontColor $DARK
ReferenceBackgroundColor $BGCOLOR
ReferenceBorderColor $GRAY
ReferenceFontColor $DARK
ReferenceHeaderFontColor $INFO
}
!endsub
!startsub partition
skinparam partition {
BorderColor $PRIMARY
FontColor $PRIMARY
BackgroundColor $BGCOLOR
}
!endsub
!startsub collections
skinparam collections {
$primary_scheme()
}
!endsub
!startsub control
skinparam control {
$primary_scheme()
FontColor $PRIMARY
}
!endsub
!startsub entity
skinparam entity {
$primary_scheme()
FontColor $PRIMARY
}
!endsub
!startsub boundary
skinparam boundary {
$primary_scheme()
FontColor $PRIMARY
}
!endsub
!startsub agent
skinparam agent {
BackgroundColor #orange
BorderColor #999999
FontColor #333333
}
!endsub
!startsub note
skinparam note {
BorderThickness 1
BackgroundColor $INFO_LIGHT-$INFO
BorderColor $INFO
FontColor $WHITE
}
!endsub
!startsub artifact
skinparam artifact {
BackgroundColor $WHITE-$LIGHT
BorderColor $SECONDARY_DARK
FontColor $SECONDARY_TEXT
}
!endsub
!startsub component
skinparam component {
$primary_scheme()
}
!endsub
!startsub interface
skinparam interface {
BackgroundColor $DANGER_LIGHT
BorderColor $DANGER
FontColor $DARK
}
!endsub
!startsub storage
skinparam storage {
BackgroundColor $WARNING_LIGHT-$WARNING
BorderColor $WARNING
FontColor $WARNING_TEXT
}
!endsub
!startsub node
skinparam node {
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
BorderColor $SECONDARY_DARK
FontColor $PRIMARY
}
!endsub
!startsub cloud
skinparam cloud {
BackgroundColor transparent
BorderColor #F2FCFE
FontColor $PRIMARY
}
!endsub
!startsub database
skinparam database {
$primary_scheme()
BorderColor $PRIMARY_DARK
}
!endsub
!startsub class
skinparam class {
$primary_scheme()
HeaderBackgroundColor $PRIMARY_LIGHT-$PRIMARY
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $LIGHT
AttributeFontSize 11
}
!endsub
!startsub object
skinparam object {
$primary_scheme()
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $LIGHT
AttributeFontSize 11
}
!endsub
!startsub usecase
skinparam usecase {
$primary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub rectangle
skinparam rectangle {
$secondary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub package
skinparam package {
FontColor $PRIMARY
BorderColor $PRIMARY_LIGHT
BackgroundColor $BGCOLOR
BorderThickness 2
}
!endsub
!startsub folder
skinparam folder {
BackgroundColor $WHITE-$SECONDARY_LIGHT
BorderColor $WARNING
FontColor $WARNING
BorderThickness 2
}
!endsub
!startsub frame
skinparam frame {
BackgroundColor $WHITE-$SECONDARY_LIGHT
BorderColor $INFO
FontColor $INFO
BorderThickness 2
}
!endsub
!startsub state
skinparam state {
$primary_scheme()
BorderColor $PRIMARY_DARK
StartColor $INFO
EndColor $INFO
AttributeFontColor $LIGHT
AttributeFontSize 11
}
!endsub
!startsub queue
skinparam queue {
$primary_scheme()
}
!endsub
!startsub card
skinparam card {
BackgroundColor $INFO_LIGHT-$INFO
BorderColor $INFO
FontColor $INFO_TEXT
}
!endsub
!startsub file
skinparam file {
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
BorderColor $INFO
FontColor $SECONDARY_TEXT
}
!endsub
!startsub stack
skinparam stack {
$primary_scheme()
}
!endsub
!if %variable_exists("$THEME")
title 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 20
skinparam ParticipantPadding 30
skinparam BoxPadding 40
skinparam Padding 8
skinparam ArrowColor #959595
skinparam stereotype {
CBackgroundColor #f5f5f5
CBorderColor #c2c2c2
ABackgroundColor #c4ca33
ABorderColor #919700
IBackgroundColor #d95555
IBorderColor #a62222
EBackgroundColor #ee9033
EBorderColor #bb5d00
NBackgroundColor #3786be
NBorderColor #04538b
}
skinparam title {
FontColor #009fdb
BorderColor #c2c2c2
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor #f5f5f5-#f2f2f2
}
skinparam legend {
BackgroundColor #f2f2f2
BorderColor #c2c2c2
FontColor #5a5a5a
}
skinparam swimlane {
BorderColor #0568ae
BorderThickness 2
TitleBackgroundColor #f5f5f5-#f2f2f2
TitleFontColor #009fdb
}
skinparam activity {
FontColor #fff
BorderColor #009fdb
BackgroundColor #33b2e2-#009fdb
BarColor #b5bd00
StartColor #0568ae
EndColor #0568ae
DiamondBackgroundColor #f5f5f5-#c2c2c2
DiamondBorderColor #c2c2c2
DiamondFontColor #5a5a5a
}
skinparam participant {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
ParticipantBorderThickness 2
}
skinparam actor {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
FontColor #009fdb
}
skinparam arrow {
Thickness 3
Color #009fdb
FontColor #5a5a5a
}
skinparam sequence {
BorderColor #009fdb
TitleFontColor #009fdb
BackgroundColor transparent
StartColor #009fdb
EndColor #009fdb
BoxBackgroundColor transparent
BoxBorderColor #959595
BoxFontColor #5a5a5a
LifeLineBorderColor #c2c2c2
LifeLineBorderThickness 2
LifeLineBackgroundColor #f5f5f5
GroupBorderColor #959595
GroupFontColor #5a5a5a
GroupHeaderFontColor #0568ae
GroupBackgroundColor transparent
GroupBodyBackgroundColor transparent
GroupHeaderBackgroundColor transparent
DividerBackgroundColor #fff-#d2d2d2
DividerBorderColor #959595
DividerBorderThickness 2
DividerFontColor #5a5a5a
ReferenceBackgroundColor transparent
ReferenceBorderColor #959595
ReferenceFontColor #5a5a5a
ReferenceHeaderFontColor #0568ae
}
skinparam partition {
BorderColor #009fdb
FontColor #009fdb
BackgroundColor transparent
}
skinparam collections {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
}
skinparam control {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
FontColor #009fdb
}
skinparam entity {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
FontColor #009fdb
}
skinparam boundary {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
FontColor #009fdb
}
skinparam agent {
BackgroundColor #orange
BorderColor #999999
FontColor #333333
}
skinparam note {
BorderThickness 1
BackgroundColor #3786be-#0568ae
BorderColor #0568ae
FontColor #fff
}
skinparam artifact {
BackgroundColor #fff-#d2d2d2
BorderColor #c2c2c2
FontColor #5a5a5a
}
skinparam component {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
}
skinparam interface {
BackgroundColor #d95555
BorderColor #cf2a2a
FontColor #5a5a5a
}
skinparam storage {
BackgroundColor #ee9033-#ea7400
BorderColor #ea7400
FontColor #fff
}
skinparam node {
BackgroundColor #f5f5f5-#f2f2f2
BorderColor #c2c2c2
FontColor #009fdb
}
skinparam cloud {
BackgroundColor transparent
BorderColor #F2FCFE
FontColor #009fdb
}
skinparam database {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
BorderColor #007faf
}
skinparam class {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
HeaderBackgroundColor #33b2e2-#009fdb
StereotypeFontColor #5a5a5a
BorderThickness 1
AttributeFontColor #d2d2d2
AttributeFontSize 11
}
skinparam object {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
StereotypeFontColor #5a5a5a
BorderThickness 1
AttributeFontColor #d2d2d2
AttributeFontSize 11
}
skinparam usecase {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
BorderThickness 2
StereotypeFontColor #009fdb
}
skinparam rectangle {
FontColor #5a5a5a
BorderColor #c2c2c2
BackgroundColor #fff-#fefefe
BorderThickness 2
StereotypeFontColor #009fdb
}
skinparam package {
FontColor #009fdb
BorderColor #33b2e2
BackgroundColor transparent
BorderThickness 2
}
skinparam folder {
BackgroundColor #fff-#f5f5f5
BorderColor #ea7400
FontColor #ea7400
BorderThickness 2
}
skinparam frame {
BackgroundColor #fff-#f5f5f5
BorderColor #0568ae
FontColor #0568ae
BorderThickness 2
}
skinparam state {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
BorderColor #007faf
StartColor #0568ae
EndColor #0568ae
AttributeFontColor #d2d2d2
AttributeFontSize 11
}
skinparam queue {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
}
skinparam card {
BackgroundColor #3786be-#0568ae
BorderColor #0568ae
FontColor #fff
}
skinparam file {
BackgroundColor #f5f5f5-#f2f2f2
BorderColor #0568ae
FontColor #5a5a5a
}
skinparam stack {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
}
title Object Diagram - bluegray 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>

After

Width:  |  Height:  |  Size: 20 KiB

View File

@ -0,0 +1,437 @@
''
'' A blue gray theme
''
'' Author: Brett Schwarz
'' Copyright (c) 2019 by Brett Schwarz
!$THEME = "bluegray"
!if %not(%variable_exists("$BGCOLOR"))
!$BGCOLOR = "transparent"
!endif
skinparam backgroundColor $BGCOLOR
skinparam useBetaStyle false
!$WHITE = "#fff"
!$GRAY_DARK = "#5a5a5a"
!$GRAY = "#959595"
!$PRIMARY = "#009fdb"
!$SECONDARY = "#f2f2f2"
!$SUCCESS = "#b5bd00"
!$INFO = "#0568ae"
!$WARNING = "#ea7400"
!$DANGER = "#cf2a2a"
!$LIGHT = "#d2d2d2"
!$DARK = "#5a5a5a"
!$FGCOLOR = $DARK
!$PRIMARY_LIGHT = "#33b2e2"
!$PRIMARY_DARK = "#007faf"
!$PRIMARY_TEXT = $WHITE
!$SECONDARY_LIGHT = "#f5f5f5"
!$SECONDARY_DARK = "#c2c2c2"
!$SECONDARY_TEXT = $DARK
!$INFO_LIGHT = "#3786be"
!$INFO_DARK = "#04538b"
!$INFO_TEXT = $WHITE
!$SUCCESS_LIGHT = "#c4ca33"
!$SUCCESS_DARK = "#919700"
!$SUCCESS_TEXT = $WHITE
!$WARNING_LIGHT = "#ee9033"
!$WARNING_DARK = "#bb5d00"
!$WARNING_TEXT = $WHITE
!$DANGER_LIGHT = "#d95555"
!$DANGER_DARK = "#a62222"
!$DANGER_TEXT = $WHITE
!procedure $success($msg)
<font color=$SUCCESS><b>$msg
!endprocedure
!procedure $failure($msg)
<font color=$DANGER><b>$msg
!endprocedure
!procedure $warning($msg)
<font color=$WARNING><b>$msg
!endprocedure
!procedure $primary_scheme()
FontColor $PRIMARY_TEXT
BorderColor $PRIMARY_LIGHT
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
!endprocedure
!procedure $secondary_scheme()
FontColor $SECONDARY_TEXT
BorderColor $SECONDARY_DARK
BackgroundColor $WHITE-#fefefe
!endprocedure
''
'' Global Default Values
''
skinparam defaultFontName "Verdana"
skinparam defaultFontSize 12
skinparam dpi 100
skinparam shadowing false
skinparam roundcorner 20
skinparam ParticipantPadding 30
skinparam BoxPadding 40
skinparam Padding 8
skinparam ArrowColor $GRAY
skinparam stereotype {
CBackgroundColor $SECONDARY_LIGHT
CBorderColor $SECONDARY_DARK
ABackgroundColor $SUCCESS_LIGHT
ABorderColor $SUCCESS_DARK
IBackgroundColor $DANGER_LIGHT
IBorderColor $DANGER_DARK
EBackgroundColor $WARNING_LIGHT
EBorderColor $WARNING_DARK
NBackgroundColor $INFO_LIGHT
NBorderColor $INFO_DARK
}
skinparam title {
FontColor $PRIMARY
BorderColor $SECONDARY_DARK
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
}
skinparam legend {
BackgroundColor $SECONDARY
BorderColor $SECONDARY_DARK
FontColor $DARK
}
!startsub swimlane
skinparam swimlane {
BorderColor $INFO
BorderThickness 2
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY
TitleFontColor $PRIMARY
}
!endsub
!startsub activity
skinparam activity {
FontColor $PRIMARY_TEXT
BorderColor $PRIMARY
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
BarColor $SUCCESS
StartColor $INFO
EndColor $INFO
''
DiamondBackgroundColor $SECONDARY_LIGHT-$SECONDARY_DARK
DiamondBorderColor $SECONDARY_DARK
DiamondFontColor $SECONDARY_TEXT
}
!endsub
!startsub participant
skinparam participant {
$primary_scheme()
ParticipantBorderThickness 2
}
!endsub
!startsub actor
skinparam actor {
$primary_scheme()
FontColor $PRIMARY
}
!endsub
!startsub arrow
skinparam arrow {
Thickness 3
Color $PRIMARY
FontColor $FGCOLOR
}
!endsub
!startsub sequence
skinparam sequence {
BorderColor $PRIMARY
' 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
BackgroundColor $BGCOLOR
}
!endsub
!startsub collections
skinparam collections {
$primary_scheme()
}
!endsub
!startsub control
skinparam control {
$primary_scheme()
FontColor $PRIMARY
}
!endsub
!startsub entity
skinparam entity {
$primary_scheme()
FontColor $PRIMARY
}
!endsub
!startsub boundary
skinparam boundary {
$primary_scheme()
FontColor $PRIMARY
}
!endsub
!startsub agent
skinparam agent {
BackgroundColor #orange
BorderColor #999999
FontColor #333333
}
!endsub
!startsub note
skinparam note {
BorderThickness 1
BackgroundColor $INFO_LIGHT-$INFO
BorderColor $INFO
FontColor $WHITE
}
!endsub
!startsub artifact
skinparam artifact {
BackgroundColor $WHITE-$LIGHT
BorderColor $SECONDARY_DARK
FontColor $SECONDARY_TEXT
}
!endsub
!startsub component
skinparam component {
$primary_scheme()
}
!endsub
!startsub interface
skinparam interface {
BackgroundColor $DANGER_LIGHT
BorderColor $DANGER
FontColor $DARK
}
!endsub
!startsub storage
skinparam storage {
BackgroundColor $WARNING_LIGHT-$WARNING
BorderColor $WARNING
FontColor $WARNING_TEXT
}
!endsub
!startsub node
skinparam node {
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
BorderColor $SECONDARY_DARK
FontColor $PRIMARY
}
!endsub
!startsub cloud
skinparam cloud {
BackgroundColor transparent
BorderColor #F2FCFE
FontColor $PRIMARY
}
!endsub
!startsub database
skinparam database {
$primary_scheme()
' FontColor $PRIMARY
BorderColor $PRIMARY_DARK
' BackgroundColor $BGCOLOR
}
!endsub
!startsub class
skinparam class {
$primary_scheme()
HeaderBackgroundColor $PRIMARY_LIGHT-$PRIMARY
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $LIGHT
AttributeFontSize 11
}
!endsub
!startsub object
skinparam object {
$primary_scheme()
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $LIGHT
AttributeFontSize 11
}
!endsub
!startsub usecase
skinparam usecase {
$primary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub rectangle
skinparam rectangle {
$secondary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub package
skinparam package {
FontColor $PRIMARY
BorderColor $PRIMARY_LIGHT
BackgroundColor $BGCOLOR
BorderThickness 2
}
!endsub
!startsub folder
skinparam folder {
BackgroundColor $WHITE-$SECONDARY_LIGHT
BorderColor $WARNING
FontColor $WARNING
BorderThickness 2
}
!endsub
!startsub frame
skinparam frame {
BackgroundColor $WHITE-$SECONDARY_LIGHT
BorderColor $INFO
FontColor $INFO
BorderThickness 2
}
!endsub
!startsub state
skinparam state {
$primary_scheme()
BorderColor $PRIMARY_DARK
StartColor $INFO
EndColor $INFO
AttributeFontColor $LIGHT
AttributeFontSize 11
}
!endsub
!startsub queue
skinparam queue {
$primary_scheme()
}
!endsub
!startsub card
skinparam card {
BackgroundColor $INFO_LIGHT-$INFO
BorderColor $INFO
FontColor $INFO_TEXT
}
!endsub
!startsub file
skinparam file {
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
BorderColor $INFO
FontColor $SECONDARY_TEXT
}
!endsub
!startsub stack
skinparam stack {
$primary_scheme()
}
!endsub

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 43 KiB

873
puml/bluegray/state-ex.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 29 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 22 KiB

View File

@ -0,0 +1,840 @@
<?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:415px;height:497px;background:#00000000;" version="1.1" viewBox="0 0 415 497" width="415.625px" zoomAndPan="magnify"><defs><linearGradient id="g11to7osoa72hk0" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#F5F5F5"/><stop offset="100%" stop-color="#F2F2F2"/></linearGradient><linearGradient id="g11to7osoa72hk1" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFFFFF"/><stop offset="100%" stop-color="#FEFEFE"/></linearGradient><linearGradient id="g11to7osoa72hk2" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#33B2E2"/><stop offset="100%" stop-color="#009FDB"/></linearGradient></defs><g><rect fill="url(#g11to7osoa72hk0)" height="52.4028" rx="4.1667" ry="4.1667" style="stroke:#C2C2C2;stroke-width:1.0416666666666667;" width="403.125" x="2.0833" y="2.0833"/><text fill="#009FDB" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="369.7917" x="18.75" y="36.5702">Usecase Diagram - bluegray theme</text><!--MD5=[111002b242a260edbcaabc3e471064d0]
cluster checkout--><rect fill="url(#g11to7osoa72hk1)" height="361.4583" rx="10.4167" ry="10.4167" style="stroke:#C2C2C2;stroke-width:2.0833333333333335;" width="163.5417" x="143.75" y="64.9028"/><text fill="#5A5A5A" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="61.4583" x="194.7917" y="87.8866">checkout</text><ellipse cx="225.4135" cy="262.9508" fill="url(#g11to7osoa72hk2)" rx="64.9968" ry="25.6522" style="stroke:#33B2E2;stroke-width:2.0833333333333335;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="58.3333" x="196.2468" y="265.8388">checkout</text><ellipse cx="225.7186" cy="142.1175" fill="url(#g11to7osoa72hk2)" rx="64.2603" ry="25.6522" style="stroke:#33B2E2;stroke-width:2.0833333333333335;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="57.2917" x="197.0728" y="145.0055">payment</text><ellipse cx="225.4072" cy="383.7841" fill="url(#g11to7osoa72hk2)" rx="43.6363" ry="25.6522" style="stroke:#33B2E2;stroke-width:2.0833333333333335;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="28.125" x="211.3447" y="386.6721">help</text><!--MD5=[92848cbaf65985a669855153c5362c37]
entity customer--><ellipse cx="56.25" cy="224.2778" fill="url(#g11to7osoa72hk2)" rx="8.3333" ry="8.3333" style="stroke:#33B2E2;stroke-width:1.5625;"/><path d="M56.25,232.6111 L56.25,260.7361 M42.7083,240.9444 L69.7917,240.9444 M56.25,260.7361 L42.7083,276.3611 M56.25,260.7361 L69.7917,276.3611 " fill="none" style="stroke:#33B2E2;stroke-width:1.5625;"/><text fill="#009FDB" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="60.4167" x="26.0417" y="299.8657">customer</text><!--MD5=[ebeabf449828f4e0b33bbb47961e644b]
entity clerk--><ellipse cx="379.6875" cy="224.2778" fill="url(#g11to7osoa72hk2)" rx="8.3333" ry="8.3333" style="stroke:#33B2E2;stroke-width:1.5625;"/><path d="M379.6875,232.6111 L379.6875,260.7361 M366.1458,240.9444 L393.2292,240.9444 M379.6875,260.7361 L366.1458,276.3611 M379.6875,260.7361 L393.2292,276.3611 " fill="none" style="stroke:#33B2E2;stroke-width:1.5625;"/><text fill="#009FDB" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="30.2083" x="364.5833" y="299.8657">clerk</text><!--MD5=[852381a7bb976b86080137fb6d718ea9]
link customer to checkout--><path d="M94.8125,262.8194 C114.0625,262.8194 138.0625,262.8194 160.1563,262.8194 " fill="none" id="customer-checkout" style="stroke:#009FDB;stroke-width:3.125;"/><!--MD5=[3ad5c6d5c608bfd6b87dc9c07c40a15f]
link checkout to payment--><path d="M225.5208,237.1944 C225.5208,218.4548 225.5208,192.934 225.5208,173.0278 " fill="none" id="checkout-to-payment" style="stroke:#009FDB;stroke-width:3.125;stroke-dasharray:7.0,7.0;"/><polygon fill="#009FDB" points="225.5208,167.5798,221.3542,176.9548,225.5208,172.7882,229.6875,176.9548,225.5208,167.5798" style="stroke:#009FDB;stroke-width:3.125;"/><text fill="#5A5A5A" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="45.8333" x="182.8125" y="207.6782">include</text><!--MD5=[739e7928149c8fe27c2b5850560351c7]
link help to checkout--><path d="M225.5208,358.0278 C225.5208,339.2882 225.5208,313.7673 225.5208,293.8611 " fill="none" id="help-to-checkout" style="stroke:#009FDB;stroke-width:3.125;stroke-dasharray:7.0,7.0;"/><polygon fill="#009FDB" points="225.5208,288.4132,221.3542,297.7882,225.5208,293.6215,229.6875,297.7882,225.5208,288.4132" style="stroke:#009FDB;stroke-width:3.125;"/><text fill="#5A5A5A" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="53.125" x="179.1667" y="328.5116">extends</text><!--MD5=[b4c4ee8f2d94c159d2b9e04bd372cbe0]
link checkout to clerk--><path d="M291.0625,262.8194 C314.2083,262.8194 338.8333,262.8194 356.0521,262.8194 " fill="none" id="checkout-clerk" style="stroke:#009FDB;stroke-width:3.125;"/><rect fill="#F2F2F2" height="42.275" rx="5.2083" ry="5.2083" style="stroke:#C2C2C2;stroke-width:1.0416666666666667;" width="141.6667" x="132.8125" y="439.9028"/><text fill="#5A5A5A" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="112.5" x="147.3958" y="466.0116">This is my legend</text><!--MD5=[9ac40b30495792e229be79ef15b96fc3]
@startuml
!$THEME = "bluegray"
!if %not(%variable_exists("$BGCOLOR"))
!$BGCOLOR = "transparent"
!endif
skinparam backgroundColor $BGCOLOR
skinparam useBetaStyle false
!$WHITE = "#fff"
!$GRAY_DARK = "#5a5a5a"
!$GRAY = "#959595"
!$PRIMARY = "#009fdb"
!$SECONDARY = "#f2f2f2"
!$SUCCESS = "#b5bd00"
!$INFO = "#0568ae"
!$WARNING = "#ea7400"
!$DANGER = "#cf2a2a"
!$LIGHT = "#d2d2d2"
!$DARK = "#5a5a5a"
!$FGCOLOR = $DARK
!$PRIMARY_LIGHT = "#33b2e2"
!$PRIMARY_DARK = "#007faf"
!$PRIMARY_TEXT = $WHITE
!$SECONDARY_LIGHT = "#f5f5f5"
!$SECONDARY_DARK = "#c2c2c2"
!$SECONDARY_TEXT = $DARK
!$INFO_LIGHT = "#3786be"
!$INFO_DARK = "#04538b"
!$INFO_TEXT = $WHITE
!$SUCCESS_LIGHT = "#c4ca33"
!$SUCCESS_DARK = "#919700"
!$SUCCESS_TEXT = $WHITE
!$WARNING_LIGHT = "#ee9033"
!$WARNING_DARK = "#bb5d00"
!$WARNING_TEXT = $WHITE
!$DANGER_LIGHT = "#d95555"
!$DANGER_DARK = "#a62222"
!$DANGER_TEXT = $WHITE
!procedure $success($msg)
<font color=$SUCCESS><b>$msg
!endprocedure
!procedure $failure($msg)
<font color=$DANGER><b>$msg
!endprocedure
!procedure $warning($msg)
<font color=$WARNING><b>$msg
!endprocedure
!procedure $primary_scheme()
FontColor $PRIMARY_TEXT
BorderColor $PRIMARY_LIGHT
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
!endprocedure
!procedure $secondary_scheme()
FontColor $SECONDARY_TEXT
BorderColor $SECONDARY_DARK
BackgroundColor $WHITE-#fefefe
!endprocedure
skinparam defaultFontName "Verdana"
skinparam defaultFontSize 12
skinparam dpi 100
skinparam shadowing false
skinparam roundcorner 20
skinparam ParticipantPadding 30
skinparam BoxPadding 40
skinparam Padding 8
skinparam ArrowColor $GRAY
skinparam stereotype {
CBackgroundColor $SECONDARY_LIGHT
CBorderColor $SECONDARY_DARK
ABackgroundColor $SUCCESS_LIGHT
ABorderColor $SUCCESS_DARK
IBackgroundColor $DANGER_LIGHT
IBorderColor $DANGER_DARK
EBackgroundColor $WARNING_LIGHT
EBorderColor $WARNING_DARK
NBackgroundColor $INFO_LIGHT
NBorderColor $INFO_DARK
}
skinparam title {
FontColor $PRIMARY
BorderColor $SECONDARY_DARK
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
}
skinparam legend {
BackgroundColor $SECONDARY
BorderColor $SECONDARY_DARK
FontColor $DARK
}
!startsub swimlane
skinparam swimlane {
BorderColor $INFO
BorderThickness 2
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY
TitleFontColor $PRIMARY
}
!endsub
!startsub activity
skinparam activity {
FontColor $PRIMARY_TEXT
BorderColor $PRIMARY
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
BarColor $SUCCESS
StartColor $INFO
EndColor $INFO
DiamondBackgroundColor $SECONDARY_LIGHT-$SECONDARY_DARK
DiamondBorderColor $SECONDARY_DARK
DiamondFontColor $SECONDARY_TEXT
}
!endsub
!startsub participant
skinparam participant {
$primary_scheme()
ParticipantBorderThickness 2
}
!endsub
!startsub actor
skinparam actor {
$primary_scheme()
FontColor $PRIMARY
}
!endsub
!startsub arrow
skinparam arrow {
Thickness 3
Color $PRIMARY
FontColor $FGCOLOR
}
!endsub
!startsub sequence
skinparam sequence {
BorderColor $PRIMARY
TitleFontColor $PRIMARY
BackgroundColor $BGCOLOR
StartColor $PRIMARY
EndColor $PRIMARY
BoxBackgroundColor $BGCOLOR
BoxBorderColor $GRAY
BoxFontColor $DARK
LifeLineBorderColor $SECONDARY_DARK
LifeLineBorderThickness 2
LifeLineBackgroundColor $SECONDARY_LIGHT
GroupBorderColor $GRAY
GroupFontColor $DARK
GroupHeaderFontColor $INFO
GroupBackgroundColor $BGCOLOR
GroupBodyBackgroundColor $BGCOLOR
GroupHeaderBackgroundColor $BGCOLOR
DividerBackgroundColor $WHITE-$LIGHT
DividerBorderColor $GRAY
DividerBorderThickness 2
DividerFontColor $DARK
ReferenceBackgroundColor $BGCOLOR
ReferenceBorderColor $GRAY
ReferenceFontColor $DARK
ReferenceHeaderFontColor $INFO
}
!endsub
!startsub partition
skinparam partition {
BorderColor $PRIMARY
FontColor $PRIMARY
BackgroundColor $BGCOLOR
}
!endsub
!startsub collections
skinparam collections {
$primary_scheme()
}
!endsub
!startsub control
skinparam control {
$primary_scheme()
FontColor $PRIMARY
}
!endsub
!startsub entity
skinparam entity {
$primary_scheme()
FontColor $PRIMARY
}
!endsub
!startsub boundary
skinparam boundary {
$primary_scheme()
FontColor $PRIMARY
}
!endsub
!startsub agent
skinparam agent {
BackgroundColor #orange
BorderColor #999999
FontColor #333333
}
!endsub
!startsub note
skinparam note {
BorderThickness 1
BackgroundColor $INFO_LIGHT-$INFO
BorderColor $INFO
FontColor $WHITE
}
!endsub
!startsub artifact
skinparam artifact {
BackgroundColor $WHITE-$LIGHT
BorderColor $SECONDARY_DARK
FontColor $SECONDARY_TEXT
}
!endsub
!startsub component
skinparam component {
$primary_scheme()
}
!endsub
!startsub interface
skinparam interface {
BackgroundColor $DANGER_LIGHT
BorderColor $DANGER
FontColor $DARK
}
!endsub
!startsub storage
skinparam storage {
BackgroundColor $WARNING_LIGHT-$WARNING
BorderColor $WARNING
FontColor $WARNING_TEXT
}
!endsub
!startsub node
skinparam node {
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
BorderColor $SECONDARY_DARK
FontColor $PRIMARY
}
!endsub
!startsub cloud
skinparam cloud {
BackgroundColor transparent
BorderColor #F2FCFE
FontColor $PRIMARY
}
!endsub
!startsub database
skinparam database {
$primary_scheme()
BorderColor $PRIMARY_DARK
}
!endsub
!startsub class
skinparam class {
$primary_scheme()
HeaderBackgroundColor $PRIMARY_LIGHT-$PRIMARY
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $LIGHT
AttributeFontSize 11
}
!endsub
!startsub object
skinparam object {
$primary_scheme()
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $LIGHT
AttributeFontSize 11
}
!endsub
!startsub usecase
skinparam usecase {
$primary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub rectangle
skinparam rectangle {
$secondary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub package
skinparam package {
FontColor $PRIMARY
BorderColor $PRIMARY_LIGHT
BackgroundColor $BGCOLOR
BorderThickness 2
}
!endsub
!startsub folder
skinparam folder {
BackgroundColor $WHITE-$SECONDARY_LIGHT
BorderColor $WARNING
FontColor $WARNING
BorderThickness 2
}
!endsub
!startsub frame
skinparam frame {
BackgroundColor $WHITE-$SECONDARY_LIGHT
BorderColor $INFO
FontColor $INFO
BorderThickness 2
}
!endsub
!startsub state
skinparam state {
$primary_scheme()
BorderColor $PRIMARY_DARK
StartColor $INFO
EndColor $INFO
AttributeFontColor $LIGHT
AttributeFontSize 11
}
!endsub
!startsub queue
skinparam queue {
$primary_scheme()
}
!endsub
!startsub card
skinparam card {
BackgroundColor $INFO_LIGHT-$INFO
BorderColor $INFO
FontColor $INFO_TEXT
}
!endsub
!startsub file
skinparam file {
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
BorderColor $INFO
FontColor $SECONDARY_TEXT
}
!endsub
!startsub stack
skinparam stack {
$primary_scheme()
}
!endsub
!if %variable_exists("$THEME")
title 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 20
skinparam ParticipantPadding 30
skinparam BoxPadding 40
skinparam Padding 8
skinparam ArrowColor #959595
skinparam stereotype {
CBackgroundColor #f5f5f5
CBorderColor #c2c2c2
ABackgroundColor #c4ca33
ABorderColor #919700
IBackgroundColor #d95555
IBorderColor #a62222
EBackgroundColor #ee9033
EBorderColor #bb5d00
NBackgroundColor #3786be
NBorderColor #04538b
}
skinparam title {
FontColor #009fdb
BorderColor #c2c2c2
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor #f5f5f5-#f2f2f2
}
skinparam legend {
BackgroundColor #f2f2f2
BorderColor #c2c2c2
FontColor #5a5a5a
}
skinparam swimlane {
BorderColor #0568ae
BorderThickness 2
TitleBackgroundColor #f5f5f5-#f2f2f2
TitleFontColor #009fdb
}
skinparam activity {
FontColor #fff
BorderColor #009fdb
BackgroundColor #33b2e2-#009fdb
BarColor #b5bd00
StartColor #0568ae
EndColor #0568ae
DiamondBackgroundColor #f5f5f5-#c2c2c2
DiamondBorderColor #c2c2c2
DiamondFontColor #5a5a5a
}
skinparam participant {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
ParticipantBorderThickness 2
}
skinparam actor {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
FontColor #009fdb
}
skinparam arrow {
Thickness 3
Color #009fdb
FontColor #5a5a5a
}
skinparam sequence {
BorderColor #009fdb
TitleFontColor #009fdb
BackgroundColor transparent
StartColor #009fdb
EndColor #009fdb
BoxBackgroundColor transparent
BoxBorderColor #959595
BoxFontColor #5a5a5a
LifeLineBorderColor #c2c2c2
LifeLineBorderThickness 2
LifeLineBackgroundColor #f5f5f5
GroupBorderColor #959595
GroupFontColor #5a5a5a
GroupHeaderFontColor #0568ae
GroupBackgroundColor transparent
GroupBodyBackgroundColor transparent
GroupHeaderBackgroundColor transparent
DividerBackgroundColor #fff-#d2d2d2
DividerBorderColor #959595
DividerBorderThickness 2
DividerFontColor #5a5a5a
ReferenceBackgroundColor transparent
ReferenceBorderColor #959595
ReferenceFontColor #5a5a5a
ReferenceHeaderFontColor #0568ae
}
skinparam partition {
BorderColor #009fdb
FontColor #009fdb
BackgroundColor transparent
}
skinparam collections {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
}
skinparam control {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
FontColor #009fdb
}
skinparam entity {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
FontColor #009fdb
}
skinparam boundary {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
FontColor #009fdb
}
skinparam agent {
BackgroundColor #orange
BorderColor #999999
FontColor #333333
}
skinparam note {
BorderThickness 1
BackgroundColor #3786be-#0568ae
BorderColor #0568ae
FontColor #fff
}
skinparam artifact {
BackgroundColor #fff-#d2d2d2
BorderColor #c2c2c2
FontColor #5a5a5a
}
skinparam component {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
}
skinparam interface {
BackgroundColor #d95555
BorderColor #cf2a2a
FontColor #5a5a5a
}
skinparam storage {
BackgroundColor #ee9033-#ea7400
BorderColor #ea7400
FontColor #fff
}
skinparam node {
BackgroundColor #f5f5f5-#f2f2f2
BorderColor #c2c2c2
FontColor #009fdb
}
skinparam cloud {
BackgroundColor transparent
BorderColor #F2FCFE
FontColor #009fdb
}
skinparam database {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
BorderColor #007faf
}
skinparam class {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
HeaderBackgroundColor #33b2e2-#009fdb
StereotypeFontColor #5a5a5a
BorderThickness 1
AttributeFontColor #d2d2d2
AttributeFontSize 11
}
skinparam object {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
StereotypeFontColor #5a5a5a
BorderThickness 1
AttributeFontColor #d2d2d2
AttributeFontSize 11
}
skinparam usecase {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
BorderThickness 2
StereotypeFontColor #009fdb
}
skinparam rectangle {
FontColor #5a5a5a
BorderColor #c2c2c2
BackgroundColor #fff-#fefefe
BorderThickness 2
StereotypeFontColor #009fdb
}
skinparam package {
FontColor #009fdb
BorderColor #33b2e2
BackgroundColor transparent
BorderThickness 2
}
skinparam folder {
BackgroundColor #fff-#f5f5f5
BorderColor #ea7400
FontColor #ea7400
BorderThickness 2
}
skinparam frame {
BackgroundColor #fff-#f5f5f5
BorderColor #0568ae
FontColor #0568ae
BorderThickness 2
}
skinparam state {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
BorderColor #007faf
StartColor #0568ae
EndColor #0568ae
AttributeFontColor #d2d2d2
AttributeFontSize 11
}
skinparam queue {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
}
skinparam card {
BackgroundColor #3786be-#0568ae
BorderColor #0568ae
FontColor #fff
}
skinparam file {
BackgroundColor #f5f5f5-#f2f2f2
BorderColor #0568ae
FontColor #5a5a5a
}
skinparam stack {
FontColor #fff
BorderColor #33b2e2
BackgroundColor #33b2e2-#009fdb
}
title Usecase Diagram - bluegray 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>

After

Width:  |  Height:  |  Size: 19 KiB

839
puml/bluegray/wbs-ex.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 22 KiB