first
This commit is contained in:
chenp
806
puml/lightgray/activity-ex.svg
Normal file
806
puml/lightgray/activity-ex.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 22 KiB |
824
puml/lightgray/class-ex.svg
Normal file
824
puml/lightgray/class-ex.svg
Normal file
@ -0,0 +1,824 @@
|
||||
<?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="603.125px" preserveAspectRatio="none" style="width:666px;height:603px;background:#00000000;" version="1.1" viewBox="0 0 666 603" width="666.6667px" zoomAndPan="magnify"><defs><linearGradient id="gvxvgg3vf3hqj0" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#DBDBDB"/><stop offset="100%" stop-color="#D2D2D2"/></linearGradient><linearGradient id="gvxvgg3vf3hqj1" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#F3F3F3"/><stop offset="100%" stop-color="#E2E2E2"/></linearGradient><linearGradient id="gvxvgg3vf3hqj2" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#F3F3F3"/><stop offset="100%" stop-color="#888888"/></linearGradient></defs><g><rect fill="url(#gvxvgg3vf3hqj0)" height="56.5694" rx="4.1667" ry="4.1667" style="stroke:#D2D2D2;stroke-width:1.0416666666666667;" width="379.1667" x="136.4583" y="2.0833"/><text fill="#FFFFFF" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="341.6667" x="155.2083" y="38.6536">Class Diagram - lightgray theme</text><!--MD5=[b4fa10df80476353258f72a232547d63]
|
||||
class AbstractList--><rect codeLine="10" fill="url(#gvxvgg3vf3hqj1)" height="63.1083" id="AbstractList" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" width="127.0833" x="207.8125" y="336.7778"/><rect fill="url(#gvxvgg3vf3hqj2)" height="46.4417" rx="7.8125" ry="7.8125" style="stroke:url(#gvxvgg3vf3hqj2);stroke-width:1.0416666666666667;" width="127.0833" x="207.8125" y="336.7778"/><rect fill="url(#gvxvgg3vf3hqj2)" height="7.8125" style="stroke:url(#gvxvgg3vf3hqj2);stroke-width:1.0416666666666667;" width="127.0833" x="207.8125" y="375.4069"/><rect codeLine="10" fill="none" height="63.1083" id="AbstractList" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" width="127.0833" x="207.8125" y="336.7778"/><ellipse cx="222.3958" cy="359.9986" fill="#5CAD5C" rx="10.4167" ry="10.4167" style="stroke:#297A29;stroke-width:1.0416666666666667;"/><path d="M221.9889,356.955 L221.1426,360.6822 L222.8516,360.6822 L221.9889,356.955 Z M220.8984,355.3111 L223.0957,355.3111 L225.5534,364.4257 L223.7467,364.4257 L223.1934,362.1796 L220.7845,362.1796 L220.2311,364.4257 L218.4245,364.4257 L220.8984,355.3111 Z " fill="#000000"/><text fill="#336699" font-family="Verdana" font-size="12.5" font-style="italic" lengthAdjust="spacing" textLength="75" x="246.3542" y="364.9699">AbstractList</text><line style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" x1="208.8542" x2="333.8542" y1="383.2194" y2="383.2194"/><line style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" x1="208.8542" x2="333.8542" y1="391.5527" y2="391.5527"/><!--MD5=[8e34b16d8d8f96f4a11290cd523ed859]
|
||||
class AbstractCollection--><rect codeLine="11" fill="url(#gvxvgg3vf3hqj1)" height="63.1083" id="AbstractCollection" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" width="163.5417" x="7.2917" y="336.7778"/><rect fill="url(#gvxvgg3vf3hqj2)" height="46.4417" rx="7.8125" ry="7.8125" style="stroke:url(#gvxvgg3vf3hqj2);stroke-width:1.0416666666666667;" width="163.5417" x="7.2917" y="336.7778"/><rect fill="url(#gvxvgg3vf3hqj2)" height="7.8125" style="stroke:url(#gvxvgg3vf3hqj2);stroke-width:1.0416666666666667;" width="163.5417" x="7.2917" y="375.4069"/><rect codeLine="11" fill="none" height="63.1083" id="AbstractCollection" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" width="163.5417" x="7.2917" y="336.7778"/><ellipse cx="21.875" cy="359.9986" fill="#5CAD5C" rx="10.4167" ry="10.4167" style="stroke:#297A29;stroke-width:1.0416666666666667;"/><path d="M21.4681,356.955 L20.6217,360.6822 L22.3307,360.6822 L21.4681,356.955 Z M20.3776,355.3111 L22.5749,355.3111 L25.0326,364.4257 L23.2259,364.4257 L22.6725,362.1796 L20.2637,362.1796 L19.7103,364.4257 L17.9036,364.4257 L20.3776,355.3111 Z " fill="#000000"/><text fill="#336699" font-family="Verdana" font-size="12.5" font-style="italic" lengthAdjust="spacing" textLength="111.4583" x="45.8333" y="364.9699">AbstractCollection</text><line style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" x1="8.3333" x2="169.7917" y1="383.2194" y2="383.2194"/><line style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" x1="8.3333" x2="169.7917" y1="391.5527" y2="391.5527"/><!--MD5=[3d4177ac58b4411586d067f34e84928f]
|
||||
class List--><rect codeLine="12" fill="url(#gvxvgg3vf3hqj1)" height="63.1083" id="List" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" width="75" x="226.5625" y="121.1528"/><rect fill="url(#gvxvgg3vf3hqj2)" height="46.4417" rx="7.8125" ry="7.8125" style="stroke:url(#gvxvgg3vf3hqj2);stroke-width:1.0416666666666667;" width="75" x="226.5625" y="121.1528"/><rect fill="url(#gvxvgg3vf3hqj2)" height="7.8125" style="stroke:url(#gvxvgg3vf3hqj2);stroke-width:1.0416666666666667;" width="75" x="226.5625" y="159.7819"/><rect codeLine="12" fill="none" height="63.1083" id="List" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" width="75" x="226.5625" y="121.1528"/><ellipse cx="241.1458" cy="144.3736" fill="#FF5C5C" rx="10.4167" ry="10.4167" style="stroke:#CC2929;stroke-width:1.0416666666666667;"/><path d="M238.0371,141.5415 L238.0371,139.9465 L243.457,139.9465 L243.457,141.5415 L241.6504,141.5415 L241.6504,147.466 L243.457,147.466 L243.457,149.0611 L238.0371,149.0611 L238.0371,147.466 L239.8438,147.466 L239.8438,141.5415 L238.0371,141.5415 Z " fill="#000000"/><text fill="#336699" font-family="Verdana" font-size="12.5" font-style="italic" lengthAdjust="spacing" textLength="22.9167" x="265.1042" y="149.3449">List</text><line style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" x1="227.6042" x2="300.5208" y1="167.5944" y2="167.5944"/><line style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" x1="227.6042" x2="300.5208" y1="175.9277" y2="175.9277"/><!--MD5=[c160724f8e3bb89ca8141a12554ac2e3]
|
||||
class Collection--><rect codeLine="13" fill="url(#gvxvgg3vf3hqj1)" height="63.1083" id="Collection" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" width="111.4583" x="71.875" y="121.1528"/><rect fill="url(#gvxvgg3vf3hqj2)" height="46.4417" rx="7.8125" ry="7.8125" style="stroke:url(#gvxvgg3vf3hqj2);stroke-width:1.0416666666666667;" width="111.4583" x="71.875" y="121.1528"/><rect fill="url(#gvxvgg3vf3hqj2)" height="7.8125" style="stroke:url(#gvxvgg3vf3hqj2);stroke-width:1.0416666666666667;" width="111.4583" x="71.875" y="159.7819"/><rect codeLine="13" fill="none" height="63.1083" id="Collection" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" width="111.4583" x="71.875" y="121.1528"/><ellipse cx="86.4583" cy="144.3736" fill="#FF5C5C" rx="10.4167" ry="10.4167" style="stroke:#CC2929;stroke-width:1.0416666666666667;"/><path d="M83.3496,141.5415 L83.3496,139.9465 L88.7695,139.9465 L88.7695,141.5415 L86.9629,141.5415 L86.9629,147.466 L88.7695,147.466 L88.7695,149.0611 L83.3496,149.0611 L83.3496,147.466 L85.1563,147.466 L85.1563,141.5415 L83.3496,141.5415 Z " fill="#000000"/><text fill="#336699" font-family="Verdana" font-size="12.5" font-style="italic" lengthAdjust="spacing" textLength="59.375" x="110.4167" y="149.3449">Collection</text><line style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" x1="72.9167" x2="182.2917" y1="167.5944" y2="167.5944"/><line style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" x1="72.9167" x2="182.2917" y1="175.9277" y2="175.9277"/><!--MD5=[ab8871ed637f40707b866ba6597734bc]
|
||||
class ArrayList--><rect codeLine="22" fill="url(#gvxvgg3vf3hqj1)" height="132.6263" id="ArrayList" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" width="162.5" x="190.1042" y="463.8611"/><rect fill="url(#gvxvgg3vf3hqj2)" height="46.4417" rx="7.8125" ry="7.8125" style="stroke:url(#gvxvgg3vf3hqj2);stroke-width:1.0416666666666667;" width="162.5" x="190.1042" y="463.8611"/><rect fill="url(#gvxvgg3vf3hqj2)" height="7.8125" style="stroke:url(#gvxvgg3vf3hqj2);stroke-width:1.0416666666666667;" width="162.5" x="190.1042" y="502.4902"/><rect codeLine="22" fill="none" height="132.6263" id="ArrayList" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" width="162.5" x="190.1042" y="463.8611"/><ellipse cx="228.5938" cy="487.0819" fill="#DBDBDB" rx="10.4167" ry="10.4167" style="stroke:#A8A8A8;stroke-width:1.0416666666666667;"/><path d="M230.498,491.509 Q230.0749,491.7206 229.6029,491.8345 Q229.1309,491.9484 228.6263,491.9484 Q226.7708,491.9484 225.7943,490.744 Q224.834,489.5233 224.834,487.2284 Q224.834,484.9172 225.7943,483.7128 Q226.7708,482.4921 228.6263,482.4921 Q229.1309,482.4921 229.6029,482.606 Q230.0911,482.7037 230.498,482.9315 L230.498,484.9335 Q230.0423,484.5103 229.6029,484.315 Q229.1634,484.1034 228.7077,484.1034 Q227.7148,484.1034 227.2103,484.9009 Q226.7057,485.6822 226.7057,487.2284 Q226.7057,488.7583 227.2103,489.5396 Q227.7148,490.3208 228.7077,490.3208 Q229.1634,490.3208 229.6029,490.1255 Q230.0423,489.9302 230.498,489.507 L230.498,491.509 Z " fill="#000000"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="57.2917" x="257.8646" y="492.0532">ArrayList</text><line style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" x1="191.1458" x2="351.5625" y1="510.3027" y2="510.3027"/><text fill="#303030" font-family="Verdana" font-size="11.4583" lengthAdjust="spacing" textLength="129.1667" x="206.7708" y="536.4059">Object[] elementData</text><line style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" x1="191.1458" x2="351.5625" y1="553.3951" y2="553.3951"/><text fill="#303030" font-family="Verdana" font-size="11.4583" lengthAdjust="spacing" textLength="33.3333" x="206.7708" y="579.4983">size()</text><!--MD5=[15b68e006199004da79ea2a4d117d8e9]
|
||||
class TimeUnit--><rect codeLine="27" fill="url(#gvxvgg3vf3hqj1)" height="167.3854" id="TimeUnit" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" width="108.3333" x="338.0208" y="69.0694"/><rect fill="url(#gvxvgg3vf3hqj2)" height="46.4417" rx="7.8125" ry="7.8125" style="stroke:url(#gvxvgg3vf3hqj2);stroke-width:1.0416666666666667;" width="108.3333" x="338.0208" y="69.0694"/><rect fill="url(#gvxvgg3vf3hqj2)" height="7.8125" style="stroke:url(#gvxvgg3vf3hqj2);stroke-width:1.0416666666666667;" width="108.3333" x="338.0208" y="107.6986"/><rect codeLine="27" fill="none" height="167.3854" id="TimeUnit" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" width="108.3333" x="338.0208" y="69.0694"/><ellipse cx="352.6042" cy="92.2902" fill="#FFBE68" rx="10.4167" ry="10.4167" style="stroke:#CC8B35;stroke-width:1.0416666666666667;"/><path d="M355.1432,96.9777 L349.4629,96.9777 L349.4629,87.8632 L355.1432,87.8632 L355.1432,89.4582 L351.2695,89.4582 L351.2695,91.4113 L354.7689,91.4113 L354.7689,93.0064 L351.2695,93.0064 L351.2695,95.3827 L355.1432,95.3827 L355.1432,96.9777 Z " fill="#000000"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="56.25" x="376.5625" y="97.2616">TimeUnit</text><line style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" x1="339.0625" x2="445.3125" y1="115.5111" y2="115.5111"/><text fill="#303030" font-family="Verdana" font-size="11.4583" lengthAdjust="spacing" textLength="33.3333" x="354.6875" y="141.6143">DAYS</text><text fill="#303030" font-family="Verdana" font-size="11.4583" lengthAdjust="spacing" textLength="42.7083" x="354.6875" y="176.3733">HOURS</text><text fill="#303030" font-family="Verdana" font-size="11.4583" lengthAdjust="spacing" textLength="54.1667" x="354.6875" y="211.1323">MINUTES</text><line style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" x1="339.0625" x2="445.3125" y1="228.1214" y2="228.1214"/><!--MD5=[0c8287f799745f7b534bf75518604c1e]
|
||||
class SuppressWarnings--><rect codeLine="33" fill="url(#gvxvgg3vf3hqj1)" height="63.1083" id="SuppressWarnings" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" width="176.0417" x="483.3333" y="121.1528"/><rect fill="url(#gvxvgg3vf3hqj2)" height="46.4417" rx="7.8125" ry="7.8125" style="stroke:url(#gvxvgg3vf3hqj2);stroke-width:1.0416666666666667;" width="176.0417" x="483.3333" y="121.1528"/><rect fill="url(#gvxvgg3vf3hqj2)" height="7.8125" style="stroke:url(#gvxvgg3vf3hqj2);stroke-width:1.0416666666666667;" width="176.0417" x="483.3333" y="159.7819"/><rect codeLine="33" fill="none" height="63.1083" id="SuppressWarnings" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" width="176.0417" x="483.3333" y="121.1528"/><ellipse cx="497.9167" cy="144.3736" fill="#5C85AD" rx="10.4167" ry="10.4167" style="stroke:#29527A;stroke-width:1.0416666666666667;"/><path d="M499.1699,144.1783 Q499.1699,143.4784 498.8607,143.0878 Q498.5514,142.6971 497.998,142.6971 Q497.4609,142.6971 497.1517,143.0878 Q496.8424,143.4784 496.8424,144.1783 Q496.8424,144.8619 497.1517,145.2525 Q497.4609,145.6431 497.998,145.6431 Q498.5514,145.6431 498.8607,145.2525 Q499.1699,144.8619 499.1699,144.1783 Z M500.3092,146.6685 L499.1048,146.6685 L499.1048,146.1802 Q498.877,146.4895 498.5514,146.6522 Q498.2422,146.7987 497.8027,146.7987 Q496.8099,146.7987 496.1914,146.0826 Q495.5729,145.3501 495.5729,144.1783 Q495.5729,142.9901 496.1751,142.274 Q496.7936,141.5578 497.8027,141.5578 Q498.2422,141.5578 498.5677,141.7043 Q498.8932,141.8508 499.1048,142.1438 L499.1048,141.8996 Q499.1048,141.0695 498.6491,140.6138 Q498.1934,140.1581 497.3633,140.1581 Q496.0938,140.1581 495.2799,141.2811 Q494.4824,142.3879 494.4824,144.1783 Q494.4824,146.05 495.4102,147.1731 Q496.3379,148.2798 497.8841,148.2798 Q498.3724,148.2798 498.8281,148.1333 Q499.2839,147.9869 499.707,147.6939 L500.2604,148.7681 Q499.7721,149.1099 499.1862,149.2727 Q498.6003,149.4517 497.9492,149.4517 Q495.8008,149.4517 494.5313,148.0194 Q493.2617,146.6034 493.2617,144.1783 Q493.2617,141.8182 494.401,140.4022 Q495.5566,138.9862 497.4284,138.9862 Q498.763,138.9862 499.528,139.7837 Q500.3092,140.5813 500.3092,141.981 L500.3092,146.6685 Z " fill="#000000"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="123.9583" x="521.875" y="149.3449">SuppressWarnings</text><line style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" x1="484.375" x2="658.3333" y1="167.5944" y2="167.5944"/><line style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" x1="484.375" x2="658.3333" y1="175.9277" y2="175.9277"/><!--MD5=[00308d07b6a5721fb0cf5861877e6652]
|
||||
reverse link List to AbstractList--><path codeLine="15" d="M265.8438,206.0173 C267.2396,246.9757 269.1354,302.6319 270.3021,336.7673 " fill="none" id="List-backto-AbstractList" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="none" points="258.5417,206.0903,265.125,185.0173,273.125,205.5903,258.5417,206.0903" style="stroke:#E2E2E2;stroke-width:3.125;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="114.5833" x="279.6875" y="292.0532">this is a message</text><!--MD5=[1822909749df1453bdd84de7a60a3406]
|
||||
reverse link Collection to AbstractCollection--><path codeLine="16" d="M118.2604,205.7361 C110.8646,246.7153 100.7813,302.559 94.6146,336.7673 " fill="none" id="Collection-backto-AbstractCollection" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="none" points="111.125,204.2257,122,185.0173,125.4792,206.809,111.125,204.2257" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[0159284274f96a472eb2618ad803aaca]
|
||||
reverse link Collection to List--><path codeLine="18" d="M204.6146,152.9236 C211.8542,152.9236 219.0938,152.9236 226.3333,152.9236 " fill="none" id="Collection-backto-List" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="none" points="204.4063,160.2153,183.5729,152.9236,204.4063,145.6319,204.4063,160.2153" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[7a3a52e8f65ef1a8d8d29530ea5cd870]
|
||||
reverse link AbstractCollection to AbstractList--><path codeLine="19" d="M192.0417,368.5486 C197.1667,368.5486 202.2917,368.5486 207.4271,368.5486 " fill="none" id="AbstractCollection-backto-AbstractList" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="none" points="191.7813,375.8403,170.9479,368.5486,191.7813,361.2569,191.7813,375.8403" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[40e4bb1af59cca28d4643aaff05088cc]
|
||||
reverse link AbstractList to ArrayList--><path codeLine="20" d="M271.3542,421.7778 C271.3542,435.1528 271.3542,449.7048 271.3542,463.6423 " fill="none" id="AbstractList-backto-ArrayList" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="none" points="264.0625,421.5278,271.3542,400.6944,278.6458,421.5278,264.0625,421.5278" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[1d31e401ff3cd184509f051f4fd25cca]
|
||||
@startuml
|
||||
|
||||
!$THEME = "lightgray"
|
||||
|
||||
!if %not(%variable_exists("$BGCOLOR"))
|
||||
!$BGCOLOR = "transparent"
|
||||
!endif
|
||||
|
||||
skinparam backgroundColor $BGCOLOR
|
||||
skinparam useBetaStyle false
|
||||
|
||||
!$WHITE = "#FFF"
|
||||
!$GRAY_DARK = "#4d4d4d"
|
||||
!$GRAY = "#737373"
|
||||
!$LIGHT = "#fcfcfc"
|
||||
!$DARK = "#303030"
|
||||
|
||||
!$FGCOLOR = $DARK
|
||||
!$PRIMARY = "#e2e2e2"
|
||||
!$PRIMARY_LIGHT = "#f3f3f3"
|
||||
!$PRIMARY_DARK = "#888888"
|
||||
!$PRIMARY_TEXT = "#336699"
|
||||
!$SECONDARY = "#d2d2d2"
|
||||
!$SECONDARY_LIGHT = "#dbdbdb"
|
||||
!$SECONDARY_DARK = "#a8a8a8"
|
||||
!$SECONDARY_TEXT = "white"
|
||||
!$INFO = "#336699"
|
||||
!$INFO_LIGHT = "#5c85ad"
|
||||
!$INFO_DARK = "#29527a"
|
||||
!$INFO_TEXT = $WHITE
|
||||
!$SUCCESS = "#339933"
|
||||
!$SUCCESS_LIGHT = "#5cad5c"
|
||||
!$SUCCESS_DARK = "#297a29"
|
||||
!$SUCCESS_TEXT = $WHITE
|
||||
!$WARNING = "#ffae42"
|
||||
!$WARNING_LIGHT = "#ffbe68"
|
||||
!$WARNING_DARK = "#cc8b35"
|
||||
!$WARNING_TEXT = $WHITE
|
||||
!$DANGER = "#ff3333"
|
||||
!$DANGER_LIGHT = "#ff5c5c"
|
||||
!$DANGER_DARK = "#cc2929"
|
||||
!$DANGER_TEXT = $WHITE
|
||||
|
||||
!procedure $success($msg)
|
||||
<font color=$SUCCESS><b>$msg
|
||||
!endprocedure
|
||||
|
||||
!procedure $failure($msg)
|
||||
<font color=$DANGER><b>$msg
|
||||
!endprocedure
|
||||
|
||||
!procedure $warning($msg)
|
||||
<font color=$WARNING><b>$msg
|
||||
!endprocedure
|
||||
|
||||
!procedure $primary_scheme()
|
||||
FontColor $PRIMARY_TEXT
|
||||
BorderColor $PRIMARY_LIGHT
|
||||
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
|
||||
!endprocedure
|
||||
|
||||
skinparam defaultFontName "Verdana"
|
||||
skinparam defaultFontSize 12
|
||||
skinparam dpi 100
|
||||
skinparam shadowing false
|
||||
skinparam roundcorner 15
|
||||
skinparam ParticipantPadding 30
|
||||
skinparam BoxPadding 30
|
||||
skinparam Padding 10
|
||||
skinparam ArrowColor $GRAY
|
||||
skinparam stereotype {
|
||||
CBackgroundColor $SECONDARY_LIGHT
|
||||
CBorderColor $SECONDARY_DARK
|
||||
ABackgroundColor $SUCCESS_LIGHT
|
||||
ABorderColor $SUCCESS_DARK
|
||||
IBackgroundColor $DANGER_LIGHT
|
||||
IBorderColor $DANGER_DARK
|
||||
EBackgroundColor $WARNING_LIGHT
|
||||
EBorderColor $WARNING_DARK
|
||||
NBackgroundColor $INFO_LIGHT
|
||||
NBorderColor $INFO_DARK
|
||||
}
|
||||
skinparam title {
|
||||
FontColor $SECONDARY_TEXT
|
||||
BorderColor $SECONDARY
|
||||
FontSize 20
|
||||
BorderRoundCorner 8
|
||||
BorderThickness 1
|
||||
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
|
||||
}
|
||||
|
||||
|
||||
skinparam legend {
|
||||
BackgroundColor $PRIMARY
|
||||
BorderColor $PRIMARY_DARK
|
||||
FontColor $PRIMARY_TEXT
|
||||
}
|
||||
|
||||
!startsub swimlane
|
||||
skinparam swimlane {
|
||||
BorderColor $INFO
|
||||
BorderThickness 2
|
||||
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY
|
||||
TitleFontColor $PRIMARY
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub activity
|
||||
|
||||
skinparam activity {
|
||||
$primary_scheme()
|
||||
BarColor $SUCCESS
|
||||
StartColor $INFO
|
||||
EndColor $INFO
|
||||
DiamondBackgroundColor $SECONDARY-$SECONDARY_DARK
|
||||
DiamondBorderColor $SECONDARY_DARK
|
||||
DiamondFontColor $SECONDARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub participant
|
||||
|
||||
skinparam participant {
|
||||
$primary_scheme()
|
||||
ParticipantBorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub actor
|
||||
|
||||
skinparam actor {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub arrow
|
||||
|
||||
skinparam arrow {
|
||||
Thickness 3
|
||||
Color $PRIMARY
|
||||
FontColor $FGCOLOR
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub sequence
|
||||
|
||||
skinparam sequence {
|
||||
BorderColor $PRIMARY
|
||||
TitleFontColor $SECONDARY_TEXT
|
||||
BackgroundColor $BGCOLOR
|
||||
StartColor $PRIMARY
|
||||
EndColor $PRIMARY
|
||||
BoxBackgroundColor $BGCOLOR
|
||||
BoxBorderColor $GRAY
|
||||
BoxFontColor $DARK
|
||||
LifeLineBorderColor $SECONDARY_DARK
|
||||
LifeLineBorderThickness 2
|
||||
LifeLineBackgroundColor $SECONDARY_LIGHT
|
||||
GroupBorderColor $DARK
|
||||
GroupFontColor $DARK
|
||||
GroupHeaderFontColor $INFO_TEXT
|
||||
GroupBackgroundColor $BGCOLOR
|
||||
GroupBodyBackgroundColor $BGCOLOR
|
||||
GroupHeaderBackgroundColor $BGCOLOR
|
||||
DividerBackgroundColor $WHITE-$LIGHT
|
||||
DividerBorderColor $GRAY
|
||||
DividerBorderThickness 2
|
||||
DividerFontColor $DARK
|
||||
ReferenceBackgroundColor $BGCOLOR
|
||||
ReferenceBorderColor $GRAY
|
||||
ReferenceFontColor $DARK
|
||||
ReferenceHeaderFontColor $INFO
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub partition
|
||||
|
||||
skinparam partition {
|
||||
BorderColor $PRIMARY
|
||||
FontColor $PRIMARY_DARK
|
||||
BackgroundColor $BGCOLOR
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub collections
|
||||
|
||||
skinparam collections {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub control
|
||||
|
||||
skinparam control {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub entity
|
||||
|
||||
skinparam entity {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub boundary
|
||||
|
||||
skinparam boundary {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub agent
|
||||
|
||||
skinparam agent {
|
||||
BackgroundColor #orange
|
||||
BorderColor #999999
|
||||
FontColor #333333
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub note
|
||||
|
||||
skinparam note {
|
||||
BorderThickness 1
|
||||
BackgroundColor $INFO_LIGHT-$INFO
|
||||
BorderColor $INFO
|
||||
FontColor $WHITE
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub artifact
|
||||
|
||||
skinparam artifact {
|
||||
BackgroundColor white-$LIGHT
|
||||
BorderColor $SECONDARY_DARK
|
||||
FontColor $SECONDARY_DARK
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub component
|
||||
|
||||
skinparam component {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub interface
|
||||
|
||||
skinparam interface {
|
||||
BackgroundColor $DANGER_LIGHT
|
||||
BorderColor $DANGER
|
||||
FontColor $DARK
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub storage
|
||||
|
||||
skinparam storage {
|
||||
BackgroundColor $WARNING_LIGHT-$WARNING
|
||||
BorderColor $WARNING
|
||||
FontColor $WARNING_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub node
|
||||
|
||||
skinparam node {
|
||||
BackgroundColor $BGCOLOR
|
||||
BorderColor $PRIMARY_LIGHT
|
||||
FontColor $PRIMARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub cloud
|
||||
|
||||
skinparam cloud {
|
||||
BackgroundColor transparent
|
||||
BorderColor $F2FCFE
|
||||
FontColor $PRIMARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub database
|
||||
|
||||
skinparam database {
|
||||
$primary_scheme()
|
||||
BackgroundColor $BGCOLOR
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub class
|
||||
|
||||
skinparam class {
|
||||
$primary_scheme()
|
||||
HeaderBackgroundColor $PRIMARY_LIGHT-$PRIMARY_DARK
|
||||
StereotypeFontColor $DARK
|
||||
StereotypeFontSize 9
|
||||
BorderThickness 1
|
||||
AttributeFontColor $DARK
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub object
|
||||
|
||||
skinparam object {
|
||||
$primary_scheme()
|
||||
StereotypeFontColor $LIGHT
|
||||
BorderThickness 1
|
||||
AttributeFontColor $DARK
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub usecase
|
||||
|
||||
skinparam usecase {
|
||||
$primary_scheme()
|
||||
BorderThickness 2
|
||||
StereotypeFontColor $PRIMARY
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub rectangle
|
||||
|
||||
skinparam rectangle {
|
||||
$primary_scheme()
|
||||
BackgroundColor $BGCOLOR
|
||||
BorderThickness 2
|
||||
StereotypeFontColor $PRIMARY
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub package
|
||||
|
||||
skinparam package {
|
||||
$primary_scheme()
|
||||
BackgroundColor $BGCOLOR
|
||||
BorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub folder
|
||||
|
||||
skinparam folder {
|
||||
BackgroundColor $PRIMARY_LIGHT
|
||||
BorderColor $WARNING
|
||||
FontColor $WARNING
|
||||
BorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub frame
|
||||
|
||||
skinparam frame {
|
||||
BackgroundColor $PRIMARY_LIGHT
|
||||
BorderColor $INFO
|
||||
FontColor $INFO
|
||||
BorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub state
|
||||
|
||||
skinparam state {
|
||||
$primary_scheme()
|
||||
BorderColor $PRIMARY_DARK
|
||||
StartColor $INFO
|
||||
EndColor $INFO
|
||||
AttributeFontColor $SECONDARY_TEXT
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub queue
|
||||
|
||||
skinparam queue {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub card
|
||||
|
||||
skinparam card {
|
||||
BackgroundColor $INFO_LIGHT-$INFO
|
||||
BorderColor $INFO
|
||||
FontColor $INFO_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub file
|
||||
|
||||
skinparam file {
|
||||
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
|
||||
BorderColor $SECONDARY_DARK
|
||||
FontColor $SECONDARY_TEXT
|
||||
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub stack
|
||||
|
||||
skinparam stack {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!if %variable_exists("$THEME")
|
||||
title Class Diagram - $THEME theme
|
||||
!else
|
||||
title Class Diagram
|
||||
!endif
|
||||
|
||||
'skinparam BackgroundColor transparent
|
||||
|
||||
abstract class AbstractList
|
||||
abstract AbstractCollection
|
||||
interface List
|
||||
interface Collection
|
||||
|
||||
List <|- - AbstractList: this is a message
|
||||
Collection <|- - AbstractCollection
|
||||
|
||||
Collection <|- List
|
||||
AbstractCollection <|- AbstractList
|
||||
AbstractList <|- - ArrayList
|
||||
|
||||
class ArrayList {
|
||||
Object[] elementData
|
||||
size()
|
||||
}
|
||||
|
||||
enum TimeUnit {
|
||||
DAYS
|
||||
HOURS
|
||||
MINUTES
|
||||
}
|
||||
|
||||
annotation SuppressWarnings
|
||||
|
||||
@enduml
|
||||
|
||||
@startuml
|
||||
|
||||
|
||||
|
||||
skinparam backgroundColor transparent
|
||||
skinparam useBetaStyle false
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
skinparam defaultFontName "Verdana"
|
||||
skinparam defaultFontSize 12
|
||||
skinparam dpi 100
|
||||
skinparam shadowing false
|
||||
skinparam roundcorner 15
|
||||
skinparam ParticipantPadding 30
|
||||
skinparam BoxPadding 30
|
||||
skinparam Padding 10
|
||||
skinparam ArrowColor #737373
|
||||
skinparam stereotype {
|
||||
CBackgroundColor #dbdbdb
|
||||
CBorderColor #a8a8a8
|
||||
ABackgroundColor #5cad5c
|
||||
ABorderColor #297a29
|
||||
IBackgroundColor #ff5c5c
|
||||
IBorderColor #cc2929
|
||||
EBackgroundColor #ffbe68
|
||||
EBorderColor #cc8b35
|
||||
NBackgroundColor #5c85ad
|
||||
NBorderColor #29527a
|
||||
}
|
||||
skinparam title {
|
||||
FontColor white
|
||||
BorderColor #d2d2d2
|
||||
FontSize 20
|
||||
BorderRoundCorner 8
|
||||
BorderThickness 1
|
||||
BackgroundColor #dbdbdb-#d2d2d2
|
||||
}
|
||||
|
||||
|
||||
skinparam legend {
|
||||
BackgroundColor #e2e2e2
|
||||
BorderColor #888888
|
||||
FontColor #336699
|
||||
}
|
||||
|
||||
skinparam swimlane {
|
||||
BorderColor #336699
|
||||
BorderThickness 2
|
||||
TitleBackgroundColor #dbdbdb-#d2d2d2
|
||||
TitleFontColor #e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam activity {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
BarColor #339933
|
||||
StartColor #336699
|
||||
EndColor #336699
|
||||
DiamondBackgroundColor #d2d2d2-#a8a8a8
|
||||
DiamondBorderColor #a8a8a8
|
||||
DiamondFontColor white
|
||||
}
|
||||
|
||||
|
||||
skinparam participant {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
ParticipantBorderThickness 2
|
||||
}
|
||||
|
||||
|
||||
skinparam actor {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam arrow {
|
||||
Thickness 3
|
||||
Color #e2e2e2
|
||||
FontColor #303030
|
||||
}
|
||||
|
||||
|
||||
skinparam sequence {
|
||||
BorderColor #e2e2e2
|
||||
TitleFontColor white
|
||||
BackgroundColor transparent
|
||||
StartColor #e2e2e2
|
||||
EndColor #e2e2e2
|
||||
BoxBackgroundColor transparent
|
||||
BoxBorderColor #737373
|
||||
BoxFontColor #303030
|
||||
LifeLineBorderColor #a8a8a8
|
||||
LifeLineBorderThickness 2
|
||||
LifeLineBackgroundColor #dbdbdb
|
||||
GroupBorderColor #303030
|
||||
GroupFontColor #303030
|
||||
GroupHeaderFontColor #FFF
|
||||
GroupBackgroundColor transparent
|
||||
GroupBodyBackgroundColor transparent
|
||||
GroupHeaderBackgroundColor transparent
|
||||
DividerBackgroundColor #FFF-#fcfcfc
|
||||
DividerBorderColor #737373
|
||||
DividerBorderThickness 2
|
||||
DividerFontColor #303030
|
||||
ReferenceBackgroundColor transparent
|
||||
ReferenceBorderColor #737373
|
||||
ReferenceFontColor #303030
|
||||
ReferenceHeaderFontColor #336699
|
||||
}
|
||||
|
||||
|
||||
skinparam partition {
|
||||
BorderColor #e2e2e2
|
||||
FontColor #888888
|
||||
BackgroundColor transparent
|
||||
}
|
||||
|
||||
|
||||
skinparam collections {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam control {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam entity {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam boundary {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam agent {
|
||||
BackgroundColor #orange
|
||||
BorderColor #999999
|
||||
FontColor #333333
|
||||
}
|
||||
|
||||
|
||||
skinparam note {
|
||||
BorderThickness 1
|
||||
BackgroundColor #5c85ad-#336699
|
||||
BorderColor #336699
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
|
||||
skinparam artifact {
|
||||
BackgroundColor white-#fcfcfc
|
||||
BorderColor #a8a8a8
|
||||
FontColor #a8a8a8
|
||||
}
|
||||
|
||||
|
||||
skinparam component {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam interface {
|
||||
BackgroundColor #ff5c5c
|
||||
BorderColor #ff3333
|
||||
FontColor #303030
|
||||
}
|
||||
|
||||
|
||||
skinparam storage {
|
||||
BackgroundColor #ffbe68-#ffae42
|
||||
BorderColor #ffae42
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
|
||||
skinparam node {
|
||||
BackgroundColor transparent
|
||||
BorderColor #f3f3f3
|
||||
FontColor #336699
|
||||
}
|
||||
|
||||
|
||||
skinparam cloud {
|
||||
BackgroundColor transparent
|
||||
BorderColor $F2FCFE
|
||||
FontColor #336699
|
||||
}
|
||||
|
||||
|
||||
skinparam database {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
BackgroundColor transparent
|
||||
}
|
||||
|
||||
|
||||
skinparam class {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
HeaderBackgroundColor #f3f3f3-#888888
|
||||
StereotypeFontColor #303030
|
||||
StereotypeFontSize 9
|
||||
BorderThickness 1
|
||||
AttributeFontColor #303030
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
|
||||
skinparam object {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
StereotypeFontColor #fcfcfc
|
||||
BorderThickness 1
|
||||
AttributeFontColor #303030
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
|
||||
skinparam usecase {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
BorderThickness 2
|
||||
StereotypeFontColor #e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam rectangle {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
BackgroundColor transparent
|
||||
BorderThickness 2
|
||||
StereotypeFontColor #e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam package {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
BackgroundColor transparent
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
|
||||
skinparam folder {
|
||||
BackgroundColor #f3f3f3
|
||||
BorderColor #ffae42
|
||||
FontColor #ffae42
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
|
||||
skinparam frame {
|
||||
BackgroundColor #f3f3f3
|
||||
BorderColor #336699
|
||||
FontColor #336699
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
|
||||
skinparam state {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
BorderColor #888888
|
||||
StartColor #336699
|
||||
EndColor #336699
|
||||
AttributeFontColor white
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
|
||||
skinparam queue {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam card {
|
||||
BackgroundColor #5c85ad-#336699
|
||||
BorderColor #336699
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
|
||||
skinparam file {
|
||||
BackgroundColor #dbdbdb-#d2d2d2
|
||||
BorderColor #a8a8a8
|
||||
FontColor white
|
||||
|
||||
}
|
||||
|
||||
|
||||
skinparam stack {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
title Class Diagram - lightgray 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 |
880
puml/lightgray/component-ex.svg
Normal file
880
puml/lightgray/component-ex.svg
Normal file
@ -0,0 +1,880 @@
|
||||
<?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="894.7917px" preserveAspectRatio="none" style="width:1301px;height:894px;background:#00000000;" version="1.1" viewBox="0 0 1301 894" width="1301.0417px" zoomAndPan="magnify"><defs><linearGradient id="gikh7wyekwtr40" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#DBDBDB"/><stop offset="100%" stop-color="#D2D2D2"/></linearGradient><linearGradient id="gikh7wyekwtr41" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#F3F3F3"/><stop offset="100%" stop-color="#E2E2E2"/></linearGradient><linearGradient id="gikh7wyekwtr42" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFFFFF"/><stop offset="100%" stop-color="#FCFCFC"/></linearGradient><linearGradient id="gikh7wyekwtr43" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFBE68"/><stop offset="100%" stop-color="#FFAE42"/></linearGradient><linearGradient id="gikh7wyekwtr44" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#5C85AD"/><stop offset="100%" stop-color="#336699"/></linearGradient></defs><g><rect fill="url(#gikh7wyekwtr40)" height="56.5694" rx="4.1667" ry="4.1667" style="stroke:#D2D2D2;stroke-width:1.0416666666666667;" width="444.7917" x="421.0938" y="2.0833"/><text fill="#FFFFFF" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="407.2917" x="439.8438" y="38.6536">Component Diagram - lightgray theme</text><!--MD5=[98956307d0c47524864de5bf9cdc747b]
|
||||
cluster My Package--><path d="M14.0625,68.0278 L107.8125,68.0278 A11.7188,11.7188 0 0 1 115.625,75.8403 L122.9167,110.3027 L826.5625,110.3027 A7.8125,7.8125 0 0 1 834.375,118.1152 L834.375,199.7986 A7.8125,7.8125 0 0 1 826.5625,207.6111 L14.0625,207.6111 A7.8125,7.8125 0 0 1 6.25,199.7986 L6.25,75.8403 A7.8125,7.8125 0 0 1 14.0625,68.0278 " style="stroke:#F3F3F3;stroke-width:2.0833333333333335;fill:none;"/><line style="stroke:#F3F3F3;stroke-width:2.0833333333333335;fill:none;" x1="6.25" x2="122.9167" y1="110.3027" y2="110.3027"/><text fill="#336699" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="82.2917" x="20.8333" y="93.0949">My Package</text><!--MD5=[994b84a7865cf3a30290d65f6358d5f5]
|
||||
cluster My Node--><polygon points="173.9583,288.8611,184.375,278.4444,623.9583,278.4444,623.9583,412.8194,613.5417,423.2361,173.9583,423.2361,173.9583,288.8611" style="stroke:#F3F3F3;stroke-width:1.5625;fill:none;"/><line style="stroke:#F3F3F3;stroke-width:1.5625;fill:none;" x1="613.5417" x2="623.9583" y1="288.8611" y2="278.4444"/><line style="stroke:#F3F3F3;stroke-width:1.5625;fill:none;" x1="173.9583" x2="613.5417" y1="288.8611" y2="288.8611"/><line style="stroke:#F3F3F3;stroke-width:1.5625;fill:none;" x1="613.5417" x2="613.5417" y1="288.8611" y2="423.2361"/><text fill="#336699" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="59.375" x="365.1042" y="314.9699">My Node</text><!--MD5=[8f762177cf9f076b8ea6eac76c5df33e]
|
||||
cluster My Cloud--><path d="M665.6685,292.1684 C669.4685,286.1846 674.9403,286.9032 678.0885,292.8471 C681.3938,284.1593 687.3595,283.5265 693.0047,290.6379 C697.2265,284.9837 702.9662,285.7599 706.5517,291.401 C709.9815,284.1861 714.9047,283.1975 719.8156,289.9995 C723.5322,284.2657 728.085,284.058 731.8874,289.9101 C736.1129,282.6371 741.2624,283.0629 746.4217,288.8727 C751.665,282.6049 756.8883,284.7862 759.5164,291.5089 C763.0012,286.2225 767.2363,284.6145 771.5816,290.5869 C775.6818,283.9527 782.3351,285.9645 785.1861,291.9352 C794.5909,283.806 802.5364,289.0475 805.2083,299.2778 C806.0869,299.6816 806.1734,300.4671 805.4501,301.0852 C811.3712,303.6127 813.8875,307.2849 808.7117,312.8808 C816.77,317.4281 815.7079,322.4319 809.0964,327.3687 C816.7102,329.374 817.7375,335.6266 811.4505,340.1853 C819.1904,344.0724 820.1869,350.6139 812.6191,355.6572 C816.9212,359.6405 816.7926,364.4783 811.0271,367.0554 C817.4487,372.2341 816.2041,376.9866 809.8837,381.1301 C816.2977,386.2258 815.2952,390.948 808.4468,394.6324 C813.7601,404.903 811.5662,414.483 797.9167,414.9028 C798.3498,414.3804 798.8846,414.4819 799.1829,415.0583 C795.1733,421.4286 790.9734,423.6737 785.2617,416.8549 C781.6049,423.2321 777.4266,424.1082 772.4451,418.2417 C768.8354,424.7813 762.8594,424.1692 759.3648,418.1221 C755.2503,424.8913 749.9229,424.9282 745.4086,418.5464 C741.817,425.7159 736.4708,425.1607 732.2172,419.2122 C727.7242,425.3863 723.5597,425.3188 719.6319,418.6581 C714.942,423.848 708.9786,423.4362 705.9983,416.7033 C702.4165,422.8207 695.6688,423.9112 692.3782,416.412 C687.9238,423.6972 683.1652,423.1307 678.9465,416.1895 C668.9795,422.692 659.7038,420.1799 657.2917,407.6111 C657.7694,407.6934 657.9531,407.9279 657.731,408.3999 C650.0745,405.4924 650.2018,398.6253 656.0602,394.1349 C649.0083,391.4828 648.9181,384.8374 654.5299,380.7386 C646.8257,378.0801 646.4288,371.2696 653.049,367.0602 C647.2429,364.9179 645.7842,360.2846 650.4013,355.7107 C644.0527,349.848 645.0828,344.8874 653.1935,341.9611 C647.3802,336.1715 647.9678,331.5978 655.2621,327.711 C649.8316,323.7997 648.5418,318.2764 655.5908,314.6798 C646.225,303.328 649.9337,293.8216 664.5833,291.9861 C664.9794,291.4857 665.4526,291.5968 665.6685,292.1684 " style="stroke:#FFFFFF;stroke-width:1.5625;fill:none;"/><text fill="#336699" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="62.5" x="700" y="320.1782">My Cloud</text><!--MD5=[5435dd1da01795d79a1d1bdb7811705f]
|
||||
cluster My Database--><path d="M632.2917,481.0486 C632.2917,470.6319 731.25,470.6319 731.25,470.6319 C731.25,470.6319 830.2083,470.6319 830.2083,481.0486 L830.2083,877.9236 C830.2083,888.3403 731.25,888.3403 731.25,888.3403 C731.25,888.3403 632.2917,888.3403 632.2917,877.9236 L632.2917,481.0486 " style="stroke:#F3F3F3;stroke-width:1.5625;fill:none;"/><path d="M632.2917,481.0486 C632.2917,491.4653 731.25,491.4653 731.25,491.4653 C731.25,491.4653 830.2083,491.4653 830.2083,481.0486 " fill="none" style="stroke:#F3F3F3;stroke-width:1.5625;"/><text fill="#336699" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="88.5417" x="686.9792" y="516.5324">My Database</text><!--MD5=[db3eb734e65e00defc1adec42c70b029]
|
||||
cluster My folder--><path d="M665.1042,549.7986 L741.1458,549.7986 A11.7188,11.7188 0 0 1 748.9583,557.6111 L756.25,592.0736 L797.3958,592.0736 A7.8125,7.8125 0 0 1 805.2083,599.8861 L805.2083,681.5694 A7.8125,7.8125 0 0 1 797.3958,689.3819 L665.1042,689.3819 A7.8125,7.8125 0 0 1 657.2917,681.5694 L657.2917,557.6111 A7.8125,7.8125 0 0 1 665.1042,549.7986 " fill="#F3F3F3" style="stroke:#FFAE42;stroke-width:1.5625;"/><line style="stroke:#FFAE42;stroke-width:1.5625;" x1="657.2917" x2="756.25" y1="592.0736" y2="592.0736"/><text fill="#FFAE42" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="64.5833" x="671.875" y="574.8657">My folder</text><!--MD5=[2f95c9c104e26437854e71862f3d840e]
|
||||
cluster My Frame--><rect fill="#F3F3F3" height="139.5833" rx="7.8125" ry="7.8125" style="stroke:#336699;stroke-width:1.5625;" width="147.9167" x="657.2917" y="723.7569"/><path d="M756.25,723.7569 L756.25,752.4902 L745.8333,762.9069 L657.2917,762.9069 " fill="none" style="stroke:#336699;stroke-width:1.5625;"/><text fill="#336699" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="67.7083" x="670.8333" y="747.7824">My Frame</text><!--MD5=[96f7e1299d4a43069e6ed32352fcac20]
|
||||
entity HTTP--><ellipse cx="577.0833" cy="157.0903" fill="#FF5C5C" rx="8.3333" ry="8.3333" style="stroke:#FF3333;stroke-width:1.5625;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="32.2917" x="560.9375" y="197.7824">HTTP</text><!--MD5=[cbd7cda55f2530e2efe43ec72c097853]
|
||||
entity First Component--><rect fill="url(#gikh7wyekwtr41)" height="67.275" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.5625;" width="170.8333" x="360.4167" y="123.2361"/><rect fill="url(#gikh7wyekwtr41)" height="10.4167" style="stroke:#F3F3F3;stroke-width:1.5625;" width="15.625" x="510.4167" y="128.4444"/><rect fill="url(#gikh7wyekwtr41)" height="2.0833" style="stroke:#F3F3F3;stroke-width:1.5625;" width="4.1667" x="508.3333" y="130.5278"/><rect fill="url(#gikh7wyekwtr41)" height="2.0833" style="stroke:#F3F3F3;stroke-width:1.5625;" width="4.1667" x="508.3333" y="134.6944"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="108.3333" x="386.4583" y="167.0532">First Component</text><!--MD5=[b9d11f23832c1491231c5b33e55ab8c6]
|
||||
entity Another Component--><rect fill="url(#gikh7wyekwtr41)" height="67.275" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.5625;" width="194.7917" x="623.4375" y="123.2361"/><rect fill="url(#gikh7wyekwtr41)" height="10.4167" style="stroke:#F3F3F3;stroke-width:1.5625;" width="15.625" x="797.3958" y="128.4444"/><rect fill="url(#gikh7wyekwtr41)" height="2.0833" style="stroke:#F3F3F3;stroke-width:1.5625;" width="4.1667" x="795.3125" y="130.5278"/><rect fill="url(#gikh7wyekwtr41)" height="2.0833" style="stroke:#F3F3F3;stroke-width:1.5625;" width="4.1667" x="795.3125" y="134.6944"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="132.2917" x="649.4792" y="167.0532">Another Component</text><!--MD5=[aa625683a8c1a6d60f4cb888c4297339]
|
||||
entity MyRectangle1--><rect height="56.8583" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:2.0833333333333335;fill:none;" width="132.2917" x="191.1458" y="128.4444"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="90.625" x="211.9792" y="161.8449">MyRectangle1</text><!--MD5=[deed3d4321eb4f26fdbc8b688b847966]
|
||||
entity MyCollection1--><rect fill="url(#gikh7wyekwtr41)" height="52.6917" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.5625;" width="127.0833" x="27.0833" y="132.6111"/><rect fill="url(#gikh7wyekwtr41)" height="52.6917" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.5625;" width="127.0833" x="22.9167" y="128.4444"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="89.5833" x="41.6667" y="159.7616">MyCollection1</text><!--MD5=[76af18d92d7d7c0f7ebd8f4f605ac5aa]
|
||||
entity FTP--><ellipse cx="369.7917" cy="372.7153" fill="#FF5C5C" rx="8.3333" ry="8.3333" style="stroke:#FF3333;stroke-width:1.5625;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="22.9167" x="358.3333" y="413.4074">FTP</text><!--MD5=[0e2cc1aee2c7f52697e111b4fb84546c]
|
||||
entity Second Component--><rect fill="url(#gikh7wyekwtr41)" height="67.275" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.5625;" width="190.625" x="416.1458" y="338.8611"/><rect fill="url(#gikh7wyekwtr41)" height="10.4167" style="stroke:#F3F3F3;stroke-width:1.5625;" width="15.625" x="585.9375" y="344.0694"/><rect fill="url(#gikh7wyekwtr41)" height="2.0833" style="stroke:#F3F3F3;stroke-width:1.5625;" width="4.1667" x="583.8542" y="346.1528"/><rect fill="url(#gikh7wyekwtr41)" height="2.0833" style="stroke:#F3F3F3;stroke-width:1.5625;" width="4.1667" x="583.8542" y="350.3194"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="128.125" x="442.1875" y="382.6782">Second Component</text><!--MD5=[b8d85f5d3810694767e38854f60c8b6e]
|
||||
entity MyRectangle2--><rect height="56.8583" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:2.0833333333333335;fill:none;" width="132.2917" x="191.1458" y="344.0694"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="90.625" x="211.9792" y="377.4699">MyRectangle2</text><!--MD5=[243c1e580c31013c48b02624e18b25a7]
|
||||
entity Example 1--><rect fill="url(#gikh7wyekwtr41)" height="67.275" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.5625;" width="130.2083" x="666.1458" y="338.8611"/><rect fill="url(#gikh7wyekwtr41)" height="10.4167" style="stroke:#F3F3F3;stroke-width:1.5625;" width="15.625" x="775.5208" y="344.0694"/><rect fill="url(#gikh7wyekwtr41)" height="2.0833" style="stroke:#F3F3F3;stroke-width:1.5625;" width="4.1667" x="773.4375" y="346.1528"/><rect fill="url(#gikh7wyekwtr41)" height="2.0833" style="stroke:#F3F3F3;stroke-width:1.5625;" width="4.1667" x="773.4375" y="350.3194"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="67.7083" x="692.1875" y="382.6782">Example 1</text><!--MD5=[3e0e08c92570480402984701ab5a6d2d]
|
||||
entity Folder 3--><rect fill="url(#gikh7wyekwtr41)" height="67.275" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.5625;" width="115.625" x="673.4375" y="605.0069"/><rect fill="url(#gikh7wyekwtr41)" height="10.4167" style="stroke:#F3F3F3;stroke-width:1.5625;" width="15.625" x="768.2292" y="610.2153"/><rect fill="url(#gikh7wyekwtr41)" height="2.0833" style="stroke:#F3F3F3;stroke-width:1.5625;" width="4.1667" x="766.1458" y="612.2986"/><rect fill="url(#gikh7wyekwtr41)" height="2.0833" style="stroke:#F3F3F3;stroke-width:1.5625;" width="4.1667" x="766.1458" y="616.4653"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="53.125" x="699.4792" y="648.8241">Folder 3</text><!--MD5=[63877ed85df621d134a6c80fb52dad56]
|
||||
entity Frame 4--><rect fill="url(#gikh7wyekwtr41)" height="67.275" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.5625;" width="115.625" x="673.4375" y="778.9653"/><rect fill="url(#gikh7wyekwtr41)" height="10.4167" style="stroke:#F3F3F3;stroke-width:1.5625;" width="15.625" x="768.2292" y="784.1736"/><rect fill="url(#gikh7wyekwtr41)" height="2.0833" style="stroke:#F3F3F3;stroke-width:1.5625;" width="4.1667" x="766.1458" y="786.2569"/><rect fill="url(#gikh7wyekwtr41)" height="2.0833" style="stroke:#F3F3F3;stroke-width:1.5625;" width="4.1667" x="766.1458" y="790.4236"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="53.125" x="699.4792" y="822.7824">Frame 4</text><!--MD5=[bb0325ec99f4f4d58c3e33c6fae3b543]
|
||||
entity MyCollection2--><rect fill="url(#gikh7wyekwtr41)" height="52.6917" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.5625;" width="127.0833" x="859.375" y="132.6111"/><rect fill="url(#gikh7wyekwtr41)" height="52.6917" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.5625;" width="127.0833" x="855.2083" y="128.4444"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="89.5833" x="873.9583" y="159.7616">MyCollection2</text><!--MD5=[4d6c9a8b502f46c0f85d26a51e5d57ce]
|
||||
entity My Artifact--><rect fill="url(#gikh7wyekwtr42)" height="59.9833" rx="7.8125" ry="7.8125" style="stroke:#A8A8A8;stroke-width:1.5625;" width="119.7917" x="1023.4375" y="126.8819"/><polygon fill="url(#gikh7wyekwtr42)" points="1125.5208,132.0903,1125.5208,146.6736,1138.0208,146.6736,1138.0208,138.3403,1131.7708,132.0903,1125.5208,132.0903" style="stroke:#A8A8A8;stroke-width:1.5625;"/><line style="stroke:#A8A8A8;stroke-width:1.5625;" x1="1131.7708" x2="1131.7708" y1="132.0903" y2="138.3403"/><line style="stroke:#A8A8A8;stroke-width:1.5625;" x1="1138.0208" x2="1131.7708" y1="138.3403" y2="138.3403"/><text fill="#A8A8A8" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="67.7083" x="1044.2708" y="163.4074">My Artifact</text><!--MD5=[6013850653c05993d855a7b82b2ebd6f]
|
||||
entity My Storage--><rect fill="url(#gikh7wyekwtr43)" height="56.8583" rx="36.4583" ry="36.4583" style="stroke:#FFAE42;stroke-width:1.5625;" width="115.625" x="1179.6875" y="128.4444"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="73.9583" x="1200.5208" y="161.8449">My Storage</text><!--MD5=[decf897d207c1b699121f5d4005ef96e]
|
||||
entity My Queue--><path d="M872.3958,349.2778 L969.2708,349.2778 C974.4792,349.2778 974.4792,372.4986 974.4792,372.4986 C974.4792,372.4986 974.4792,395.7194 969.2708,395.7194 L872.3958,395.7194 C867.1875,395.7194 867.1875,372.4986 867.1875,372.4986 C867.1875,372.4986 867.1875,349.2778 872.3958,349.2778 " fill="url(#gikh7wyekwtr41)" style="stroke:#F3F3F3;stroke-width:1.5625;"/><path d="M969.2708,349.2778 C964.0625,349.2778 964.0625,372.4986 964.0625,372.4986 C964.0625,395.7194 969.2708,395.7194 969.2708,395.7194 " fill="none" style="stroke:#F3F3F3;stroke-width:1.5625;"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="65.625" x="882.8125" y="377.4699">My Queue</text><!--MD5=[db0b4290d55c456da6f1e605315daa68]
|
||||
entity My Interface--><ellipse cx="1070.8333" cy="372.7153" fill="#FF5C5C" rx="8.3333" ry="8.3333" style="stroke:#FF3333;stroke-width:1.5625;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="81.25" x="1030.2083" y="413.4074">My Interface</text><!--MD5=[c42dbb279bb2c76edeffd08640135261]
|
||||
entity My Card--><rect fill="url(#gikh7wyekwtr44)" height="42.275" rx="7.8125" ry="7.8125" style="stroke:#336699;stroke-width:1.5625;" width="94.7917" x="1167.1875" y="351.3611"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="53.125" x="1188.0208" y="377.4699">My Card</text><!--MD5=[4552e0ab931d4db86ba1ccdf7169c968]
|
||||
entity My File--><path d="M878.125,618.0278 L878.125,659.2611 A7.8125,7.8125 0 0 0 885.9375,667.0736 L955.7292,667.0736 A7.8125,7.8125 0 0 0 963.5417,659.2611 L963.5417,620.6319 L953.125,610.2153 L885.9375,610.2153 A7.8125,7.8125 0 0 0 878.125,618.0278 " fill="url(#gikh7wyekwtr40)" style="stroke:#A8A8A8;stroke-width:1.5625;"/><path d="M953.125,610.2153 L953.125,612.8194 A7.8125,7.8125 0 0 0 960.9375,620.6319 L963.5417,620.6319 " fill="url(#gikh7wyekwtr40)" style="stroke:#A8A8A8;stroke-width:1.5625;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="898.9583" y="643.6157">My File</text><!--MD5=[5a51615613d2b2569e36ac803df4b251]
|
||||
entity My Stack--><rect fill="url(#gikh7wyekwtr41)" height="56.8583" rx="7.8125" ry="7.8125" style="stroke:none;stroke-width:1.5625;" width="98.9583" x="1016.1458" y="610.2153"/><path d="M1000.5208,610.2153 L1008.3333,610.2153 A7.8125,7.8125 0 0 1 1016.1458,618.0278 L1016.1458,659.2611 A7.8125,7.8125 0 0 0 1023.9583,667.0736 L1107.2917,667.0736 A7.8125,7.8125 0 0 0 1115.1042,659.2611 L1115.1042,618.0278 A7.8125,7.8125 0 0 1 1122.9167,610.2153 L1130.7292,610.2153 " fill="none" style="stroke:#F3F3F3;stroke-width:1.5625;"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="57.2917" x="1036.9792" y="643.6157">My Stack</text><!--MD5=[46d996859f59e5baf77956ce93023cee]
|
||||
link HTTP to First Component--><path d="M567.4583,157.0903 C555.4583,157.0903 543.4583,157.0903 531.4583,157.0903 " fill="none" id="HTTP-First Component" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[1966a42bb49d59057147dbda06282f4b]
|
||||
link FTP to Second Component--><path d="M379.1979,372.7153 C391.4271,372.7153 403.6563,372.7153 415.8854,372.7153 " fill="none" id="FTP-Second Component" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[d3aefbd8005e27b21e7ce98ddd948193]
|
||||
link First Component to FTP--><path d="M430.3958,190.9861 C420.3646,213.0694 407.4375,242.9757 397.9167,270.1111 C387.1667,300.7778 377.7917,337.7882 373.0625,357.5694 " fill="none" id="First Component-to-FTP" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="371.75,363.1319,377.9531,354.9605,372.9429,358.062,369.8413,353.0518,371.75,363.1319" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[efc1ffe8b578a0fb156c7bce303319bb]
|
||||
link Another Component to Example 1--><path d="M722.4375,191.0278 C724.3125,229.434 727.4063,292.8507 729.3854,333.4132 " fill="none" id="Another Component-to-Example 1" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="729.6458,338.7361,733.3514,329.1695,729.3924,333.5339,725.028,329.5749,729.6458,338.7361" style="stroke:#E2E2E2;stroke-width:3.125;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="98.9583" x="736.4583" y="248.3032">some message</text><!--MD5=[7ec8393a78a133520e8846dd05a7857a]
|
||||
link Example 1 to Folder 3--><path d="M731.25,406.6632 C731.25,455.6215 731.25,547.4236 731.25,599.3923 " fill="none" id="Example 1-to-Folder 3" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="731.25,604.9132,735.4167,595.5382,731.25,599.7048,727.0833,595.5382,731.25,604.9132" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[b96c7096199393c1414a8b4e9ed2c30f]
|
||||
link Folder 3 to Frame 4--><path d="M731.25,673.0382 C731.25,701.6944 731.25,743.1319 731.25,773.2569 " fill="none" id="Folder 3-to-Frame 4" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="731.25,778.7361,735.4167,769.3611,731.25,773.5278,727.0833,769.3611,731.25,778.7361" style="stroke:#E2E2E2;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=[faf0c39d588ab5cfce7b919475b14bb2]
|
||||
@startuml
|
||||
|
||||
!$THEME = "lightgray"
|
||||
|
||||
!if %not(%variable_exists("$BGCOLOR"))
|
||||
!$BGCOLOR = "transparent"
|
||||
!endif
|
||||
|
||||
skinparam backgroundColor $BGCOLOR
|
||||
skinparam useBetaStyle false
|
||||
|
||||
!$WHITE = "#FFF"
|
||||
!$GRAY_DARK = "#4d4d4d"
|
||||
!$GRAY = "#737373"
|
||||
!$LIGHT = "#fcfcfc"
|
||||
!$DARK = "#303030"
|
||||
|
||||
!$FGCOLOR = $DARK
|
||||
!$PRIMARY = "#e2e2e2"
|
||||
!$PRIMARY_LIGHT = "#f3f3f3"
|
||||
!$PRIMARY_DARK = "#888888"
|
||||
!$PRIMARY_TEXT = "#336699"
|
||||
!$SECONDARY = "#d2d2d2"
|
||||
!$SECONDARY_LIGHT = "#dbdbdb"
|
||||
!$SECONDARY_DARK = "#a8a8a8"
|
||||
!$SECONDARY_TEXT = "white"
|
||||
!$INFO = "#336699"
|
||||
!$INFO_LIGHT = "#5c85ad"
|
||||
!$INFO_DARK = "#29527a"
|
||||
!$INFO_TEXT = $WHITE
|
||||
!$SUCCESS = "#339933"
|
||||
!$SUCCESS_LIGHT = "#5cad5c"
|
||||
!$SUCCESS_DARK = "#297a29"
|
||||
!$SUCCESS_TEXT = $WHITE
|
||||
!$WARNING = "#ffae42"
|
||||
!$WARNING_LIGHT = "#ffbe68"
|
||||
!$WARNING_DARK = "#cc8b35"
|
||||
!$WARNING_TEXT = $WHITE
|
||||
!$DANGER = "#ff3333"
|
||||
!$DANGER_LIGHT = "#ff5c5c"
|
||||
!$DANGER_DARK = "#cc2929"
|
||||
!$DANGER_TEXT = $WHITE
|
||||
|
||||
!procedure $success($msg)
|
||||
<font color=$SUCCESS><b>$msg
|
||||
!endprocedure
|
||||
|
||||
!procedure $failure($msg)
|
||||
<font color=$DANGER><b>$msg
|
||||
!endprocedure
|
||||
|
||||
!procedure $warning($msg)
|
||||
<font color=$WARNING><b>$msg
|
||||
!endprocedure
|
||||
|
||||
!procedure $primary_scheme()
|
||||
FontColor $PRIMARY_TEXT
|
||||
BorderColor $PRIMARY_LIGHT
|
||||
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
|
||||
!endprocedure
|
||||
|
||||
skinparam defaultFontName "Verdana"
|
||||
skinparam defaultFontSize 12
|
||||
skinparam dpi 100
|
||||
skinparam shadowing false
|
||||
skinparam roundcorner 15
|
||||
skinparam ParticipantPadding 30
|
||||
skinparam BoxPadding 30
|
||||
skinparam Padding 10
|
||||
skinparam ArrowColor $GRAY
|
||||
skinparam stereotype {
|
||||
CBackgroundColor $SECONDARY_LIGHT
|
||||
CBorderColor $SECONDARY_DARK
|
||||
ABackgroundColor $SUCCESS_LIGHT
|
||||
ABorderColor $SUCCESS_DARK
|
||||
IBackgroundColor $DANGER_LIGHT
|
||||
IBorderColor $DANGER_DARK
|
||||
EBackgroundColor $WARNING_LIGHT
|
||||
EBorderColor $WARNING_DARK
|
||||
NBackgroundColor $INFO_LIGHT
|
||||
NBorderColor $INFO_DARK
|
||||
}
|
||||
skinparam title {
|
||||
FontColor $SECONDARY_TEXT
|
||||
BorderColor $SECONDARY
|
||||
FontSize 20
|
||||
BorderRoundCorner 8
|
||||
BorderThickness 1
|
||||
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
|
||||
}
|
||||
|
||||
|
||||
skinparam legend {
|
||||
BackgroundColor $PRIMARY
|
||||
BorderColor $PRIMARY_DARK
|
||||
FontColor $PRIMARY_TEXT
|
||||
}
|
||||
|
||||
!startsub swimlane
|
||||
skinparam swimlane {
|
||||
BorderColor $INFO
|
||||
BorderThickness 2
|
||||
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY
|
||||
TitleFontColor $PRIMARY
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub activity
|
||||
|
||||
skinparam activity {
|
||||
$primary_scheme()
|
||||
BarColor $SUCCESS
|
||||
StartColor $INFO
|
||||
EndColor $INFO
|
||||
DiamondBackgroundColor $SECONDARY-$SECONDARY_DARK
|
||||
DiamondBorderColor $SECONDARY_DARK
|
||||
DiamondFontColor $SECONDARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub participant
|
||||
|
||||
skinparam participant {
|
||||
$primary_scheme()
|
||||
ParticipantBorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub actor
|
||||
|
||||
skinparam actor {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub arrow
|
||||
|
||||
skinparam arrow {
|
||||
Thickness 3
|
||||
Color $PRIMARY
|
||||
FontColor $FGCOLOR
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub sequence
|
||||
|
||||
skinparam sequence {
|
||||
BorderColor $PRIMARY
|
||||
TitleFontColor $SECONDARY_TEXT
|
||||
BackgroundColor $BGCOLOR
|
||||
StartColor $PRIMARY
|
||||
EndColor $PRIMARY
|
||||
BoxBackgroundColor $BGCOLOR
|
||||
BoxBorderColor $GRAY
|
||||
BoxFontColor $DARK
|
||||
LifeLineBorderColor $SECONDARY_DARK
|
||||
LifeLineBorderThickness 2
|
||||
LifeLineBackgroundColor $SECONDARY_LIGHT
|
||||
GroupBorderColor $DARK
|
||||
GroupFontColor $DARK
|
||||
GroupHeaderFontColor $INFO_TEXT
|
||||
GroupBackgroundColor $BGCOLOR
|
||||
GroupBodyBackgroundColor $BGCOLOR
|
||||
GroupHeaderBackgroundColor $BGCOLOR
|
||||
DividerBackgroundColor $WHITE-$LIGHT
|
||||
DividerBorderColor $GRAY
|
||||
DividerBorderThickness 2
|
||||
DividerFontColor $DARK
|
||||
ReferenceBackgroundColor $BGCOLOR
|
||||
ReferenceBorderColor $GRAY
|
||||
ReferenceFontColor $DARK
|
||||
ReferenceHeaderFontColor $INFO
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub partition
|
||||
|
||||
skinparam partition {
|
||||
BorderColor $PRIMARY
|
||||
FontColor $PRIMARY_DARK
|
||||
BackgroundColor $BGCOLOR
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub collections
|
||||
|
||||
skinparam collections {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub control
|
||||
|
||||
skinparam control {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub entity
|
||||
|
||||
skinparam entity {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub boundary
|
||||
|
||||
skinparam boundary {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub agent
|
||||
|
||||
skinparam agent {
|
||||
BackgroundColor #orange
|
||||
BorderColor #999999
|
||||
FontColor #333333
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub note
|
||||
|
||||
skinparam note {
|
||||
BorderThickness 1
|
||||
BackgroundColor $INFO_LIGHT-$INFO
|
||||
BorderColor $INFO
|
||||
FontColor $WHITE
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub artifact
|
||||
|
||||
skinparam artifact {
|
||||
BackgroundColor white-$LIGHT
|
||||
BorderColor $SECONDARY_DARK
|
||||
FontColor $SECONDARY_DARK
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub component
|
||||
|
||||
skinparam component {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub interface
|
||||
|
||||
skinparam interface {
|
||||
BackgroundColor $DANGER_LIGHT
|
||||
BorderColor $DANGER
|
||||
FontColor $DARK
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub storage
|
||||
|
||||
skinparam storage {
|
||||
BackgroundColor $WARNING_LIGHT-$WARNING
|
||||
BorderColor $WARNING
|
||||
FontColor $WARNING_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub node
|
||||
|
||||
skinparam node {
|
||||
BackgroundColor $BGCOLOR
|
||||
BorderColor $PRIMARY_LIGHT
|
||||
FontColor $PRIMARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub cloud
|
||||
|
||||
skinparam cloud {
|
||||
BackgroundColor transparent
|
||||
BorderColor $F2FCFE
|
||||
FontColor $PRIMARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub database
|
||||
|
||||
skinparam database {
|
||||
$primary_scheme()
|
||||
BackgroundColor $BGCOLOR
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub class
|
||||
|
||||
skinparam class {
|
||||
$primary_scheme()
|
||||
HeaderBackgroundColor $PRIMARY_LIGHT-$PRIMARY_DARK
|
||||
StereotypeFontColor $DARK
|
||||
StereotypeFontSize 9
|
||||
BorderThickness 1
|
||||
AttributeFontColor $DARK
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub object
|
||||
|
||||
skinparam object {
|
||||
$primary_scheme()
|
||||
StereotypeFontColor $LIGHT
|
||||
BorderThickness 1
|
||||
AttributeFontColor $DARK
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub usecase
|
||||
|
||||
skinparam usecase {
|
||||
$primary_scheme()
|
||||
BorderThickness 2
|
||||
StereotypeFontColor $PRIMARY
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub rectangle
|
||||
|
||||
skinparam rectangle {
|
||||
$primary_scheme()
|
||||
BackgroundColor $BGCOLOR
|
||||
BorderThickness 2
|
||||
StereotypeFontColor $PRIMARY
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub package
|
||||
|
||||
skinparam package {
|
||||
$primary_scheme()
|
||||
BackgroundColor $BGCOLOR
|
||||
BorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub folder
|
||||
|
||||
skinparam folder {
|
||||
BackgroundColor $PRIMARY_LIGHT
|
||||
BorderColor $WARNING
|
||||
FontColor $WARNING
|
||||
BorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub frame
|
||||
|
||||
skinparam frame {
|
||||
BackgroundColor $PRIMARY_LIGHT
|
||||
BorderColor $INFO
|
||||
FontColor $INFO
|
||||
BorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub state
|
||||
|
||||
skinparam state {
|
||||
$primary_scheme()
|
||||
BorderColor $PRIMARY_DARK
|
||||
StartColor $INFO
|
||||
EndColor $INFO
|
||||
AttributeFontColor $SECONDARY_TEXT
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub queue
|
||||
|
||||
skinparam queue {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub card
|
||||
|
||||
skinparam card {
|
||||
BackgroundColor $INFO_LIGHT-$INFO
|
||||
BorderColor $INFO
|
||||
FontColor $INFO_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub file
|
||||
|
||||
skinparam file {
|
||||
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
|
||||
BorderColor $SECONDARY_DARK
|
||||
FontColor $SECONDARY_TEXT
|
||||
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub stack
|
||||
|
||||
skinparam stack {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!if %variable_exists("$THEME")
|
||||
title Component Diagram - $THEME theme
|
||||
!else
|
||||
title Component Diagram
|
||||
!endif
|
||||
|
||||
'skinparam BackgroundColor transparent
|
||||
|
||||
package "My Package" {
|
||||
HTTP - [First Component]
|
||||
[Another Component]
|
||||
rectangle MyRectangle1
|
||||
collections MyCollection1
|
||||
}
|
||||
|
||||
node "My Node" {
|
||||
FTP - [Second Component]
|
||||
[First Component] - -> FTP
|
||||
rectangle MyRectangle2
|
||||
}
|
||||
|
||||
cloud "My Cloud" {
|
||||
[Example 1]
|
||||
}
|
||||
|
||||
collections MyCollection2
|
||||
|
||||
database "My Database" {
|
||||
folder "My folder" {
|
||||
[Folder 3]
|
||||
}
|
||||
frame "My Frame" {
|
||||
[Frame 4]
|
||||
}
|
||||
}
|
||||
|
||||
artifact "My Artifact"
|
||||
storage "My Storage"
|
||||
queue "My Queue"
|
||||
interface "My Interface"
|
||||
card "My Card"
|
||||
file "My File"
|
||||
stack "My Stack"
|
||||
|
||||
[Another Component] - -> [Example 1]: some message
|
||||
[Example 1] - -> [Folder 3]
|
||||
[Folder 3] - -> [Frame 4]
|
||||
|
||||
@enduml
|
||||
|
||||
@startuml
|
||||
|
||||
|
||||
|
||||
skinparam backgroundColor transparent
|
||||
skinparam useBetaStyle false
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
skinparam defaultFontName "Verdana"
|
||||
skinparam defaultFontSize 12
|
||||
skinparam dpi 100
|
||||
skinparam shadowing false
|
||||
skinparam roundcorner 15
|
||||
skinparam ParticipantPadding 30
|
||||
skinparam BoxPadding 30
|
||||
skinparam Padding 10
|
||||
skinparam ArrowColor #737373
|
||||
skinparam stereotype {
|
||||
CBackgroundColor #dbdbdb
|
||||
CBorderColor #a8a8a8
|
||||
ABackgroundColor #5cad5c
|
||||
ABorderColor #297a29
|
||||
IBackgroundColor #ff5c5c
|
||||
IBorderColor #cc2929
|
||||
EBackgroundColor #ffbe68
|
||||
EBorderColor #cc8b35
|
||||
NBackgroundColor #5c85ad
|
||||
NBorderColor #29527a
|
||||
}
|
||||
skinparam title {
|
||||
FontColor white
|
||||
BorderColor #d2d2d2
|
||||
FontSize 20
|
||||
BorderRoundCorner 8
|
||||
BorderThickness 1
|
||||
BackgroundColor #dbdbdb-#d2d2d2
|
||||
}
|
||||
|
||||
|
||||
skinparam legend {
|
||||
BackgroundColor #e2e2e2
|
||||
BorderColor #888888
|
||||
FontColor #336699
|
||||
}
|
||||
|
||||
skinparam swimlane {
|
||||
BorderColor #336699
|
||||
BorderThickness 2
|
||||
TitleBackgroundColor #dbdbdb-#d2d2d2
|
||||
TitleFontColor #e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam activity {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
BarColor #339933
|
||||
StartColor #336699
|
||||
EndColor #336699
|
||||
DiamondBackgroundColor #d2d2d2-#a8a8a8
|
||||
DiamondBorderColor #a8a8a8
|
||||
DiamondFontColor white
|
||||
}
|
||||
|
||||
|
||||
skinparam participant {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
ParticipantBorderThickness 2
|
||||
}
|
||||
|
||||
|
||||
skinparam actor {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam arrow {
|
||||
Thickness 3
|
||||
Color #e2e2e2
|
||||
FontColor #303030
|
||||
}
|
||||
|
||||
|
||||
skinparam sequence {
|
||||
BorderColor #e2e2e2
|
||||
TitleFontColor white
|
||||
BackgroundColor transparent
|
||||
StartColor #e2e2e2
|
||||
EndColor #e2e2e2
|
||||
BoxBackgroundColor transparent
|
||||
BoxBorderColor #737373
|
||||
BoxFontColor #303030
|
||||
LifeLineBorderColor #a8a8a8
|
||||
LifeLineBorderThickness 2
|
||||
LifeLineBackgroundColor #dbdbdb
|
||||
GroupBorderColor #303030
|
||||
GroupFontColor #303030
|
||||
GroupHeaderFontColor #FFF
|
||||
GroupBackgroundColor transparent
|
||||
GroupBodyBackgroundColor transparent
|
||||
GroupHeaderBackgroundColor transparent
|
||||
DividerBackgroundColor #FFF-#fcfcfc
|
||||
DividerBorderColor #737373
|
||||
DividerBorderThickness 2
|
||||
DividerFontColor #303030
|
||||
ReferenceBackgroundColor transparent
|
||||
ReferenceBorderColor #737373
|
||||
ReferenceFontColor #303030
|
||||
ReferenceHeaderFontColor #336699
|
||||
}
|
||||
|
||||
|
||||
skinparam partition {
|
||||
BorderColor #e2e2e2
|
||||
FontColor #888888
|
||||
BackgroundColor transparent
|
||||
}
|
||||
|
||||
|
||||
skinparam collections {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam control {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam entity {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam boundary {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam agent {
|
||||
BackgroundColor #orange
|
||||
BorderColor #999999
|
||||
FontColor #333333
|
||||
}
|
||||
|
||||
|
||||
skinparam note {
|
||||
BorderThickness 1
|
||||
BackgroundColor #5c85ad-#336699
|
||||
BorderColor #336699
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
|
||||
skinparam artifact {
|
||||
BackgroundColor white-#fcfcfc
|
||||
BorderColor #a8a8a8
|
||||
FontColor #a8a8a8
|
||||
}
|
||||
|
||||
|
||||
skinparam component {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam interface {
|
||||
BackgroundColor #ff5c5c
|
||||
BorderColor #ff3333
|
||||
FontColor #303030
|
||||
}
|
||||
|
||||
|
||||
skinparam storage {
|
||||
BackgroundColor #ffbe68-#ffae42
|
||||
BorderColor #ffae42
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
|
||||
skinparam node {
|
||||
BackgroundColor transparent
|
||||
BorderColor #f3f3f3
|
||||
FontColor #336699
|
||||
}
|
||||
|
||||
|
||||
skinparam cloud {
|
||||
BackgroundColor transparent
|
||||
BorderColor $F2FCFE
|
||||
FontColor #336699
|
||||
}
|
||||
|
||||
|
||||
skinparam database {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
BackgroundColor transparent
|
||||
}
|
||||
|
||||
|
||||
skinparam class {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
HeaderBackgroundColor #f3f3f3-#888888
|
||||
StereotypeFontColor #303030
|
||||
StereotypeFontSize 9
|
||||
BorderThickness 1
|
||||
AttributeFontColor #303030
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
|
||||
skinparam object {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
StereotypeFontColor #fcfcfc
|
||||
BorderThickness 1
|
||||
AttributeFontColor #303030
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
|
||||
skinparam usecase {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
BorderThickness 2
|
||||
StereotypeFontColor #e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam rectangle {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
BackgroundColor transparent
|
||||
BorderThickness 2
|
||||
StereotypeFontColor #e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam package {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
BackgroundColor transparent
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
|
||||
skinparam folder {
|
||||
BackgroundColor #f3f3f3
|
||||
BorderColor #ffae42
|
||||
FontColor #ffae42
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
|
||||
skinparam frame {
|
||||
BackgroundColor #f3f3f3
|
||||
BorderColor #336699
|
||||
FontColor #336699
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
|
||||
skinparam state {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
BorderColor #888888
|
||||
StartColor #336699
|
||||
EndColor #336699
|
||||
AttributeFontColor white
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
|
||||
skinparam queue {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam card {
|
||||
BackgroundColor #5c85ad-#336699
|
||||
BorderColor #336699
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
|
||||
skinparam file {
|
||||
BackgroundColor #dbdbdb-#d2d2d2
|
||||
BorderColor #a8a8a8
|
||||
FontColor white
|
||||
|
||||
}
|
||||
|
||||
|
||||
skinparam stack {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
title Component Diagram - lightgray 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: 35 KiB |
62
puml/lightgray/index.md
Normal file
62
puml/lightgray/index.md
Normal file
@ -0,0 +1,62 @@
|
||||
---
|
||||
layout: default
|
||||
title: lightgray
|
||||
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>
|
||||
794
puml/lightgray/mindmap-ex.svg
Normal file
794
puml/lightgray/mindmap-ex.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 21 KiB |
798
puml/lightgray/object-ex.svg
Normal file
798
puml/lightgray/object-ex.svg
Normal file
@ -0,0 +1,798 @@
|
||||
<?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="351.0417px" preserveAspectRatio="none" style="width:580px;height:351px;background:#00000000;" version="1.1" viewBox="0 0 580 351" width="580.2083px" zoomAndPan="magnify"><defs><linearGradient id="g26hy563qkiie0" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#DBDBDB"/><stop offset="100%" stop-color="#D2D2D2"/></linearGradient><linearGradient id="g26hy563qkiie1" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#F3F3F3"/><stop offset="100%" stop-color="#E2E2E2"/></linearGradient></defs><g><rect fill="url(#g26hy563qkiie0)" height="56.5694" rx="4.1667" ry="4.1667" style="stroke:#D2D2D2;stroke-width:1.0416666666666667;" width="392.7083" x="86.7188" y="2.0833"/><text fill="#FFFFFF" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="355.2083" x="105.4688" y="38.6536">Object Diagram - lightgray theme</text><rect fill="url(#g26hy563qkiie1)" height="56.8583" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" width="94.7917" x="7.2917" y="69.0694"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="25" y="94.1366">Object01</text><line style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" x1="8.3333" x2="101.0417" y1="109.2611" y2="109.2611"/><rect fill="url(#g26hy563qkiie1)" height="56.8583" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" width="94.7917" x="7.2917" y="256.5694"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="25" y="281.6366">Object02</text><line style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" x1="8.3333" x2="101.0417" y1="296.7611" y2="296.7611"/><rect fill="url(#g26hy563qkiie1)" height="56.8583" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" width="94.7917" x="138.5417" y="69.0694"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="156.25" y="94.1366">Object03</text><line style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" x1="139.5833" x2="232.2917" y1="109.2611" y2="109.2611"/><rect fill="url(#g26hy563qkiie1)" height="56.8583" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" width="94.7917" x="138.5417" y="256.5694"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="156.25" y="281.6366">Object04</text><line style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" x1="139.5833" x2="232.2917" y1="296.7611" y2="296.7611"/><rect fill="url(#g26hy563qkiie1)" height="56.8583" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" width="94.7917" x="269.7917" y="69.0694"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="287.5" y="94.1366">Object05</text><line style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" x1="270.8333" x2="363.5417" y1="109.2611" y2="109.2611"/><rect fill="url(#g26hy563qkiie1)" height="56.8583" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" width="94.7917" x="269.7917" y="256.5694"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="287.5" y="281.6366">Object06</text><line style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" x1="270.8333" x2="363.5417" y1="296.7611" y2="296.7611"/><rect fill="url(#g26hy563qkiie1)" height="56.8583" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" width="94.7917" x="425" y="69.0694"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="442.7083" y="94.1366">Object07</text><line style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" x1="426.0417" x2="518.75" y1="109.2611" y2="109.2611"/><rect fill="url(#g26hy563qkiie1)" height="118.043" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.0416666666666667;" width="141.6667" x="401.5625" y="226.3611"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="442.7083" y="251.4282">Object08</text><line style="stroke:#F3F3F3;stroke-width:1.5625;" x1="402.6042" x2="542.1875" y1="266.5527" y2="266.5527"/><text fill="#303030" font-family="Verdana" font-size="11.4583" lengthAdjust="spacing" textLength="108.3333" x="418.2292" y="292.6559">name = "Dummy"</text><text fill="#303030" font-family="Verdana" font-size="11.4583" lengthAdjust="spacing" textLength="50" x="418.2292" y="327.415">id = 123</text><!--MD5=[507381b32e0a49e7abc7210229a8ee60]
|
||||
reverse link Object01 to Object02--><path codeLine="21" d="M54.6875,147.5382 C54.6875,182.309 54.6875,227.8194 54.6875,256.5278 " fill="none" id="Object01-backto-Object02" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="none" points="47.3958,147.3507,54.6875,126.5173,61.9792,147.3507,47.3958,147.3507" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[d21c20b16b3ff22abbc2c8af84931b60]
|
||||
reverse link Object03 to Object04--><path codeLine="22" d="M185.9375,140.2569 C185.9375,175.7257 185.9375,225.7673 185.9375,256.5278 " fill="none" id="Object03-backto-Object04" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="185.9375,126.5173,181.7708,132.7673,185.9375,139.0173,190.1042,132.7673,185.9375,126.5173" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[ade907096602ef8d7fe19339b46bff0e]
|
||||
reverse link Object05 to Object06--><path codeLine="23" d="M317.1875,140.2569 C317.1875,175.7257 317.1875,225.7673 317.1875,256.5278 " fill="none" id="Object05-backto-Object06" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon points="317.1875,126.5173,313.0208,132.7673,317.1875,139.0173,321.3542,132.7673,317.1875,126.5173" style="stroke:#E2E2E2;stroke-width:3.125;fill:none;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="8.3333" x="295.5664" y="235.0632">4</text><!--MD5=[17488501a7bed181c851ca0c615fb4f2]
|
||||
link Object07 to Object08--><path codeLine="24" d="M472.3958,126.5173 C472.3958,152.7778 472.3958,193.0278 472.3958,226.2778 " fill="none" id="Object07-Object08" style="stroke:#E2E2E2;stroke-width:3.125;stroke-dasharray:7.0,7.0;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="78.125" x="483.8542" y="181.6366">some labels</text><!--MD5=[7c1be43a583267d64b0a287ff65496aa]
|
||||
@startuml
|
||||
|
||||
!$THEME = "lightgray"
|
||||
|
||||
!if %not(%variable_exists("$BGCOLOR"))
|
||||
!$BGCOLOR = "transparent"
|
||||
!endif
|
||||
|
||||
skinparam backgroundColor $BGCOLOR
|
||||
skinparam useBetaStyle false
|
||||
|
||||
!$WHITE = "#FFF"
|
||||
!$GRAY_DARK = "#4d4d4d"
|
||||
!$GRAY = "#737373"
|
||||
!$LIGHT = "#fcfcfc"
|
||||
!$DARK = "#303030"
|
||||
|
||||
!$FGCOLOR = $DARK
|
||||
!$PRIMARY = "#e2e2e2"
|
||||
!$PRIMARY_LIGHT = "#f3f3f3"
|
||||
!$PRIMARY_DARK = "#888888"
|
||||
!$PRIMARY_TEXT = "#336699"
|
||||
!$SECONDARY = "#d2d2d2"
|
||||
!$SECONDARY_LIGHT = "#dbdbdb"
|
||||
!$SECONDARY_DARK = "#a8a8a8"
|
||||
!$SECONDARY_TEXT = "white"
|
||||
!$INFO = "#336699"
|
||||
!$INFO_LIGHT = "#5c85ad"
|
||||
!$INFO_DARK = "#29527a"
|
||||
!$INFO_TEXT = $WHITE
|
||||
!$SUCCESS = "#339933"
|
||||
!$SUCCESS_LIGHT = "#5cad5c"
|
||||
!$SUCCESS_DARK = "#297a29"
|
||||
!$SUCCESS_TEXT = $WHITE
|
||||
!$WARNING = "#ffae42"
|
||||
!$WARNING_LIGHT = "#ffbe68"
|
||||
!$WARNING_DARK = "#cc8b35"
|
||||
!$WARNING_TEXT = $WHITE
|
||||
!$DANGER = "#ff3333"
|
||||
!$DANGER_LIGHT = "#ff5c5c"
|
||||
!$DANGER_DARK = "#cc2929"
|
||||
!$DANGER_TEXT = $WHITE
|
||||
|
||||
!procedure $success($msg)
|
||||
<font color=$SUCCESS><b>$msg
|
||||
!endprocedure
|
||||
|
||||
!procedure $failure($msg)
|
||||
<font color=$DANGER><b>$msg
|
||||
!endprocedure
|
||||
|
||||
!procedure $warning($msg)
|
||||
<font color=$WARNING><b>$msg
|
||||
!endprocedure
|
||||
|
||||
!procedure $primary_scheme()
|
||||
FontColor $PRIMARY_TEXT
|
||||
BorderColor $PRIMARY_LIGHT
|
||||
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
|
||||
!endprocedure
|
||||
|
||||
skinparam defaultFontName "Verdana"
|
||||
skinparam defaultFontSize 12
|
||||
skinparam dpi 100
|
||||
skinparam shadowing false
|
||||
skinparam roundcorner 15
|
||||
skinparam ParticipantPadding 30
|
||||
skinparam BoxPadding 30
|
||||
skinparam Padding 10
|
||||
skinparam ArrowColor $GRAY
|
||||
skinparam stereotype {
|
||||
CBackgroundColor $SECONDARY_LIGHT
|
||||
CBorderColor $SECONDARY_DARK
|
||||
ABackgroundColor $SUCCESS_LIGHT
|
||||
ABorderColor $SUCCESS_DARK
|
||||
IBackgroundColor $DANGER_LIGHT
|
||||
IBorderColor $DANGER_DARK
|
||||
EBackgroundColor $WARNING_LIGHT
|
||||
EBorderColor $WARNING_DARK
|
||||
NBackgroundColor $INFO_LIGHT
|
||||
NBorderColor $INFO_DARK
|
||||
}
|
||||
skinparam title {
|
||||
FontColor $SECONDARY_TEXT
|
||||
BorderColor $SECONDARY
|
||||
FontSize 20
|
||||
BorderRoundCorner 8
|
||||
BorderThickness 1
|
||||
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
|
||||
}
|
||||
|
||||
|
||||
skinparam legend {
|
||||
BackgroundColor $PRIMARY
|
||||
BorderColor $PRIMARY_DARK
|
||||
FontColor $PRIMARY_TEXT
|
||||
}
|
||||
|
||||
!startsub swimlane
|
||||
skinparam swimlane {
|
||||
BorderColor $INFO
|
||||
BorderThickness 2
|
||||
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY
|
||||
TitleFontColor $PRIMARY
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub activity
|
||||
|
||||
skinparam activity {
|
||||
$primary_scheme()
|
||||
BarColor $SUCCESS
|
||||
StartColor $INFO
|
||||
EndColor $INFO
|
||||
DiamondBackgroundColor $SECONDARY-$SECONDARY_DARK
|
||||
DiamondBorderColor $SECONDARY_DARK
|
||||
DiamondFontColor $SECONDARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub participant
|
||||
|
||||
skinparam participant {
|
||||
$primary_scheme()
|
||||
ParticipantBorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub actor
|
||||
|
||||
skinparam actor {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub arrow
|
||||
|
||||
skinparam arrow {
|
||||
Thickness 3
|
||||
Color $PRIMARY
|
||||
FontColor $FGCOLOR
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub sequence
|
||||
|
||||
skinparam sequence {
|
||||
BorderColor $PRIMARY
|
||||
TitleFontColor $SECONDARY_TEXT
|
||||
BackgroundColor $BGCOLOR
|
||||
StartColor $PRIMARY
|
||||
EndColor $PRIMARY
|
||||
BoxBackgroundColor $BGCOLOR
|
||||
BoxBorderColor $GRAY
|
||||
BoxFontColor $DARK
|
||||
LifeLineBorderColor $SECONDARY_DARK
|
||||
LifeLineBorderThickness 2
|
||||
LifeLineBackgroundColor $SECONDARY_LIGHT
|
||||
GroupBorderColor $DARK
|
||||
GroupFontColor $DARK
|
||||
GroupHeaderFontColor $INFO_TEXT
|
||||
GroupBackgroundColor $BGCOLOR
|
||||
GroupBodyBackgroundColor $BGCOLOR
|
||||
GroupHeaderBackgroundColor $BGCOLOR
|
||||
DividerBackgroundColor $WHITE-$LIGHT
|
||||
DividerBorderColor $GRAY
|
||||
DividerBorderThickness 2
|
||||
DividerFontColor $DARK
|
||||
ReferenceBackgroundColor $BGCOLOR
|
||||
ReferenceBorderColor $GRAY
|
||||
ReferenceFontColor $DARK
|
||||
ReferenceHeaderFontColor $INFO
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub partition
|
||||
|
||||
skinparam partition {
|
||||
BorderColor $PRIMARY
|
||||
FontColor $PRIMARY_DARK
|
||||
BackgroundColor $BGCOLOR
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub collections
|
||||
|
||||
skinparam collections {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub control
|
||||
|
||||
skinparam control {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub entity
|
||||
|
||||
skinparam entity {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub boundary
|
||||
|
||||
skinparam boundary {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub agent
|
||||
|
||||
skinparam agent {
|
||||
BackgroundColor #orange
|
||||
BorderColor #999999
|
||||
FontColor #333333
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub note
|
||||
|
||||
skinparam note {
|
||||
BorderThickness 1
|
||||
BackgroundColor $INFO_LIGHT-$INFO
|
||||
BorderColor $INFO
|
||||
FontColor $WHITE
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub artifact
|
||||
|
||||
skinparam artifact {
|
||||
BackgroundColor white-$LIGHT
|
||||
BorderColor $SECONDARY_DARK
|
||||
FontColor $SECONDARY_DARK
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub component
|
||||
|
||||
skinparam component {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub interface
|
||||
|
||||
skinparam interface {
|
||||
BackgroundColor $DANGER_LIGHT
|
||||
BorderColor $DANGER
|
||||
FontColor $DARK
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub storage
|
||||
|
||||
skinparam storage {
|
||||
BackgroundColor $WARNING_LIGHT-$WARNING
|
||||
BorderColor $WARNING
|
||||
FontColor $WARNING_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub node
|
||||
|
||||
skinparam node {
|
||||
BackgroundColor $BGCOLOR
|
||||
BorderColor $PRIMARY_LIGHT
|
||||
FontColor $PRIMARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub cloud
|
||||
|
||||
skinparam cloud {
|
||||
BackgroundColor transparent
|
||||
BorderColor $F2FCFE
|
||||
FontColor $PRIMARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub database
|
||||
|
||||
skinparam database {
|
||||
$primary_scheme()
|
||||
BackgroundColor $BGCOLOR
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub class
|
||||
|
||||
skinparam class {
|
||||
$primary_scheme()
|
||||
HeaderBackgroundColor $PRIMARY_LIGHT-$PRIMARY_DARK
|
||||
StereotypeFontColor $DARK
|
||||
StereotypeFontSize 9
|
||||
BorderThickness 1
|
||||
AttributeFontColor $DARK
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub object
|
||||
|
||||
skinparam object {
|
||||
$primary_scheme()
|
||||
StereotypeFontColor $LIGHT
|
||||
BorderThickness 1
|
||||
AttributeFontColor $DARK
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub usecase
|
||||
|
||||
skinparam usecase {
|
||||
$primary_scheme()
|
||||
BorderThickness 2
|
||||
StereotypeFontColor $PRIMARY
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub rectangle
|
||||
|
||||
skinparam rectangle {
|
||||
$primary_scheme()
|
||||
BackgroundColor $BGCOLOR
|
||||
BorderThickness 2
|
||||
StereotypeFontColor $PRIMARY
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub package
|
||||
|
||||
skinparam package {
|
||||
$primary_scheme()
|
||||
BackgroundColor $BGCOLOR
|
||||
BorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub folder
|
||||
|
||||
skinparam folder {
|
||||
BackgroundColor $PRIMARY_LIGHT
|
||||
BorderColor $WARNING
|
||||
FontColor $WARNING
|
||||
BorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub frame
|
||||
|
||||
skinparam frame {
|
||||
BackgroundColor $PRIMARY_LIGHT
|
||||
BorderColor $INFO
|
||||
FontColor $INFO
|
||||
BorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub state
|
||||
|
||||
skinparam state {
|
||||
$primary_scheme()
|
||||
BorderColor $PRIMARY_DARK
|
||||
StartColor $INFO
|
||||
EndColor $INFO
|
||||
AttributeFontColor $SECONDARY_TEXT
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub queue
|
||||
|
||||
skinparam queue {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub card
|
||||
|
||||
skinparam card {
|
||||
BackgroundColor $INFO_LIGHT-$INFO
|
||||
BorderColor $INFO
|
||||
FontColor $INFO_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub file
|
||||
|
||||
skinparam file {
|
||||
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
|
||||
BorderColor $SECONDARY_DARK
|
||||
FontColor $SECONDARY_TEXT
|
||||
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub stack
|
||||
|
||||
skinparam stack {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!if %variable_exists("$THEME")
|
||||
title Object Diagram - $THEME theme
|
||||
!else
|
||||
title Object Diagram
|
||||
!endif
|
||||
|
||||
'skinparam BackgroundColor transparent
|
||||
|
||||
object Object01
|
||||
object Object02
|
||||
object Object03
|
||||
object Object04
|
||||
object Object05
|
||||
object Object06
|
||||
object Object07
|
||||
object Object08
|
||||
Object08 : name = "Dummy"
|
||||
Object08 : id = 123
|
||||
|
||||
Object01 <|- - Object02
|
||||
Object03 *- - Object04
|
||||
Object05 o- - "4" Object06
|
||||
Object07 .. Object08 : some labels
|
||||
|
||||
@enduml
|
||||
|
||||
@startuml
|
||||
|
||||
|
||||
|
||||
skinparam backgroundColor transparent
|
||||
skinparam useBetaStyle false
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
skinparam defaultFontName "Verdana"
|
||||
skinparam defaultFontSize 12
|
||||
skinparam dpi 100
|
||||
skinparam shadowing false
|
||||
skinparam roundcorner 15
|
||||
skinparam ParticipantPadding 30
|
||||
skinparam BoxPadding 30
|
||||
skinparam Padding 10
|
||||
skinparam ArrowColor #737373
|
||||
skinparam stereotype {
|
||||
CBackgroundColor #dbdbdb
|
||||
CBorderColor #a8a8a8
|
||||
ABackgroundColor #5cad5c
|
||||
ABorderColor #297a29
|
||||
IBackgroundColor #ff5c5c
|
||||
IBorderColor #cc2929
|
||||
EBackgroundColor #ffbe68
|
||||
EBorderColor #cc8b35
|
||||
NBackgroundColor #5c85ad
|
||||
NBorderColor #29527a
|
||||
}
|
||||
skinparam title {
|
||||
FontColor white
|
||||
BorderColor #d2d2d2
|
||||
FontSize 20
|
||||
BorderRoundCorner 8
|
||||
BorderThickness 1
|
||||
BackgroundColor #dbdbdb-#d2d2d2
|
||||
}
|
||||
|
||||
|
||||
skinparam legend {
|
||||
BackgroundColor #e2e2e2
|
||||
BorderColor #888888
|
||||
FontColor #336699
|
||||
}
|
||||
|
||||
skinparam swimlane {
|
||||
BorderColor #336699
|
||||
BorderThickness 2
|
||||
TitleBackgroundColor #dbdbdb-#d2d2d2
|
||||
TitleFontColor #e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam activity {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
BarColor #339933
|
||||
StartColor #336699
|
||||
EndColor #336699
|
||||
DiamondBackgroundColor #d2d2d2-#a8a8a8
|
||||
DiamondBorderColor #a8a8a8
|
||||
DiamondFontColor white
|
||||
}
|
||||
|
||||
|
||||
skinparam participant {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
ParticipantBorderThickness 2
|
||||
}
|
||||
|
||||
|
||||
skinparam actor {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam arrow {
|
||||
Thickness 3
|
||||
Color #e2e2e2
|
||||
FontColor #303030
|
||||
}
|
||||
|
||||
|
||||
skinparam sequence {
|
||||
BorderColor #e2e2e2
|
||||
TitleFontColor white
|
||||
BackgroundColor transparent
|
||||
StartColor #e2e2e2
|
||||
EndColor #e2e2e2
|
||||
BoxBackgroundColor transparent
|
||||
BoxBorderColor #737373
|
||||
BoxFontColor #303030
|
||||
LifeLineBorderColor #a8a8a8
|
||||
LifeLineBorderThickness 2
|
||||
LifeLineBackgroundColor #dbdbdb
|
||||
GroupBorderColor #303030
|
||||
GroupFontColor #303030
|
||||
GroupHeaderFontColor #FFF
|
||||
GroupBackgroundColor transparent
|
||||
GroupBodyBackgroundColor transparent
|
||||
GroupHeaderBackgroundColor transparent
|
||||
DividerBackgroundColor #FFF-#fcfcfc
|
||||
DividerBorderColor #737373
|
||||
DividerBorderThickness 2
|
||||
DividerFontColor #303030
|
||||
ReferenceBackgroundColor transparent
|
||||
ReferenceBorderColor #737373
|
||||
ReferenceFontColor #303030
|
||||
ReferenceHeaderFontColor #336699
|
||||
}
|
||||
|
||||
|
||||
skinparam partition {
|
||||
BorderColor #e2e2e2
|
||||
FontColor #888888
|
||||
BackgroundColor transparent
|
||||
}
|
||||
|
||||
|
||||
skinparam collections {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam control {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam entity {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam boundary {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam agent {
|
||||
BackgroundColor #orange
|
||||
BorderColor #999999
|
||||
FontColor #333333
|
||||
}
|
||||
|
||||
|
||||
skinparam note {
|
||||
BorderThickness 1
|
||||
BackgroundColor #5c85ad-#336699
|
||||
BorderColor #336699
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
|
||||
skinparam artifact {
|
||||
BackgroundColor white-#fcfcfc
|
||||
BorderColor #a8a8a8
|
||||
FontColor #a8a8a8
|
||||
}
|
||||
|
||||
|
||||
skinparam component {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam interface {
|
||||
BackgroundColor #ff5c5c
|
||||
BorderColor #ff3333
|
||||
FontColor #303030
|
||||
}
|
||||
|
||||
|
||||
skinparam storage {
|
||||
BackgroundColor #ffbe68-#ffae42
|
||||
BorderColor #ffae42
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
|
||||
skinparam node {
|
||||
BackgroundColor transparent
|
||||
BorderColor #f3f3f3
|
||||
FontColor #336699
|
||||
}
|
||||
|
||||
|
||||
skinparam cloud {
|
||||
BackgroundColor transparent
|
||||
BorderColor $F2FCFE
|
||||
FontColor #336699
|
||||
}
|
||||
|
||||
|
||||
skinparam database {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
BackgroundColor transparent
|
||||
}
|
||||
|
||||
|
||||
skinparam class {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
HeaderBackgroundColor #f3f3f3-#888888
|
||||
StereotypeFontColor #303030
|
||||
StereotypeFontSize 9
|
||||
BorderThickness 1
|
||||
AttributeFontColor #303030
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
|
||||
skinparam object {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
StereotypeFontColor #fcfcfc
|
||||
BorderThickness 1
|
||||
AttributeFontColor #303030
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
|
||||
skinparam usecase {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
BorderThickness 2
|
||||
StereotypeFontColor #e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam rectangle {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
BackgroundColor transparent
|
||||
BorderThickness 2
|
||||
StereotypeFontColor #e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam package {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
BackgroundColor transparent
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
|
||||
skinparam folder {
|
||||
BackgroundColor #f3f3f3
|
||||
BorderColor #ffae42
|
||||
FontColor #ffae42
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
|
||||
skinparam frame {
|
||||
BackgroundColor #f3f3f3
|
||||
BorderColor #336699
|
||||
FontColor #336699
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
|
||||
skinparam state {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
BorderColor #888888
|
||||
StartColor #336699
|
||||
EndColor #336699
|
||||
AttributeFontColor white
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
|
||||
skinparam queue {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam card {
|
||||
BackgroundColor #5c85ad-#336699
|
||||
BorderColor #336699
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
|
||||
skinparam file {
|
||||
BackgroundColor #dbdbdb-#d2d2d2
|
||||
BorderColor #a8a8a8
|
||||
FontColor white
|
||||
|
||||
}
|
||||
|
||||
|
||||
skinparam stack {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
title Object Diagram - lightgray 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 |
426
puml/lightgray/puml-theme-lightgray.puml
Normal file
426
puml/lightgray/puml-theme-lightgray.puml
Normal file
@ -0,0 +1,426 @@
|
||||
''
|
||||
'' lightgray theme - mostly grays
|
||||
''
|
||||
'' Author: Brett Schwarz
|
||||
'' Copyright (c) 2019 by Brett Schwarz
|
||||
|
||||
!$THEME = "lightgray"
|
||||
|
||||
!if %not(%variable_exists("$BGCOLOR"))
|
||||
!$BGCOLOR = "transparent"
|
||||
!endif
|
||||
|
||||
skinparam backgroundColor $BGCOLOR
|
||||
skinparam useBetaStyle false
|
||||
|
||||
!$WHITE = "#FFF"
|
||||
!$GRAY_DARK = "#4d4d4d"
|
||||
!$GRAY = "#737373"
|
||||
!$LIGHT = "#fcfcfc"
|
||||
!$DARK = "#303030"
|
||||
|
||||
'' *_LIGHT = tint (lighter) of the main color of 80%
|
||||
'' where TINT is calculated by clr + (255-clr) * tint_factor
|
||||
'' *_DARK = shade (darker) of the main color of 80%
|
||||
'' and SHADE is calculated by clr * (1 - shade_factor)
|
||||
''
|
||||
!$FGCOLOR = $DARK
|
||||
!$PRIMARY = "#e2e2e2"
|
||||
!$PRIMARY_LIGHT = "#f3f3f3"
|
||||
!$PRIMARY_DARK = "#888888"
|
||||
!$PRIMARY_TEXT = "#336699"
|
||||
!$SECONDARY = "#d2d2d2"
|
||||
!$SECONDARY_LIGHT = "#dbdbdb"
|
||||
!$SECONDARY_DARK = "#a8a8a8"
|
||||
!$SECONDARY_TEXT = "white"
|
||||
!$INFO = "#336699"
|
||||
!$INFO_LIGHT = "#5c85ad"
|
||||
!$INFO_DARK = "#29527a"
|
||||
!$INFO_TEXT = $WHITE
|
||||
!$SUCCESS = "#339933"
|
||||
!$SUCCESS_LIGHT = "#5cad5c"
|
||||
!$SUCCESS_DARK = "#297a29"
|
||||
!$SUCCESS_TEXT = $WHITE
|
||||
!$WARNING = "#ffae42"
|
||||
!$WARNING_LIGHT = "#ffbe68"
|
||||
!$WARNING_DARK = "#cc8b35"
|
||||
!$WARNING_TEXT = $WHITE
|
||||
!$DANGER = "#ff3333"
|
||||
!$DANGER_LIGHT = "#ff5c5c"
|
||||
!$DANGER_DARK = "#cc2929"
|
||||
!$DANGER_TEXT = $WHITE
|
||||
|
||||
!procedure $success($msg)
|
||||
<font color=$SUCCESS><b>$msg
|
||||
!endprocedure
|
||||
|
||||
!procedure $failure($msg)
|
||||
<font color=$DANGER><b>$msg
|
||||
!endprocedure
|
||||
|
||||
!procedure $warning($msg)
|
||||
<font color=$WARNING><b>$msg
|
||||
!endprocedure
|
||||
|
||||
!procedure $primary_scheme()
|
||||
FontColor $PRIMARY_TEXT
|
||||
BorderColor $PRIMARY_LIGHT
|
||||
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
|
||||
!endprocedure
|
||||
|
||||
''
|
||||
'' Global Default Values
|
||||
''
|
||||
skinparam defaultFontName "Verdana"
|
||||
skinparam defaultFontSize 12
|
||||
skinparam dpi 100
|
||||
skinparam shadowing false
|
||||
skinparam roundcorner 15
|
||||
skinparam ParticipantPadding 30
|
||||
skinparam BoxPadding 30
|
||||
skinparam Padding 10
|
||||
skinparam ArrowColor $GRAY
|
||||
skinparam stereotype {
|
||||
CBackgroundColor $SECONDARY_LIGHT
|
||||
CBorderColor $SECONDARY_DARK
|
||||
ABackgroundColor $SUCCESS_LIGHT
|
||||
ABorderColor $SUCCESS_DARK
|
||||
IBackgroundColor $DANGER_LIGHT
|
||||
IBorderColor $DANGER_DARK
|
||||
EBackgroundColor $WARNING_LIGHT
|
||||
EBorderColor $WARNING_DARK
|
||||
NBackgroundColor $INFO_LIGHT
|
||||
NBorderColor $INFO_DARK
|
||||
}
|
||||
skinparam title {
|
||||
FontColor $SECONDARY_TEXT
|
||||
BorderColor $SECONDARY
|
||||
FontSize 20
|
||||
BorderRoundCorner 8
|
||||
BorderThickness 1
|
||||
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
|
||||
}
|
||||
|
||||
|
||||
skinparam legend {
|
||||
BackgroundColor $PRIMARY
|
||||
BorderColor $PRIMARY_DARK
|
||||
FontColor $PRIMARY_TEXT
|
||||
}
|
||||
|
||||
!startsub swimlane
|
||||
skinparam swimlane {
|
||||
BorderColor $INFO
|
||||
BorderThickness 2
|
||||
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY
|
||||
TitleFontColor $PRIMARY
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub activity
|
||||
|
||||
skinparam activity {
|
||||
$primary_scheme()
|
||||
BarColor $SUCCESS
|
||||
StartColor $INFO
|
||||
EndColor $INFO
|
||||
''
|
||||
DiamondBackgroundColor $SECONDARY-$SECONDARY_DARK
|
||||
DiamondBorderColor $SECONDARY_DARK
|
||||
DiamondFontColor $SECONDARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub participant
|
||||
|
||||
skinparam participant {
|
||||
$primary_scheme()
|
||||
ParticipantBorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub actor
|
||||
|
||||
skinparam actor {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub arrow
|
||||
|
||||
skinparam arrow {
|
||||
Thickness 3
|
||||
Color $PRIMARY
|
||||
FontColor $FGCOLOR
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub sequence
|
||||
|
||||
skinparam sequence {
|
||||
BorderColor $PRIMARY
|
||||
' For some reason sequence title font color does not pick up from global
|
||||
TitleFontColor $SECONDARY_TEXT
|
||||
BackgroundColor $BGCOLOR
|
||||
StartColor $PRIMARY
|
||||
EndColor $PRIMARY
|
||||
''
|
||||
BoxBackgroundColor $BGCOLOR
|
||||
BoxBorderColor $GRAY
|
||||
BoxFontColor $DARK
|
||||
''
|
||||
LifeLineBorderColor $SECONDARY_DARK
|
||||
LifeLineBorderThickness 2
|
||||
LifeLineBackgroundColor $SECONDARY_LIGHT
|
||||
''
|
||||
GroupBorderColor $DARK
|
||||
GroupFontColor $DARK
|
||||
GroupHeaderFontColor $INFO_TEXT
|
||||
GroupBackgroundColor $BGCOLOR
|
||||
GroupBodyBackgroundColor $BGCOLOR
|
||||
GroupHeaderBackgroundColor $BGCOLOR
|
||||
''
|
||||
DividerBackgroundColor $WHITE-$LIGHT
|
||||
DividerBorderColor $GRAY
|
||||
DividerBorderThickness 2
|
||||
DividerFontColor $DARK
|
||||
''
|
||||
ReferenceBackgroundColor $BGCOLOR
|
||||
ReferenceBorderColor $GRAY
|
||||
ReferenceFontColor $DARK
|
||||
ReferenceHeaderFontColor $INFO
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub partition
|
||||
|
||||
skinparam partition {
|
||||
BorderColor $PRIMARY
|
||||
FontColor $PRIMARY_DARK
|
||||
BackgroundColor $BGCOLOR
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub collections
|
||||
|
||||
skinparam collections {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub control
|
||||
|
||||
skinparam control {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub entity
|
||||
|
||||
skinparam entity {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub boundary
|
||||
|
||||
skinparam boundary {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub agent
|
||||
|
||||
skinparam agent {
|
||||
BackgroundColor #orange
|
||||
BorderColor #999999
|
||||
FontColor #333333
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub note
|
||||
|
||||
skinparam note {
|
||||
BorderThickness 1
|
||||
BackgroundColor $INFO_LIGHT-$INFO
|
||||
BorderColor $INFO
|
||||
FontColor $WHITE
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub artifact
|
||||
|
||||
skinparam artifact {
|
||||
BackgroundColor white-$LIGHT
|
||||
BorderColor $SECONDARY_DARK
|
||||
FontColor $SECONDARY_DARK
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub component
|
||||
|
||||
skinparam component {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub interface
|
||||
|
||||
skinparam interface {
|
||||
BackgroundColor $DANGER_LIGHT
|
||||
BorderColor $DANGER
|
||||
FontColor $DARK
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub storage
|
||||
|
||||
skinparam storage {
|
||||
BackgroundColor $WARNING_LIGHT-$WARNING
|
||||
BorderColor $WARNING
|
||||
FontColor $WARNING_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub node
|
||||
|
||||
skinparam node {
|
||||
BackgroundColor $BGCOLOR
|
||||
BorderColor $PRIMARY_LIGHT
|
||||
FontColor $PRIMARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub cloud
|
||||
|
||||
skinparam cloud {
|
||||
BackgroundColor transparent
|
||||
BorderColor $F2FCFE
|
||||
FontColor $PRIMARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub database
|
||||
|
||||
skinparam database {
|
||||
$primary_scheme()
|
||||
BackgroundColor $BGCOLOR
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub class
|
||||
|
||||
skinparam class {
|
||||
$primary_scheme()
|
||||
HeaderBackgroundColor $PRIMARY_LIGHT-$PRIMARY_DARK
|
||||
StereotypeFontColor $DARK
|
||||
StereotypeFontSize 9
|
||||
BorderThickness 1
|
||||
AttributeFontColor $DARK
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub object
|
||||
|
||||
skinparam object {
|
||||
$primary_scheme()
|
||||
StereotypeFontColor $LIGHT
|
||||
BorderThickness 1
|
||||
AttributeFontColor $DARK
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub usecase
|
||||
|
||||
skinparam usecase {
|
||||
$primary_scheme()
|
||||
BorderThickness 2
|
||||
StereotypeFontColor $PRIMARY
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub rectangle
|
||||
|
||||
skinparam rectangle {
|
||||
$primary_scheme()
|
||||
BackgroundColor $BGCOLOR
|
||||
BorderThickness 2
|
||||
StereotypeFontColor $PRIMARY
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub package
|
||||
|
||||
skinparam package {
|
||||
$primary_scheme()
|
||||
BackgroundColor $BGCOLOR
|
||||
BorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub folder
|
||||
|
||||
skinparam folder {
|
||||
BackgroundColor $PRIMARY_LIGHT
|
||||
BorderColor $WARNING
|
||||
FontColor $WARNING
|
||||
BorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub frame
|
||||
|
||||
skinparam frame {
|
||||
BackgroundColor $PRIMARY_LIGHT
|
||||
BorderColor $INFO
|
||||
FontColor $INFO
|
||||
BorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub state
|
||||
|
||||
skinparam state {
|
||||
$primary_scheme()
|
||||
BorderColor $PRIMARY_DARK
|
||||
StartColor $INFO
|
||||
EndColor $INFO
|
||||
AttributeFontColor $SECONDARY_TEXT
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub queue
|
||||
|
||||
skinparam queue {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub card
|
||||
|
||||
skinparam card {
|
||||
BackgroundColor $INFO_LIGHT-$INFO
|
||||
BorderColor $INFO
|
||||
FontColor $INFO_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub file
|
||||
|
||||
skinparam file {
|
||||
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
|
||||
BorderColor $SECONDARY_DARK
|
||||
FontColor $SECONDARY_TEXT
|
||||
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub stack
|
||||
|
||||
skinparam stack {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
896
puml/lightgray/sequence-ex.svg
Normal file
896
puml/lightgray/sequence-ex.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 43 KiB |
828
puml/lightgray/state-ex.svg
Normal file
828
puml/lightgray/state-ex.svg
Normal file
@ -0,0 +1,828 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentScriptType="application/ecmascript" contentStyleType="text/css" height="1408.3333px" preserveAspectRatio="none" style="width:393px;height:1408px;background:#00000000;" version="1.1" viewBox="0 0 393 1408" width="393.75px" zoomAndPan="magnify"><defs><linearGradient id="g1k6ub2c5qgp3s0" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#DBDBDB"/><stop offset="100%" stop-color="#D2D2D2"/></linearGradient><linearGradient id="g1k6ub2c5qgp3s1" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#F3F3F3"/><stop offset="100%" stop-color="#E2E2E2"/></linearGradient></defs><g><rect fill="url(#g1k6ub2c5qgp3s0)" height="56.5694" rx="4.1667" ry="4.1667" style="stroke:#D2D2D2;stroke-width:1.0416666666666667;" width="381.25" x="2.0833" y="2.0833"/><text fill="#FFFFFF" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="343.75" x="20.8333" y="38.6536">State Diagram - lightgray theme</text><rect fill="#339933" height="8.3333" style="stroke:none;stroke-width:1.0416666666666667;" width="83.3333" x="157.2917" y="152.4028"/><ellipse cx="198.9583" cy="78.4444" fill="#336699" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="State2"><rect fill="url(#g1k6ub2c5qgp3s1)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#888888;stroke-width:1.5625;" width="85.4167" x="95.8333" y="224.2778"/><line style="stroke:#888888;stroke-width:1.5625;" x1="95.8333" x2="181.25" y1="270.7194" y2="270.7194"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="116.6667" y="252.4699">State2</text></g><g id="State3"><rect fill="url(#g1k6ub2c5qgp3s1)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#888888;stroke-width:1.5625;" width="85.4167" x="223.9583" y="224.2778"/><line style="stroke:#888888;stroke-width:1.5625;" x1="223.9583" x2="309.375" y1="270.7194" y2="270.7194"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="244.7917" y="252.4699">State3</text></g><rect fill="#339933" height="8.3333" style="stroke:none;stroke-width:1.0416666666666667;" width="83.3333" x="158.3333" y="402.4028"/><g id="State4"><rect fill="url(#g1k6ub2c5qgp3s1)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#888888;stroke-width:1.5625;" width="85.4167" x="157.2917" y="474.2778"/><line style="stroke:#888888;stroke-width:1.5625;" x1="157.2917" x2="242.7083" y1="520.7194" y2="520.7194"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="178.125" y="502.4699">State4</text></g><rect fill="url(#g1k6ub2c5qgp3s1)" height="786.8083" rx="13.0208" ry="13.0208" style="stroke:#888888;stroke-width:1.5625;" width="348.9583" x="25.5208" y="615.9444"/><rect height="734.1166" rx="13.0208" ry="13.0208" style="stroke:#00000000;stroke-width:1.0416666666666667;fill:none;" width="342.7083" x="28.6458" y="665.5111"/><line style="stroke:#888888;stroke-width:1.5625;fill:none;" x1="25.5208" x2="374.4792" y1="662.3861" y2="662.3861"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="38.5417" x="180.7292" y="644.1366">Active</text><ellipse cx="47.3958" cy="713.9486" fill="#336699" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="Active.NumLockOff"><rect fill="url(#g1k6ub2c5qgp3s1)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#888888;stroke-width:1.5625;" width="118.75" x="76.5625" y="674.8861"/><line style="stroke:#888888;stroke-width:1.5625;" x1="76.5625" x2="195.3125" y1="721.3277" y2="721.3277"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="77.0833" x="97.3958" y="703.0782">NumLockOff</text></g><g id="Active.NumLockOn"><rect fill="url(#g1k6ub2c5qgp3s1)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#888888;stroke-width:1.5625;" width="118.75" x="75.5208" y="828.0111"/><line style="stroke:#888888;stroke-width:1.5625;" x1="75.5208" x2="194.2708" y1="874.4527" y2="874.4527"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="77.0833" x="96.3542" y="856.2032">NumLockOn</text></g><!--MD5=[f1e44e9cdf7ed6fd162579f896fb76ea]
|
||||
link *start*Active to NumLockOff--><path d="M58.1146,713.9486 C62.3958,713.9486 66.6667,713.9486 70.9375,713.9486 " fill="none" id="*start*Active-to-NumLockOff" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="76.3542,713.9486,66.9792,709.7819,71.1458,713.9486,66.9792,718.1152,76.3542,713.9486" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[b6ef3c088f5474ecc81df30475e7d61b]
|
||||
link NumLockOff to NumLockOn--><path d="M76.1458,748.4486 C63.6042,756.7298 53.0625,765.1257 49.4792,771.7611 C41.5625,786.4277 41.6042,794.5736 49.4792,809.2611 C54.6875,818.9694 62.3646,827.3027 71.0208,834.3548 " fill="none" id="NumLockOff-to-NumLockOn" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="75.3333,837.7194,70.498,828.6711,71.2245,834.5187,65.3769,835.2452,75.3333,837.7194" style="stroke:#E2E2E2;stroke-width:3.125;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="127.0833" x="60.9375" y="795.7865">EvNumLockPressed</text><!--MD5=[3bfddee0d82dc74c927fbeb3d3f2e6a3]
|
||||
link NumLockOn to NumLockOff--><path d="M187.375,827.7819 C192.2396,822.1152 196.4688,815.9277 199.4792,809.2611 C206.3438,794.0736 206.2917,786.9694 199.4792,771.7611 C197.2604,766.8027 194.3646,762.0944 191.0417,757.6673 " fill="none" id="NumLockOn-to-NumLockOff" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="187.5833,753.3444,190.1597,763.2749,190.8261,757.4201,196.6808,758.0865,187.5833,753.3444" style="stroke:#E2E2E2;stroke-width:3.125;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="127.0833" x="216.1458" y="795.7865">EvNumLockPressed</text><line style="stroke:#888888;stroke-width:1.5625;stroke-dasharray:8.0,10.0;" x1="30.7292" x2="367.1875" y1="910.9111" y2="910.9111"/><ellipse cx="47.3958" cy="957.2652" fill="#336699" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="Active.CONC87.CapsLockOff"><rect fill="url(#g1k6ub2c5qgp3s1)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#888888;stroke-width:1.5625;" width="122.9167" x="76.5625" y="918.2027"/><line style="stroke:#888888;stroke-width:1.5625;" x1="76.5625" x2="199.4792" y1="964.6444" y2="964.6444"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="81.25" x="97.3958" y="946.3949">CapsLockOff</text></g><g id="Active.CONC87.CapsLockOn"><rect fill="url(#g1k6ub2c5qgp3s1)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#888888;stroke-width:1.5625;" width="122.9167" x="75.5208" y="1071.3277"/><line style="stroke:#888888;stroke-width:1.5625;" x1="75.5208" x2="198.4375" y1="1117.7694" y2="1117.7694"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="81.25" x="96.3542" y="1099.5199">CapsLockOn</text></g><!--MD5=[70bdb58272bc1a7d9e9d21dfe0316432]
|
||||
link *start*CONC87 to CapsLockOff--><path d="M58.0208,957.2652 C62.3333,957.2652 66.6563,957.2652 70.9792,957.2652 " fill="none" id="*start*CONC87-to-CapsLockOff" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="76.4583,957.2652,67.0833,953.0986,71.25,957.2652,67.0833,961.4319,76.4583,957.2652" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[dc4675bd3056f3ef68701d9e8e02a3f3]
|
||||
link CapsLockOff to CapsLockOn--><path d="M76.3438,991.9319 C63.6979,1000.1194 53.1146,1008.4319 49.4792,1015.0777 C41.4792,1029.7027 41.5208,1037.9319 49.4792,1052.5777 C54.6771,1062.1506 62.2708,1070.359 70.8333,1077.3173 " fill="none" id="CapsLockOff-to-CapsLockOn" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="75.1146,1080.6298,70.2634,1071.59,71.0002,1077.4363,65.1539,1078.173,75.1146,1080.6298" style="stroke:#E2E2E2;stroke-width:3.125;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="60.9375" y="1039.1032">EvCapsLockPressed</text><!--MD5=[79e17b083e07746bd1a647600952cab6]
|
||||
link CapsLockOn to CapsLockOff--><path d="M191.125,1071.2861 C196.1563,1065.5986 200.5208,1059.3381 203.6458,1052.5777 C210.6354,1037.4423 210.5729,1030.234 203.6458,1015.0777 C201.2917,1009.9423 198.2292,1005.0881 194.6979,1000.5465 " fill="none" id="CapsLockOn-to-CapsLockOff" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="191.3333,996.4631,194.069,1006.3509,194.6412,1000.4862,200.5059,1001.0584,191.3333,996.4631" style="stroke:#E2E2E2;stroke-width:3.125;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="221.3542" y="1039.1032">EvCapsLockPressed</text><line style="stroke:#888888;stroke-width:1.5625;stroke-dasharray:8.0,10.0;" x1="30.7292" x2="367.1875" y1="1154.2277" y2="1154.2277"/><ellipse cx="47.3958" cy="1200.5819" fill="#336699" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="Active.CONC95.ScrollLockOff"><rect fill="url(#g1k6ub2c5qgp3s1)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#888888;stroke-width:1.5625;" width="123.9583" x="77.0833" y="1161.5194"/><line style="stroke:#888888;stroke-width:1.5625;" x1="77.0833" x2="201.0417" y1="1207.961" y2="1207.961"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="82.2917" x="97.9167" y="1189.7115">ScrollLockOff</text></g><g id="Active.CONC95.ScrollLockOn"><rect fill="url(#g1k6ub2c5qgp3s1)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#888888;stroke-width:1.5625;" width="123.9583" x="77.0833" y="1314.6444"/><line style="stroke:#888888;stroke-width:1.5625;" x1="77.0833" x2="201.0417" y1="1361.086" y2="1361.086"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="82.2917" x="97.9167" y="1342.8365">ScrollLockOn</text></g><!--MD5=[8676698f49c1acec7e35e8e65e103748]
|
||||
link *start*CONC95 to ScrollLockOff--><path d="M58.1354,1200.5819 C62.6042,1200.5819 67.0729,1200.5819 71.5417,1200.5819 " fill="none" id="*start*CONC95-to-ScrollLockOff" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="76.7917,1200.5819,67.4167,1196.4152,71.5833,1200.5819,67.4167,1204.7485,76.7917,1200.5819" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[da4e1e55b4a6de250eca2c82023085fa]
|
||||
link ScrollLockOff to ScrollLockOn--><path d="M76.7604,1236.2069 C64.8646,1244.1027 55.0208,1252.0298 51.5625,1258.3944 C43.6042,1273.0402 43.6042,1281.2485 51.5625,1295.8944 C56.6875,1305.3319 64.1354,1313.436 72.5521,1320.3319 " fill="none" id="ScrollLockOff-to-ScrollLockOn" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="76.75,1323.6235,71.9306,1314.5667,72.6468,1320.4156,66.798,1321.1318,76.75,1323.6235" style="stroke:#E2E2E2;stroke-width:3.125;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="63.0208" y="1282.4198">EvCapsLockPressed</text><!--MD5=[6ad2c621f2407b82317910f4deb17639]
|
||||
link ScrollLockOn to ScrollLockOff--><path d="M193.2083,1314.6027 C198.2396,1308.9152 202.6042,1302.6548 205.7292,1295.8944 C212.7188,1280.759 212.7188,1273.5298 205.7292,1258.3944 C203.3333,1253.2173 200.2188,1248.3423 196.625,1243.7798 " fill="none" id="ScrollLockOn-to-ScrollLockOff" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="193.2083,1239.686,196.0055,1249.5566,196.5412,1243.6884,202.4093,1244.224,193.2083,1239.686" style="stroke:#E2E2E2;stroke-width:3.125;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="222.3958" y="1282.4198">EvCapsLockPressed</text><!--MD5=[242ad121cef04112e9b0ee8f25f52375]
|
||||
link *start to fork_state--><path d="M198.9583,89.1215 C198.9583,103.9548 198.9583,132.1736 198.9583,146.5798 " fill="none" id="*start-to-fork_state" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="198.9583,152.1319,203.125,142.7569,198.9583,146.9236,194.7917,142.7569,198.9583,152.1319" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[44dd36eb382d4fffd186e8c447a61da0]
|
||||
link fork_state to State2--><path d="M196.9479,161.0903 C191.6354,170.309 176.6875,196.2048 163.2396,219.5069 " fill="none" id="fork_state-to-State2" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="160.5729,224.1215,168.8698,218.0871,163.1778,219.6114,161.6536,213.9193,160.5729,224.1215" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[43d4d70f9cd19f132a5eb1ce9d85c890]
|
||||
link fork_state to State3--><path d="M201.2083,161.0903 C207.1667,170.309 223.9271,196.2048 238.9896,219.5069 " fill="none" id="fork_state-to-State3" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="241.9688,224.1215,240.3797,213.9861,239.1418,219.7471,233.3807,218.5092,241.9688,224.1215" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[8cf5ef3a64654818495211b4c165bd62]
|
||||
link State2 to join_state--><path d="M121.5104,302.6736 C114.6146,324.3403 110.9688,351.0278 123.9583,371.1528 C134.8542,388.0278 156.25,396.7153 173.5833,401.1215 " fill="none" id="State2-to-join_state" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="178.8125,402.3611,170.6542,396.1406,173.7452,401.1574,168.7284,404.2483,178.8125,402.3611" style="stroke:#E2E2E2;stroke-width:3.125;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="98.9583" x="135.4167" y="357.6782">some message</text><!--MD5=[183fde86cac17ac230b97143534e47db]
|
||||
link State3 to join_state--><path d="M267.9271,302.5278 C266.9583,324.1319 262.7917,350.8298 250,371.1528 C241.3438,384.9132 224.9479,394.5798 213.2917,400.0798 " fill="none" id="State3-to-join_state" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="208.3125,402.3194,218.5717,402.2986,213.0676,400.1945,215.1718,394.6904,208.3125,402.3194" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[1e473d623208eebf6d5ebd6e9bc5a11d]
|
||||
link join_state to State4--><path d="M200,411.0903 C200,420.1944 200,445.5694 200,468.6319 " fill="none" id="join_state-to-State4" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="200,474.1215,204.1667,464.7465,200,468.9132,195.8333,464.7465,200,474.1215" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[0a70b1a7cf318979336334b4227eefe4]
|
||||
link State4 to Active--><path d="M200,552.7153 C200,568.3403 200,588.0278 200,610.3819 " fill="none" id="State4-to-Active" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="200,615.809,204.1667,606.434,200,610.6007,195.8333,606.434,200,615.809" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[00cde697a8a665febd43df1ca8786efe]
|
||||
@startuml
|
||||
|
||||
!$THEME = "lightgray"
|
||||
|
||||
!if %not(%variable_exists("$BGCOLOR"))
|
||||
!$BGCOLOR = "transparent"
|
||||
!endif
|
||||
|
||||
skinparam backgroundColor $BGCOLOR
|
||||
skinparam useBetaStyle false
|
||||
|
||||
!$WHITE = "#FFF"
|
||||
!$GRAY_DARK = "#4d4d4d"
|
||||
!$GRAY = "#737373"
|
||||
!$LIGHT = "#fcfcfc"
|
||||
!$DARK = "#303030"
|
||||
|
||||
!$FGCOLOR = $DARK
|
||||
!$PRIMARY = "#e2e2e2"
|
||||
!$PRIMARY_LIGHT = "#f3f3f3"
|
||||
!$PRIMARY_DARK = "#888888"
|
||||
!$PRIMARY_TEXT = "#336699"
|
||||
!$SECONDARY = "#d2d2d2"
|
||||
!$SECONDARY_LIGHT = "#dbdbdb"
|
||||
!$SECONDARY_DARK = "#a8a8a8"
|
||||
!$SECONDARY_TEXT = "white"
|
||||
!$INFO = "#336699"
|
||||
!$INFO_LIGHT = "#5c85ad"
|
||||
!$INFO_DARK = "#29527a"
|
||||
!$INFO_TEXT = $WHITE
|
||||
!$SUCCESS = "#339933"
|
||||
!$SUCCESS_LIGHT = "#5cad5c"
|
||||
!$SUCCESS_DARK = "#297a29"
|
||||
!$SUCCESS_TEXT = $WHITE
|
||||
!$WARNING = "#ffae42"
|
||||
!$WARNING_LIGHT = "#ffbe68"
|
||||
!$WARNING_DARK = "#cc8b35"
|
||||
!$WARNING_TEXT = $WHITE
|
||||
!$DANGER = "#ff3333"
|
||||
!$DANGER_LIGHT = "#ff5c5c"
|
||||
!$DANGER_DARK = "#cc2929"
|
||||
!$DANGER_TEXT = $WHITE
|
||||
|
||||
!procedure $success($msg)
|
||||
<font color=$SUCCESS><b>$msg
|
||||
!endprocedure
|
||||
|
||||
!procedure $failure($msg)
|
||||
<font color=$DANGER><b>$msg
|
||||
!endprocedure
|
||||
|
||||
!procedure $warning($msg)
|
||||
<font color=$WARNING><b>$msg
|
||||
!endprocedure
|
||||
|
||||
!procedure $primary_scheme()
|
||||
FontColor $PRIMARY_TEXT
|
||||
BorderColor $PRIMARY_LIGHT
|
||||
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
|
||||
!endprocedure
|
||||
|
||||
skinparam defaultFontName "Verdana"
|
||||
skinparam defaultFontSize 12
|
||||
skinparam dpi 100
|
||||
skinparam shadowing false
|
||||
skinparam roundcorner 15
|
||||
skinparam ParticipantPadding 30
|
||||
skinparam BoxPadding 30
|
||||
skinparam Padding 10
|
||||
skinparam ArrowColor $GRAY
|
||||
skinparam stereotype {
|
||||
CBackgroundColor $SECONDARY_LIGHT
|
||||
CBorderColor $SECONDARY_DARK
|
||||
ABackgroundColor $SUCCESS_LIGHT
|
||||
ABorderColor $SUCCESS_DARK
|
||||
IBackgroundColor $DANGER_LIGHT
|
||||
IBorderColor $DANGER_DARK
|
||||
EBackgroundColor $WARNING_LIGHT
|
||||
EBorderColor $WARNING_DARK
|
||||
NBackgroundColor $INFO_LIGHT
|
||||
NBorderColor $INFO_DARK
|
||||
}
|
||||
skinparam title {
|
||||
FontColor $SECONDARY_TEXT
|
||||
BorderColor $SECONDARY
|
||||
FontSize 20
|
||||
BorderRoundCorner 8
|
||||
BorderThickness 1
|
||||
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
|
||||
}
|
||||
|
||||
|
||||
skinparam legend {
|
||||
BackgroundColor $PRIMARY
|
||||
BorderColor $PRIMARY_DARK
|
||||
FontColor $PRIMARY_TEXT
|
||||
}
|
||||
|
||||
!startsub swimlane
|
||||
skinparam swimlane {
|
||||
BorderColor $INFO
|
||||
BorderThickness 2
|
||||
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY
|
||||
TitleFontColor $PRIMARY
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub activity
|
||||
|
||||
skinparam activity {
|
||||
$primary_scheme()
|
||||
BarColor $SUCCESS
|
||||
StartColor $INFO
|
||||
EndColor $INFO
|
||||
DiamondBackgroundColor $SECONDARY-$SECONDARY_DARK
|
||||
DiamondBorderColor $SECONDARY_DARK
|
||||
DiamondFontColor $SECONDARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub participant
|
||||
|
||||
skinparam participant {
|
||||
$primary_scheme()
|
||||
ParticipantBorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub actor
|
||||
|
||||
skinparam actor {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub arrow
|
||||
|
||||
skinparam arrow {
|
||||
Thickness 3
|
||||
Color $PRIMARY
|
||||
FontColor $FGCOLOR
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub sequence
|
||||
|
||||
skinparam sequence {
|
||||
BorderColor $PRIMARY
|
||||
TitleFontColor $SECONDARY_TEXT
|
||||
BackgroundColor $BGCOLOR
|
||||
StartColor $PRIMARY
|
||||
EndColor $PRIMARY
|
||||
BoxBackgroundColor $BGCOLOR
|
||||
BoxBorderColor $GRAY
|
||||
BoxFontColor $DARK
|
||||
LifeLineBorderColor $SECONDARY_DARK
|
||||
LifeLineBorderThickness 2
|
||||
LifeLineBackgroundColor $SECONDARY_LIGHT
|
||||
GroupBorderColor $DARK
|
||||
GroupFontColor $DARK
|
||||
GroupHeaderFontColor $INFO_TEXT
|
||||
GroupBackgroundColor $BGCOLOR
|
||||
GroupBodyBackgroundColor $BGCOLOR
|
||||
GroupHeaderBackgroundColor $BGCOLOR
|
||||
DividerBackgroundColor $WHITE-$LIGHT
|
||||
DividerBorderColor $GRAY
|
||||
DividerBorderThickness 2
|
||||
DividerFontColor $DARK
|
||||
ReferenceBackgroundColor $BGCOLOR
|
||||
ReferenceBorderColor $GRAY
|
||||
ReferenceFontColor $DARK
|
||||
ReferenceHeaderFontColor $INFO
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub partition
|
||||
|
||||
skinparam partition {
|
||||
BorderColor $PRIMARY
|
||||
FontColor $PRIMARY_DARK
|
||||
BackgroundColor $BGCOLOR
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub collections
|
||||
|
||||
skinparam collections {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub control
|
||||
|
||||
skinparam control {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub entity
|
||||
|
||||
skinparam entity {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub boundary
|
||||
|
||||
skinparam boundary {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub agent
|
||||
|
||||
skinparam agent {
|
||||
BackgroundColor #orange
|
||||
BorderColor #999999
|
||||
FontColor #333333
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub note
|
||||
|
||||
skinparam note {
|
||||
BorderThickness 1
|
||||
BackgroundColor $INFO_LIGHT-$INFO
|
||||
BorderColor $INFO
|
||||
FontColor $WHITE
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub artifact
|
||||
|
||||
skinparam artifact {
|
||||
BackgroundColor white-$LIGHT
|
||||
BorderColor $SECONDARY_DARK
|
||||
FontColor $SECONDARY_DARK
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub component
|
||||
|
||||
skinparam component {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub interface
|
||||
|
||||
skinparam interface {
|
||||
BackgroundColor $DANGER_LIGHT
|
||||
BorderColor $DANGER
|
||||
FontColor $DARK
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub storage
|
||||
|
||||
skinparam storage {
|
||||
BackgroundColor $WARNING_LIGHT-$WARNING
|
||||
BorderColor $WARNING
|
||||
FontColor $WARNING_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub node
|
||||
|
||||
skinparam node {
|
||||
BackgroundColor $BGCOLOR
|
||||
BorderColor $PRIMARY_LIGHT
|
||||
FontColor $PRIMARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub cloud
|
||||
|
||||
skinparam cloud {
|
||||
BackgroundColor transparent
|
||||
BorderColor $F2FCFE
|
||||
FontColor $PRIMARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub database
|
||||
|
||||
skinparam database {
|
||||
$primary_scheme()
|
||||
BackgroundColor $BGCOLOR
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub class
|
||||
|
||||
skinparam class {
|
||||
$primary_scheme()
|
||||
HeaderBackgroundColor $PRIMARY_LIGHT-$PRIMARY_DARK
|
||||
StereotypeFontColor $DARK
|
||||
StereotypeFontSize 9
|
||||
BorderThickness 1
|
||||
AttributeFontColor $DARK
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub object
|
||||
|
||||
skinparam object {
|
||||
$primary_scheme()
|
||||
StereotypeFontColor $LIGHT
|
||||
BorderThickness 1
|
||||
AttributeFontColor $DARK
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub usecase
|
||||
|
||||
skinparam usecase {
|
||||
$primary_scheme()
|
||||
BorderThickness 2
|
||||
StereotypeFontColor $PRIMARY
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub rectangle
|
||||
|
||||
skinparam rectangle {
|
||||
$primary_scheme()
|
||||
BackgroundColor $BGCOLOR
|
||||
BorderThickness 2
|
||||
StereotypeFontColor $PRIMARY
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub package
|
||||
|
||||
skinparam package {
|
||||
$primary_scheme()
|
||||
BackgroundColor $BGCOLOR
|
||||
BorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub folder
|
||||
|
||||
skinparam folder {
|
||||
BackgroundColor $PRIMARY_LIGHT
|
||||
BorderColor $WARNING
|
||||
FontColor $WARNING
|
||||
BorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub frame
|
||||
|
||||
skinparam frame {
|
||||
BackgroundColor $PRIMARY_LIGHT
|
||||
BorderColor $INFO
|
||||
FontColor $INFO
|
||||
BorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub state
|
||||
|
||||
skinparam state {
|
||||
$primary_scheme()
|
||||
BorderColor $PRIMARY_DARK
|
||||
StartColor $INFO
|
||||
EndColor $INFO
|
||||
AttributeFontColor $SECONDARY_TEXT
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub queue
|
||||
|
||||
skinparam queue {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub card
|
||||
|
||||
skinparam card {
|
||||
BackgroundColor $INFO_LIGHT-$INFO
|
||||
BorderColor $INFO
|
||||
FontColor $INFO_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub file
|
||||
|
||||
skinparam file {
|
||||
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
|
||||
BorderColor $SECONDARY_DARK
|
||||
FontColor $SECONDARY_TEXT
|
||||
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub stack
|
||||
|
||||
skinparam stack {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!if %variable_exists("$THEME")
|
||||
title State Diagram - $THEME theme
|
||||
!else
|
||||
title State Diagram
|
||||
!endif
|
||||
|
||||
'skinparam BackgroundColor transparent
|
||||
|
||||
state fork_state <<fork>>
|
||||
[*] - -> fork_state
|
||||
fork_state - -> State2
|
||||
fork_state - -> State3
|
||||
|
||||
state join_state <<join>>
|
||||
State2 - -> join_state: some message
|
||||
State3 - -> join_state
|
||||
join_state - -> State4
|
||||
State4 - -> Active
|
||||
|
||||
state Active {
|
||||
[*] -> NumLockOff
|
||||
NumLockOff - -> NumLockOn : EvNumLockPressed
|
||||
NumLockOn - -> NumLockOff : EvNumLockPressed
|
||||
- -
|
||||
[*] -> CapsLockOff
|
||||
CapsLockOff - -> CapsLockOn : EvCapsLockPressed
|
||||
CapsLockOn - -> CapsLockOff : EvCapsLockPressed
|
||||
- -
|
||||
[*] -> ScrollLockOff
|
||||
ScrollLockOff - -> ScrollLockOn : EvCapsLockPressed
|
||||
ScrollLockOn - -> ScrollLockOff : EvCapsLockPressed
|
||||
}
|
||||
|
||||
@enduml
|
||||
|
||||
@startuml
|
||||
|
||||
|
||||
|
||||
skinparam backgroundColor transparent
|
||||
skinparam useBetaStyle false
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
skinparam defaultFontName "Verdana"
|
||||
skinparam defaultFontSize 12
|
||||
skinparam dpi 100
|
||||
skinparam shadowing false
|
||||
skinparam roundcorner 15
|
||||
skinparam ParticipantPadding 30
|
||||
skinparam BoxPadding 30
|
||||
skinparam Padding 10
|
||||
skinparam ArrowColor #737373
|
||||
skinparam stereotype {
|
||||
CBackgroundColor #dbdbdb
|
||||
CBorderColor #a8a8a8
|
||||
ABackgroundColor #5cad5c
|
||||
ABorderColor #297a29
|
||||
IBackgroundColor #ff5c5c
|
||||
IBorderColor #cc2929
|
||||
EBackgroundColor #ffbe68
|
||||
EBorderColor #cc8b35
|
||||
NBackgroundColor #5c85ad
|
||||
NBorderColor #29527a
|
||||
}
|
||||
skinparam title {
|
||||
FontColor white
|
||||
BorderColor #d2d2d2
|
||||
FontSize 20
|
||||
BorderRoundCorner 8
|
||||
BorderThickness 1
|
||||
BackgroundColor #dbdbdb-#d2d2d2
|
||||
}
|
||||
|
||||
|
||||
skinparam legend {
|
||||
BackgroundColor #e2e2e2
|
||||
BorderColor #888888
|
||||
FontColor #336699
|
||||
}
|
||||
|
||||
skinparam swimlane {
|
||||
BorderColor #336699
|
||||
BorderThickness 2
|
||||
TitleBackgroundColor #dbdbdb-#d2d2d2
|
||||
TitleFontColor #e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam activity {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
BarColor #339933
|
||||
StartColor #336699
|
||||
EndColor #336699
|
||||
DiamondBackgroundColor #d2d2d2-#a8a8a8
|
||||
DiamondBorderColor #a8a8a8
|
||||
DiamondFontColor white
|
||||
}
|
||||
|
||||
|
||||
skinparam participant {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
ParticipantBorderThickness 2
|
||||
}
|
||||
|
||||
|
||||
skinparam actor {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam arrow {
|
||||
Thickness 3
|
||||
Color #e2e2e2
|
||||
FontColor #303030
|
||||
}
|
||||
|
||||
|
||||
skinparam sequence {
|
||||
BorderColor #e2e2e2
|
||||
TitleFontColor white
|
||||
BackgroundColor transparent
|
||||
StartColor #e2e2e2
|
||||
EndColor #e2e2e2
|
||||
BoxBackgroundColor transparent
|
||||
BoxBorderColor #737373
|
||||
BoxFontColor #303030
|
||||
LifeLineBorderColor #a8a8a8
|
||||
LifeLineBorderThickness 2
|
||||
LifeLineBackgroundColor #dbdbdb
|
||||
GroupBorderColor #303030
|
||||
GroupFontColor #303030
|
||||
GroupHeaderFontColor #FFF
|
||||
GroupBackgroundColor transparent
|
||||
GroupBodyBackgroundColor transparent
|
||||
GroupHeaderBackgroundColor transparent
|
||||
DividerBackgroundColor #FFF-#fcfcfc
|
||||
DividerBorderColor #737373
|
||||
DividerBorderThickness 2
|
||||
DividerFontColor #303030
|
||||
ReferenceBackgroundColor transparent
|
||||
ReferenceBorderColor #737373
|
||||
ReferenceFontColor #303030
|
||||
ReferenceHeaderFontColor #336699
|
||||
}
|
||||
|
||||
|
||||
skinparam partition {
|
||||
BorderColor #e2e2e2
|
||||
FontColor #888888
|
||||
BackgroundColor transparent
|
||||
}
|
||||
|
||||
|
||||
skinparam collections {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam control {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam entity {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam boundary {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam agent {
|
||||
BackgroundColor #orange
|
||||
BorderColor #999999
|
||||
FontColor #333333
|
||||
}
|
||||
|
||||
|
||||
skinparam note {
|
||||
BorderThickness 1
|
||||
BackgroundColor #5c85ad-#336699
|
||||
BorderColor #336699
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
|
||||
skinparam artifact {
|
||||
BackgroundColor white-#fcfcfc
|
||||
BorderColor #a8a8a8
|
||||
FontColor #a8a8a8
|
||||
}
|
||||
|
||||
|
||||
skinparam component {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam interface {
|
||||
BackgroundColor #ff5c5c
|
||||
BorderColor #ff3333
|
||||
FontColor #303030
|
||||
}
|
||||
|
||||
|
||||
skinparam storage {
|
||||
BackgroundColor #ffbe68-#ffae42
|
||||
BorderColor #ffae42
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
|
||||
skinparam node {
|
||||
BackgroundColor transparent
|
||||
BorderColor #f3f3f3
|
||||
FontColor #336699
|
||||
}
|
||||
|
||||
|
||||
skinparam cloud {
|
||||
BackgroundColor transparent
|
||||
BorderColor $F2FCFE
|
||||
FontColor #336699
|
||||
}
|
||||
|
||||
|
||||
skinparam database {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
BackgroundColor transparent
|
||||
}
|
||||
|
||||
|
||||
skinparam class {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
HeaderBackgroundColor #f3f3f3-#888888
|
||||
StereotypeFontColor #303030
|
||||
StereotypeFontSize 9
|
||||
BorderThickness 1
|
||||
AttributeFontColor #303030
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
|
||||
skinparam object {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
StereotypeFontColor #fcfcfc
|
||||
BorderThickness 1
|
||||
AttributeFontColor #303030
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
|
||||
skinparam usecase {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
BorderThickness 2
|
||||
StereotypeFontColor #e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam rectangle {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
BackgroundColor transparent
|
||||
BorderThickness 2
|
||||
StereotypeFontColor #e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam package {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
BackgroundColor transparent
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
|
||||
skinparam folder {
|
||||
BackgroundColor #f3f3f3
|
||||
BorderColor #ffae42
|
||||
FontColor #ffae42
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
|
||||
skinparam frame {
|
||||
BackgroundColor #f3f3f3
|
||||
BorderColor #336699
|
||||
FontColor #336699
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
|
||||
skinparam state {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
BorderColor #888888
|
||||
StartColor #336699
|
||||
EndColor #336699
|
||||
AttributeFontColor white
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
|
||||
skinparam queue {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam card {
|
||||
BackgroundColor #5c85ad-#336699
|
||||
BorderColor #336699
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
|
||||
skinparam file {
|
||||
BackgroundColor #dbdbdb-#d2d2d2
|
||||
BorderColor #a8a8a8
|
||||
FontColor white
|
||||
|
||||
}
|
||||
|
||||
|
||||
skinparam stack {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
title State Diagram - lightgray theme
|
||||
|
||||
|
||||
state fork_state <<fork>>
|
||||
[*] - -> fork_state
|
||||
fork_state - -> State2
|
||||
fork_state - -> State3
|
||||
|
||||
state join_state <<join>>
|
||||
State2 - -> join_state: some message
|
||||
State3 - -> join_state
|
||||
join_state - -> State4
|
||||
State4 - -> Active
|
||||
|
||||
state Active {
|
||||
[*] -> NumLockOff
|
||||
NumLockOff - -> NumLockOn : EvNumLockPressed
|
||||
NumLockOn - -> NumLockOff : EvNumLockPressed
|
||||
- -
|
||||
[*] -> CapsLockOff
|
||||
CapsLockOff - -> CapsLockOn : EvCapsLockPressed
|
||||
CapsLockOn - -> CapsLockOff : EvCapsLockPressed
|
||||
- -
|
||||
[*] -> ScrollLockOff
|
||||
ScrollLockOff - -> ScrollLockOn : EvCapsLockPressed
|
||||
ScrollLockOn - -> ScrollLockOff : EvCapsLockPressed
|
||||
}
|
||||
|
||||
@enduml
|
||||
|
||||
PlantUML version 1.2021.01(Mon Feb 01 23:55:08 PST 2021)
|
||||
(GPL source distribution)
|
||||
Java Runtime: OpenJDK Runtime Environment
|
||||
JVM: OpenJDK 64-Bit Server VM
|
||||
Default Encoding: UTF-8
|
||||
Language: en
|
||||
Country: US
|
||||
--></g></svg>
|
||||
|
After Width: | Height: | Size: 28 KiB |
781
puml/lightgray/swimlane-ex.svg
Normal file
781
puml/lightgray/swimlane-ex.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 21 KiB |
795
puml/lightgray/usecase-ex.svg
Normal file
795
puml/lightgray/usecase-ex.svg
Normal file
@ -0,0 +1,795 @@
|
||||
<?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="537.5px" preserveAspectRatio="none" style="width:421px;height:537px;background:#00000000;" version="1.1" viewBox="0 0 421 537" width="421.875px" zoomAndPan="magnify"><defs><linearGradient id="gcxfh16lkfc6r0" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#DBDBDB"/><stop offset="100%" stop-color="#D2D2D2"/></linearGradient><linearGradient id="gcxfh16lkfc6r1" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#F3F3F3"/><stop offset="100%" stop-color="#E2E2E2"/></linearGradient></defs><g><rect fill="url(#gcxfh16lkfc6r0)" height="56.5694" rx="4.1667" ry="4.1667" style="stroke:#D2D2D2;stroke-width:1.0416666666666667;" width="409.375" x="2.0833" y="2.0833"/><text fill="#FFFFFF" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="371.875" x="20.8333" y="38.6536">Usecase Diagram - lightgray theme</text><!--MD5=[111002b242a260edbcaabc3e471064d0]
|
||||
cluster checkout--><rect height="392.7083" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:2.0833333333333335;fill:none;" width="168.75" x="144.2708" y="69.0694"/><text fill="#336699" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="61.4583" x="197.9167" y="94.1366">checkout</text><ellipse cx="228.8806" cy="284.6471" fill="url(#gcxfh16lkfc6r1)" rx="67.9431" ry="28.5985" style="stroke:#F3F3F3;stroke-width:2.0833333333333335;"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="58.3333" x="199.714" y="287.5351">checkout</text><ellipse cx="228.6649" cy="153.3971" fill="url(#gcxfh16lkfc6r1)" rx="67.2066" ry="28.5985" style="stroke:#F3F3F3;stroke-width:2.0833333333333335;"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="57.2917" x="200.0191" y="156.2851">payment</text><ellipse cx="228.8743" cy="415.8971" fill="url(#gcxfh16lkfc6r1)" rx="46.5826" ry="28.5985" style="stroke:#F3F3F3;stroke-width:2.0833333333333335;"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="28.125" x="214.8118" y="418.7851">help</text><!--MD5=[92848cbaf65985a669855153c5362c37]
|
||||
entity customer--><ellipse cx="54.6875" cy="244.0694" fill="url(#gcxfh16lkfc6r1)" rx="8.3333" ry="8.3333" style="stroke:#F3F3F3;stroke-width:1.5625;"/><path d="M54.6875,252.4028 L54.6875,280.5278 M41.1458,260.7361 L68.2292,260.7361 M54.6875,280.5278 L41.1458,296.1528 M54.6875,280.5278 L68.2292,296.1528 " fill="none" style="stroke:#F3F3F3;stroke-width:1.5625;"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="60.4167" x="24.4792" y="321.7407">customer</text><!--MD5=[ebeabf449828f4e0b33bbb47961e644b]
|
||||
entity clerk--><ellipse cx="387.5" cy="244.0694" fill="url(#gcxfh16lkfc6r1)" rx="8.3333" ry="8.3333" style="stroke:#F3F3F3;stroke-width:1.5625;"/><path d="M387.5,252.4028 L387.5,280.5278 M373.9583,260.7361 L401.0417,260.7361 M387.5,280.5278 L373.9583,296.1528 M387.5,280.5278 L401.0417,296.1528 " fill="none" style="stroke:#F3F3F3;stroke-width:1.5625;"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="30.2083" x="372.3958" y="321.7407">clerk</text><!--MD5=[852381a7bb976b86080137fb6d718ea9]
|
||||
link customer to checkout--><path d="M95.5938,284.6944 C114.9271,284.6944 138.6875,284.6944 160.6875,284.6944 " fill="none" id="customer-checkout" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[3ad5c6d5c608bfd6b87dc9c07c40a15f]
|
||||
link checkout to payment--><path d="M228.6458,255.8923 C228.6458,235.7153 228.6458,208.684 228.6458,187.4444 " fill="none" id="checkout-to-payment" style="stroke:#E2E2E2;stroke-width:3.125;stroke-dasharray:7.0,7.0;"/><polygon fill="#E2E2E2" points="228.6458,182.184,224.4792,191.559,228.6458,187.3923,232.8125,191.559,228.6458,182.184" style="stroke:#E2E2E2;stroke-width:3.125;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="45.8333" x="183.8542" y="224.3449">include</text><!--MD5=[739e7928149c8fe27c2b5850560351c7]
|
||||
link help to checkout--><path d="M228.6458,387.1423 C228.6458,366.9653 228.6458,339.934 228.6458,318.6944 " fill="none" id="help-to-checkout" style="stroke:#E2E2E2;stroke-width:3.125;stroke-dasharray:7.0,7.0;"/><polygon fill="#E2E2E2" points="228.6458,313.434,224.4792,322.809,228.6458,318.6423,232.8125,322.809,228.6458,313.434" style="stroke:#E2E2E2;stroke-width:3.125;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="53.125" x="180.2083" y="355.5949">extends</text><!--MD5=[b4c4ee8f2d94c159d2b9e04bd372cbe0]
|
||||
link checkout to clerk--><path d="M296.625,284.6944 C319.7604,284.6944 344.2604,284.6944 361.8125,284.6944 " fill="none" id="checkout-clerk" style="stroke:#E2E2E2;stroke-width:3.125;"/><rect fill="#E2E2E2" height="46.4417" rx="5.2083" ry="5.2083" style="stroke:#888888;stroke-width:1.0416666666666667;" width="145.8333" x="133.8542" y="475.3194"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="112.5" x="150.5208" y="503.5116">This is my legend</text><!--MD5=[b62bea1892b38927d620ae065bf104de]
|
||||
@startuml
|
||||
|
||||
!$THEME = "lightgray"
|
||||
|
||||
!if %not(%variable_exists("$BGCOLOR"))
|
||||
!$BGCOLOR = "transparent"
|
||||
!endif
|
||||
|
||||
skinparam backgroundColor $BGCOLOR
|
||||
skinparam useBetaStyle false
|
||||
|
||||
!$WHITE = "#FFF"
|
||||
!$GRAY_DARK = "#4d4d4d"
|
||||
!$GRAY = "#737373"
|
||||
!$LIGHT = "#fcfcfc"
|
||||
!$DARK = "#303030"
|
||||
|
||||
!$FGCOLOR = $DARK
|
||||
!$PRIMARY = "#e2e2e2"
|
||||
!$PRIMARY_LIGHT = "#f3f3f3"
|
||||
!$PRIMARY_DARK = "#888888"
|
||||
!$PRIMARY_TEXT = "#336699"
|
||||
!$SECONDARY = "#d2d2d2"
|
||||
!$SECONDARY_LIGHT = "#dbdbdb"
|
||||
!$SECONDARY_DARK = "#a8a8a8"
|
||||
!$SECONDARY_TEXT = "white"
|
||||
!$INFO = "#336699"
|
||||
!$INFO_LIGHT = "#5c85ad"
|
||||
!$INFO_DARK = "#29527a"
|
||||
!$INFO_TEXT = $WHITE
|
||||
!$SUCCESS = "#339933"
|
||||
!$SUCCESS_LIGHT = "#5cad5c"
|
||||
!$SUCCESS_DARK = "#297a29"
|
||||
!$SUCCESS_TEXT = $WHITE
|
||||
!$WARNING = "#ffae42"
|
||||
!$WARNING_LIGHT = "#ffbe68"
|
||||
!$WARNING_DARK = "#cc8b35"
|
||||
!$WARNING_TEXT = $WHITE
|
||||
!$DANGER = "#ff3333"
|
||||
!$DANGER_LIGHT = "#ff5c5c"
|
||||
!$DANGER_DARK = "#cc2929"
|
||||
!$DANGER_TEXT = $WHITE
|
||||
|
||||
!procedure $success($msg)
|
||||
<font color=$SUCCESS><b>$msg
|
||||
!endprocedure
|
||||
|
||||
!procedure $failure($msg)
|
||||
<font color=$DANGER><b>$msg
|
||||
!endprocedure
|
||||
|
||||
!procedure $warning($msg)
|
||||
<font color=$WARNING><b>$msg
|
||||
!endprocedure
|
||||
|
||||
!procedure $primary_scheme()
|
||||
FontColor $PRIMARY_TEXT
|
||||
BorderColor $PRIMARY_LIGHT
|
||||
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
|
||||
!endprocedure
|
||||
|
||||
skinparam defaultFontName "Verdana"
|
||||
skinparam defaultFontSize 12
|
||||
skinparam dpi 100
|
||||
skinparam shadowing false
|
||||
skinparam roundcorner 15
|
||||
skinparam ParticipantPadding 30
|
||||
skinparam BoxPadding 30
|
||||
skinparam Padding 10
|
||||
skinparam ArrowColor $GRAY
|
||||
skinparam stereotype {
|
||||
CBackgroundColor $SECONDARY_LIGHT
|
||||
CBorderColor $SECONDARY_DARK
|
||||
ABackgroundColor $SUCCESS_LIGHT
|
||||
ABorderColor $SUCCESS_DARK
|
||||
IBackgroundColor $DANGER_LIGHT
|
||||
IBorderColor $DANGER_DARK
|
||||
EBackgroundColor $WARNING_LIGHT
|
||||
EBorderColor $WARNING_DARK
|
||||
NBackgroundColor $INFO_LIGHT
|
||||
NBorderColor $INFO_DARK
|
||||
}
|
||||
skinparam title {
|
||||
FontColor $SECONDARY_TEXT
|
||||
BorderColor $SECONDARY
|
||||
FontSize 20
|
||||
BorderRoundCorner 8
|
||||
BorderThickness 1
|
||||
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
|
||||
}
|
||||
|
||||
|
||||
skinparam legend {
|
||||
BackgroundColor $PRIMARY
|
||||
BorderColor $PRIMARY_DARK
|
||||
FontColor $PRIMARY_TEXT
|
||||
}
|
||||
|
||||
!startsub swimlane
|
||||
skinparam swimlane {
|
||||
BorderColor $INFO
|
||||
BorderThickness 2
|
||||
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY
|
||||
TitleFontColor $PRIMARY
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub activity
|
||||
|
||||
skinparam activity {
|
||||
$primary_scheme()
|
||||
BarColor $SUCCESS
|
||||
StartColor $INFO
|
||||
EndColor $INFO
|
||||
DiamondBackgroundColor $SECONDARY-$SECONDARY_DARK
|
||||
DiamondBorderColor $SECONDARY_DARK
|
||||
DiamondFontColor $SECONDARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub participant
|
||||
|
||||
skinparam participant {
|
||||
$primary_scheme()
|
||||
ParticipantBorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub actor
|
||||
|
||||
skinparam actor {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub arrow
|
||||
|
||||
skinparam arrow {
|
||||
Thickness 3
|
||||
Color $PRIMARY
|
||||
FontColor $FGCOLOR
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub sequence
|
||||
|
||||
skinparam sequence {
|
||||
BorderColor $PRIMARY
|
||||
TitleFontColor $SECONDARY_TEXT
|
||||
BackgroundColor $BGCOLOR
|
||||
StartColor $PRIMARY
|
||||
EndColor $PRIMARY
|
||||
BoxBackgroundColor $BGCOLOR
|
||||
BoxBorderColor $GRAY
|
||||
BoxFontColor $DARK
|
||||
LifeLineBorderColor $SECONDARY_DARK
|
||||
LifeLineBorderThickness 2
|
||||
LifeLineBackgroundColor $SECONDARY_LIGHT
|
||||
GroupBorderColor $DARK
|
||||
GroupFontColor $DARK
|
||||
GroupHeaderFontColor $INFO_TEXT
|
||||
GroupBackgroundColor $BGCOLOR
|
||||
GroupBodyBackgroundColor $BGCOLOR
|
||||
GroupHeaderBackgroundColor $BGCOLOR
|
||||
DividerBackgroundColor $WHITE-$LIGHT
|
||||
DividerBorderColor $GRAY
|
||||
DividerBorderThickness 2
|
||||
DividerFontColor $DARK
|
||||
ReferenceBackgroundColor $BGCOLOR
|
||||
ReferenceBorderColor $GRAY
|
||||
ReferenceFontColor $DARK
|
||||
ReferenceHeaderFontColor $INFO
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub partition
|
||||
|
||||
skinparam partition {
|
||||
BorderColor $PRIMARY
|
||||
FontColor $PRIMARY_DARK
|
||||
BackgroundColor $BGCOLOR
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub collections
|
||||
|
||||
skinparam collections {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub control
|
||||
|
||||
skinparam control {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub entity
|
||||
|
||||
skinparam entity {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub boundary
|
||||
|
||||
skinparam boundary {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub agent
|
||||
|
||||
skinparam agent {
|
||||
BackgroundColor #orange
|
||||
BorderColor #999999
|
||||
FontColor #333333
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub note
|
||||
|
||||
skinparam note {
|
||||
BorderThickness 1
|
||||
BackgroundColor $INFO_LIGHT-$INFO
|
||||
BorderColor $INFO
|
||||
FontColor $WHITE
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub artifact
|
||||
|
||||
skinparam artifact {
|
||||
BackgroundColor white-$LIGHT
|
||||
BorderColor $SECONDARY_DARK
|
||||
FontColor $SECONDARY_DARK
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub component
|
||||
|
||||
skinparam component {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub interface
|
||||
|
||||
skinparam interface {
|
||||
BackgroundColor $DANGER_LIGHT
|
||||
BorderColor $DANGER
|
||||
FontColor $DARK
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub storage
|
||||
|
||||
skinparam storage {
|
||||
BackgroundColor $WARNING_LIGHT-$WARNING
|
||||
BorderColor $WARNING
|
||||
FontColor $WARNING_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub node
|
||||
|
||||
skinparam node {
|
||||
BackgroundColor $BGCOLOR
|
||||
BorderColor $PRIMARY_LIGHT
|
||||
FontColor $PRIMARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub cloud
|
||||
|
||||
skinparam cloud {
|
||||
BackgroundColor transparent
|
||||
BorderColor $F2FCFE
|
||||
FontColor $PRIMARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub database
|
||||
|
||||
skinparam database {
|
||||
$primary_scheme()
|
||||
BackgroundColor $BGCOLOR
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub class
|
||||
|
||||
skinparam class {
|
||||
$primary_scheme()
|
||||
HeaderBackgroundColor $PRIMARY_LIGHT-$PRIMARY_DARK
|
||||
StereotypeFontColor $DARK
|
||||
StereotypeFontSize 9
|
||||
BorderThickness 1
|
||||
AttributeFontColor $DARK
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub object
|
||||
|
||||
skinparam object {
|
||||
$primary_scheme()
|
||||
StereotypeFontColor $LIGHT
|
||||
BorderThickness 1
|
||||
AttributeFontColor $DARK
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub usecase
|
||||
|
||||
skinparam usecase {
|
||||
$primary_scheme()
|
||||
BorderThickness 2
|
||||
StereotypeFontColor $PRIMARY
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub rectangle
|
||||
|
||||
skinparam rectangle {
|
||||
$primary_scheme()
|
||||
BackgroundColor $BGCOLOR
|
||||
BorderThickness 2
|
||||
StereotypeFontColor $PRIMARY
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub package
|
||||
|
||||
skinparam package {
|
||||
$primary_scheme()
|
||||
BackgroundColor $BGCOLOR
|
||||
BorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub folder
|
||||
|
||||
skinparam folder {
|
||||
BackgroundColor $PRIMARY_LIGHT
|
||||
BorderColor $WARNING
|
||||
FontColor $WARNING
|
||||
BorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub frame
|
||||
|
||||
skinparam frame {
|
||||
BackgroundColor $PRIMARY_LIGHT
|
||||
BorderColor $INFO
|
||||
FontColor $INFO
|
||||
BorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub state
|
||||
|
||||
skinparam state {
|
||||
$primary_scheme()
|
||||
BorderColor $PRIMARY_DARK
|
||||
StartColor $INFO
|
||||
EndColor $INFO
|
||||
AttributeFontColor $SECONDARY_TEXT
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub queue
|
||||
|
||||
skinparam queue {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub card
|
||||
|
||||
skinparam card {
|
||||
BackgroundColor $INFO_LIGHT-$INFO
|
||||
BorderColor $INFO
|
||||
FontColor $INFO_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub file
|
||||
|
||||
skinparam file {
|
||||
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
|
||||
BorderColor $SECONDARY_DARK
|
||||
FontColor $SECONDARY_TEXT
|
||||
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub stack
|
||||
|
||||
skinparam stack {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!if %variable_exists("$THEME")
|
||||
title Usecase Diagram - $THEME theme
|
||||
!else
|
||||
title Usecase Diagram
|
||||
!endif
|
||||
|
||||
legend
|
||||
This is my legend
|
||||
endlegend
|
||||
|
||||
'skinparam BackgroundColor transparent
|
||||
|
||||
left to right direction
|
||||
actor customer
|
||||
actor clerk
|
||||
rectangle checkout {
|
||||
customer - - (checkout)
|
||||
(checkout) .> (payment) : include
|
||||
(help) .> (checkout) : extends
|
||||
(checkout) - - clerk
|
||||
}
|
||||
@enduml
|
||||
|
||||
@startuml
|
||||
|
||||
|
||||
|
||||
skinparam backgroundColor transparent
|
||||
skinparam useBetaStyle false
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
skinparam defaultFontName "Verdana"
|
||||
skinparam defaultFontSize 12
|
||||
skinparam dpi 100
|
||||
skinparam shadowing false
|
||||
skinparam roundcorner 15
|
||||
skinparam ParticipantPadding 30
|
||||
skinparam BoxPadding 30
|
||||
skinparam Padding 10
|
||||
skinparam ArrowColor #737373
|
||||
skinparam stereotype {
|
||||
CBackgroundColor #dbdbdb
|
||||
CBorderColor #a8a8a8
|
||||
ABackgroundColor #5cad5c
|
||||
ABorderColor #297a29
|
||||
IBackgroundColor #ff5c5c
|
||||
IBorderColor #cc2929
|
||||
EBackgroundColor #ffbe68
|
||||
EBorderColor #cc8b35
|
||||
NBackgroundColor #5c85ad
|
||||
NBorderColor #29527a
|
||||
}
|
||||
skinparam title {
|
||||
FontColor white
|
||||
BorderColor #d2d2d2
|
||||
FontSize 20
|
||||
BorderRoundCorner 8
|
||||
BorderThickness 1
|
||||
BackgroundColor #dbdbdb-#d2d2d2
|
||||
}
|
||||
|
||||
|
||||
skinparam legend {
|
||||
BackgroundColor #e2e2e2
|
||||
BorderColor #888888
|
||||
FontColor #336699
|
||||
}
|
||||
|
||||
skinparam swimlane {
|
||||
BorderColor #336699
|
||||
BorderThickness 2
|
||||
TitleBackgroundColor #dbdbdb-#d2d2d2
|
||||
TitleFontColor #e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam activity {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
BarColor #339933
|
||||
StartColor #336699
|
||||
EndColor #336699
|
||||
DiamondBackgroundColor #d2d2d2-#a8a8a8
|
||||
DiamondBorderColor #a8a8a8
|
||||
DiamondFontColor white
|
||||
}
|
||||
|
||||
|
||||
skinparam participant {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
ParticipantBorderThickness 2
|
||||
}
|
||||
|
||||
|
||||
skinparam actor {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam arrow {
|
||||
Thickness 3
|
||||
Color #e2e2e2
|
||||
FontColor #303030
|
||||
}
|
||||
|
||||
|
||||
skinparam sequence {
|
||||
BorderColor #e2e2e2
|
||||
TitleFontColor white
|
||||
BackgroundColor transparent
|
||||
StartColor #e2e2e2
|
||||
EndColor #e2e2e2
|
||||
BoxBackgroundColor transparent
|
||||
BoxBorderColor #737373
|
||||
BoxFontColor #303030
|
||||
LifeLineBorderColor #a8a8a8
|
||||
LifeLineBorderThickness 2
|
||||
LifeLineBackgroundColor #dbdbdb
|
||||
GroupBorderColor #303030
|
||||
GroupFontColor #303030
|
||||
GroupHeaderFontColor #FFF
|
||||
GroupBackgroundColor transparent
|
||||
GroupBodyBackgroundColor transparent
|
||||
GroupHeaderBackgroundColor transparent
|
||||
DividerBackgroundColor #FFF-#fcfcfc
|
||||
DividerBorderColor #737373
|
||||
DividerBorderThickness 2
|
||||
DividerFontColor #303030
|
||||
ReferenceBackgroundColor transparent
|
||||
ReferenceBorderColor #737373
|
||||
ReferenceFontColor #303030
|
||||
ReferenceHeaderFontColor #336699
|
||||
}
|
||||
|
||||
|
||||
skinparam partition {
|
||||
BorderColor #e2e2e2
|
||||
FontColor #888888
|
||||
BackgroundColor transparent
|
||||
}
|
||||
|
||||
|
||||
skinparam collections {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam control {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam entity {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam boundary {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam agent {
|
||||
BackgroundColor #orange
|
||||
BorderColor #999999
|
||||
FontColor #333333
|
||||
}
|
||||
|
||||
|
||||
skinparam note {
|
||||
BorderThickness 1
|
||||
BackgroundColor #5c85ad-#336699
|
||||
BorderColor #336699
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
|
||||
skinparam artifact {
|
||||
BackgroundColor white-#fcfcfc
|
||||
BorderColor #a8a8a8
|
||||
FontColor #a8a8a8
|
||||
}
|
||||
|
||||
|
||||
skinparam component {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam interface {
|
||||
BackgroundColor #ff5c5c
|
||||
BorderColor #ff3333
|
||||
FontColor #303030
|
||||
}
|
||||
|
||||
|
||||
skinparam storage {
|
||||
BackgroundColor #ffbe68-#ffae42
|
||||
BorderColor #ffae42
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
|
||||
skinparam node {
|
||||
BackgroundColor transparent
|
||||
BorderColor #f3f3f3
|
||||
FontColor #336699
|
||||
}
|
||||
|
||||
|
||||
skinparam cloud {
|
||||
BackgroundColor transparent
|
||||
BorderColor $F2FCFE
|
||||
FontColor #336699
|
||||
}
|
||||
|
||||
|
||||
skinparam database {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
BackgroundColor transparent
|
||||
}
|
||||
|
||||
|
||||
skinparam class {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
HeaderBackgroundColor #f3f3f3-#888888
|
||||
StereotypeFontColor #303030
|
||||
StereotypeFontSize 9
|
||||
BorderThickness 1
|
||||
AttributeFontColor #303030
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
|
||||
skinparam object {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
StereotypeFontColor #fcfcfc
|
||||
BorderThickness 1
|
||||
AttributeFontColor #303030
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
|
||||
skinparam usecase {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
BorderThickness 2
|
||||
StereotypeFontColor #e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam rectangle {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
BackgroundColor transparent
|
||||
BorderThickness 2
|
||||
StereotypeFontColor #e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam package {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
BackgroundColor transparent
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
|
||||
skinparam folder {
|
||||
BackgroundColor #f3f3f3
|
||||
BorderColor #ffae42
|
||||
FontColor #ffae42
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
|
||||
skinparam frame {
|
||||
BackgroundColor #f3f3f3
|
||||
BorderColor #336699
|
||||
FontColor #336699
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
|
||||
skinparam state {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
BorderColor #888888
|
||||
StartColor #336699
|
||||
EndColor #336699
|
||||
AttributeFontColor white
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
|
||||
skinparam queue {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
|
||||
skinparam card {
|
||||
BackgroundColor #5c85ad-#336699
|
||||
BorderColor #336699
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
|
||||
skinparam file {
|
||||
BackgroundColor #dbdbdb-#d2d2d2
|
||||
BorderColor #a8a8a8
|
||||
FontColor white
|
||||
|
||||
}
|
||||
|
||||
|
||||
skinparam stack {
|
||||
FontColor #336699
|
||||
BorderColor #f3f3f3
|
||||
BackgroundColor #f3f3f3-#e2e2e2
|
||||
}
|
||||
|
||||
title Usecase Diagram - lightgray 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: 18 KiB |
794
puml/lightgray/wbs-ex.svg
Normal file
794
puml/lightgray/wbs-ex.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 22 KiB |
Reference in New Issue
Block a user