This commit is contained in:
chenp
2021-06-25 21:37:59 +08:00
commit 4838fc46cb
312 changed files with 264826 additions and 0 deletions

861
puml/hacker/activity-ex.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 22 KiB

879
puml/hacker/class-ex.svg Normal file
View File

@ -0,0 +1,879 @@
<?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="498.9583px" preserveAspectRatio="none" style="width:625px;height:498px;background:#00000000;" version="1.1" viewBox="0 0 625 498" width="625px" zoomAndPan="magnify"><defs><linearGradient id="goxv6o413uytr0" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#151515"/><stop offset="100%" stop-color="#000000"/></linearGradient><linearGradient id="goxv6o413uytr1" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#D3F198"/><stop offset="100%" stop-color="#B5E853"/></linearGradient></defs><g><rect fill="url(#goxv6o413uytr0)" height="46.1528" rx="4.1667" ry="4.1667" style="stroke:#B5E853;stroke-width:1.0416666666666667;" width="345.8333" x="132.2917" y="2.0833"/><text fill="#B5E853" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="318.75" x="145.8333" y="33.4452">Class Diagram - hacker theme</text><!--MD5=[b4fa10df80476353258f72a232547d63]
class AbstractList--><rect codeLine="10" fill="url(#goxv6o413uytr1)" height="52.6917" id="AbstractList" rx="20.8333" ry="20.8333" style="stroke:#D3F198;stroke-width:1.0416666666666667;" width="116.6667" x="197.3958" y="274.2778"/><rect fill="url(#goxv6o413uytr1)" height="36.025" rx="20.8333" ry="20.8333" style="stroke:url(#goxv6o413uytr1);stroke-width:1.0416666666666667;" width="116.6667" x="197.3958" y="274.2778"/><rect fill="url(#goxv6o413uytr1)" height="20.8333" style="stroke:url(#goxv6o413uytr1);stroke-width:1.0416666666666667;" width="116.6667" x="197.3958" y="289.4694"/><rect codeLine="10" fill="none" height="52.6917" id="AbstractList" rx="20.8333" ry="20.8333" style="stroke:#D3F198;stroke-width:1.0416666666666667;" width="116.6667" x="197.3958" y="274.2778"/><ellipse cx="211.9792" cy="292.2902" fill="#A6BA7A" rx="10.4167" ry="10.4167" style="stroke:#FFFFFF;stroke-width:1.0416666666666667;"/><path d="M211.5723,289.2466 L210.7259,292.9738 L212.4349,292.9738 L211.5723,289.2466 Z M210.4818,287.6027 L212.679,287.6027 L215.1367,296.7173 L213.3301,296.7173 L212.7767,294.4712 L210.3678,294.4712 L209.8145,296.7173 L208.0078,296.7173 L210.4818,287.6027 Z " fill="#000000"/><text fill="#151515" font-family="Verdana" font-size="12.5" font-style="italic" lengthAdjust="spacing" textLength="75" x="230.7292" y="297.2616">AbstractList</text><line style="stroke:#D3F198;stroke-width:1.0416666666666667;" x1="198.4375" x2="313.0208" y1="310.3027" y2="310.3027"/><line style="stroke:#D3F198;stroke-width:1.0416666666666667;" x1="198.4375" x2="313.0208" y1="318.6361" y2="318.6361"/><!--MD5=[8e34b16d8d8f96f4a11290cd523ed859]
class AbstractCollection--><rect codeLine="11" fill="url(#goxv6o413uytr1)" height="52.6917" id="AbstractCollection" rx="20.8333" ry="20.8333" style="stroke:#D3F198;stroke-width:1.0416666666666667;" width="153.125" x="7.2917" y="274.2778"/><rect fill="url(#goxv6o413uytr1)" height="36.025" rx="20.8333" ry="20.8333" style="stroke:url(#goxv6o413uytr1);stroke-width:1.0416666666666667;" width="153.125" x="7.2917" y="274.2778"/><rect fill="url(#goxv6o413uytr1)" height="20.8333" style="stroke:url(#goxv6o413uytr1);stroke-width:1.0416666666666667;" width="153.125" x="7.2917" y="289.4694"/><rect codeLine="11" fill="none" height="52.6917" id="AbstractCollection" rx="20.8333" ry="20.8333" style="stroke:#D3F198;stroke-width:1.0416666666666667;" width="153.125" x="7.2917" y="274.2778"/><ellipse cx="21.875" cy="292.2902" fill="#A6BA7A" rx="10.4167" ry="10.4167" style="stroke:#FFFFFF;stroke-width:1.0416666666666667;"/><path d="M21.4681,289.2466 L20.6217,292.9738 L22.3307,292.9738 L21.4681,289.2466 Z M20.3776,287.6027 L22.5749,287.6027 L25.0326,296.7173 L23.2259,296.7173 L22.6725,294.4712 L20.2637,294.4712 L19.7103,296.7173 L17.9036,296.7173 L20.3776,287.6027 Z " fill="#000000"/><text fill="#151515" font-family="Verdana" font-size="12.5" font-style="italic" lengthAdjust="spacing" textLength="111.4583" x="40.625" y="297.2616">AbstractCollection</text><line style="stroke:#D3F198;stroke-width:1.0416666666666667;" x1="8.3333" x2="159.375" y1="310.3027" y2="310.3027"/><line style="stroke:#D3F198;stroke-width:1.0416666666666667;" x1="8.3333" x2="159.375" y1="318.6361" y2="318.6361"/><!--MD5=[3d4177ac58b4411586d067f34e84928f]
class List--><rect codeLine="12" fill="url(#goxv6o413uytr1)" height="52.6917" id="List" rx="20.8333" ry="20.8333" style="stroke:#D3F198;stroke-width:1.0416666666666667;" width="64.5833" x="216.1458" y="95.1111"/><rect fill="url(#goxv6o413uytr1)" height="36.025" rx="20.8333" ry="20.8333" style="stroke:url(#goxv6o413uytr1);stroke-width:1.0416666666666667;" width="64.5833" x="216.1458" y="95.1111"/><rect fill="url(#goxv6o413uytr1)" height="20.8333" style="stroke:url(#goxv6o413uytr1);stroke-width:1.0416666666666667;" width="64.5833" x="216.1458" y="110.3027"/><rect codeLine="12" fill="none" height="52.6917" id="List" rx="20.8333" ry="20.8333" style="stroke:#D3F198;stroke-width:1.0416666666666667;" width="64.5833" x="216.1458" y="95.1111"/><ellipse cx="230.7292" cy="113.1236" fill="#BD6768" rx="10.4167" ry="10.4167" style="stroke:#FFFFFF;stroke-width:1.0416666666666667;"/><path d="M227.6204,110.2915 L227.6204,108.6965 L233.0404,108.6965 L233.0404,110.2915 L231.2337,110.2915 L231.2337,116.216 L233.0404,116.216 L233.0404,117.8111 L227.6204,117.8111 L227.6204,116.216 L229.4271,116.216 L229.4271,110.2915 L227.6204,110.2915 Z " fill="#000000"/><text fill="#151515" font-family="Verdana" font-size="12.5" font-style="italic" lengthAdjust="spacing" textLength="22.9167" x="249.4792" y="118.0949">List</text><line style="stroke:#D3F198;stroke-width:1.0416666666666667;" x1="217.1875" x2="279.6875" y1="131.1361" y2="131.1361"/><line style="stroke:#D3F198;stroke-width:1.0416666666666667;" x1="217.1875" x2="279.6875" y1="139.4694" y2="139.4694"/><!--MD5=[c160724f8e3bb89ca8141a12554ac2e3]
class Collection--><rect codeLine="13" fill="url(#goxv6o413uytr1)" height="52.6917" id="Collection" rx="20.8333" ry="20.8333" style="stroke:#D3F198;stroke-width:1.0416666666666667;" width="101.0417" x="71.875" y="95.1111"/><rect fill="url(#goxv6o413uytr1)" height="36.025" rx="20.8333" ry="20.8333" style="stroke:url(#goxv6o413uytr1);stroke-width:1.0416666666666667;" width="101.0417" x="71.875" y="95.1111"/><rect fill="url(#goxv6o413uytr1)" height="20.8333" style="stroke:url(#goxv6o413uytr1);stroke-width:1.0416666666666667;" width="101.0417" x="71.875" y="110.3027"/><rect codeLine="13" fill="none" height="52.6917" id="Collection" rx="20.8333" ry="20.8333" style="stroke:#D3F198;stroke-width:1.0416666666666667;" width="101.0417" x="71.875" y="95.1111"/><ellipse cx="86.4583" cy="113.1236" fill="#BD6768" rx="10.4167" ry="10.4167" style="stroke:#FFFFFF;stroke-width:1.0416666666666667;"/><path d="M83.3496,110.2915 L83.3496,108.6965 L88.7695,108.6965 L88.7695,110.2915 L86.9629,110.2915 L86.9629,116.216 L88.7695,116.216 L88.7695,117.8111 L83.3496,117.8111 L83.3496,116.216 L85.1563,116.216 L85.1563,110.2915 L83.3496,110.2915 Z " fill="#000000"/><text fill="#151515" font-family="Verdana" font-size="12.5" font-style="italic" lengthAdjust="spacing" textLength="59.375" x="105.2083" y="118.0949">Collection</text><line style="stroke:#D3F198;stroke-width:1.0416666666666667;" x1="72.9167" x2="171.875" y1="131.1361" y2="131.1361"/><line style="stroke:#D3F198;stroke-width:1.0416666666666667;" x1="72.9167" x2="171.875" y1="139.4694" y2="139.4694"/><!--MD5=[ab8871ed637f40707b866ba6597734bc]
class ArrayList--><rect codeLine="22" fill="url(#goxv6o413uytr1)" height="101.3763" id="ArrayList" rx="20.8333" ry="20.8333" style="stroke:#D3F198;stroke-width:1.0416666666666667;" width="152.0833" x="179.6875" y="390.9444"/><rect fill="url(#goxv6o413uytr1)" height="36.025" rx="20.8333" ry="20.8333" style="stroke:url(#goxv6o413uytr1);stroke-width:1.0416666666666667;" width="152.0833" x="179.6875" y="390.9444"/><rect fill="url(#goxv6o413uytr1)" height="20.8333" style="stroke:url(#goxv6o413uytr1);stroke-width:1.0416666666666667;" width="152.0833" x="179.6875" y="406.1361"/><rect codeLine="22" fill="none" height="101.3763" id="ArrayList" rx="20.8333" ry="20.8333" style="stroke:#D3F198;stroke-width:1.0416666666666667;" width="152.0833" x="179.6875" y="390.9444"/><ellipse cx="218.1771" cy="408.9569" fill="#557F91" rx="10.4167" ry="10.4167" style="stroke:#88B2C4;stroke-width:1.0416666666666667;"/><path d="M220.0814,413.384 Q219.6582,413.5956 219.1862,413.7095 Q218.7142,413.8234 218.2096,413.8234 Q216.3542,413.8234 215.3776,412.619 Q214.4173,411.3983 214.4173,409.1034 Q214.4173,406.7922 215.3776,405.5878 Q216.3542,404.3671 218.2096,404.3671 Q218.7142,404.3671 219.1862,404.481 Q219.6745,404.5787 220.0814,404.8065 L220.0814,406.8085 Q219.6257,406.3853 219.1862,406.19 Q218.7467,405.9784 218.291,405.9784 Q217.2982,405.9784 216.7936,406.7759 Q216.2891,407.5572 216.2891,409.1034 Q216.2891,410.6333 216.7936,411.4146 Q217.2982,412.1958 218.291,412.1958 Q218.7467,412.1958 219.1862,412.0005 Q219.6257,411.8052 220.0814,411.382 L220.0814,413.384 Z " fill="#000000"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="57.2917" x="242.2396" y="413.9282">ArrayList</text><line style="stroke:#D3F198;stroke-width:1.0416666666666667;" x1="180.7292" x2="330.7292" y1="426.9694" y2="426.9694"/><text fill="#151515" font-family="Verdana" font-size="11.4583" lengthAdjust="spacing" textLength="129.1667" x="191.1458" y="447.8643">Object[] elementData</text><line style="stroke:#D3F198;stroke-width:1.0416666666666667;" x1="180.7292" x2="330.7292" y1="459.6451" y2="459.6451"/><text fill="#151515" font-family="Verdana" font-size="11.4583" lengthAdjust="spacing" textLength="33.3333" x="191.1458" y="480.54">size()</text><!--MD5=[15b68e006199004da79ea2a4d117d8e9]
class TimeUnit--><rect codeLine="27" fill="url(#goxv6o413uytr1)" height="125.7187" id="TimeUnit" rx="20.8333" ry="20.8333" style="stroke:#D3F198;stroke-width:1.0416666666666667;" width="97.9167" x="317.1875" y="58.6528"/><rect fill="url(#goxv6o413uytr1)" height="36.025" rx="20.8333" ry="20.8333" style="stroke:url(#goxv6o413uytr1);stroke-width:1.0416666666666667;" width="97.9167" x="317.1875" y="58.6528"/><rect fill="url(#goxv6o413uytr1)" height="20.8333" style="stroke:url(#goxv6o413uytr1);stroke-width:1.0416666666666667;" width="97.9167" x="317.1875" y="73.8444"/><rect codeLine="27" fill="none" height="125.7187" id="TimeUnit" rx="20.8333" ry="20.8333" style="stroke:#D3F198;stroke-width:1.0416666666666667;" width="97.9167" x="317.1875" y="58.6528"/><ellipse cx="331.7708" cy="76.6652" fill="#F6CC91" rx="10.4167" ry="10.4167" style="stroke:#FFFFFF;stroke-width:1.0416666666666667;"/><path d="M334.3099,81.3527 L328.6296,81.3527 L328.6296,72.2382 L334.3099,72.2382 L334.3099,73.8332 L330.4362,73.8332 L330.4362,75.7863 L333.9355,75.7863 L333.9355,77.3814 L330.4362,77.3814 L330.4362,79.7577 L334.3099,79.7577 L334.3099,81.3527 Z " fill="#000000"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="56.25" x="350.5208" y="81.6366">TimeUnit</text><line style="stroke:#D3F198;stroke-width:1.0416666666666667;" x1="318.2292" x2="414.0625" y1="94.6777" y2="94.6777"/><text fill="#151515" font-family="Verdana" font-size="11.4583" lengthAdjust="spacing" textLength="33.3333" x="328.6458" y="115.5726">DAYS</text><text fill="#151515" font-family="Verdana" font-size="11.4583" lengthAdjust="spacing" textLength="42.7083" x="328.6458" y="139.915">HOURS</text><text fill="#151515" font-family="Verdana" font-size="11.4583" lengthAdjust="spacing" textLength="54.1667" x="328.6458" y="164.2573">MINUTES</text><line style="stroke:#D3F198;stroke-width:1.0416666666666667;" x1="318.2292" x2="414.0625" y1="176.0381" y2="176.0381"/><!--MD5=[0c8287f799745f7b534bf75518604c1e]
class SuppressWarnings--><rect codeLine="33" fill="url(#goxv6o413uytr1)" height="52.6917" id="SuppressWarnings" rx="20.8333" ry="20.8333" style="stroke:#D3F198;stroke-width:1.0416666666666667;" width="165.625" x="452.0833" y="95.1111"/><rect fill="url(#goxv6o413uytr1)" height="36.025" rx="20.8333" ry="20.8333" style="stroke:url(#goxv6o413uytr1);stroke-width:1.0416666666666667;" width="165.625" x="452.0833" y="95.1111"/><rect fill="url(#goxv6o413uytr1)" height="20.8333" style="stroke:url(#goxv6o413uytr1);stroke-width:1.0416666666666667;" width="165.625" x="452.0833" y="110.3027"/><rect codeLine="33" fill="none" height="52.6917" id="SuppressWarnings" rx="20.8333" ry="20.8333" style="stroke:#D3F198;stroke-width:1.0416666666666667;" width="165.625" x="452.0833" y="95.1111"/><ellipse cx="466.6667" cy="113.1236" fill="#BB91B2" rx="10.4167" ry="10.4167" style="stroke:#885E7F;stroke-width:1.0416666666666667;"/><path d="M467.9199,112.9283 Q467.9199,112.2284 467.6107,111.8378 Q467.3014,111.4471 466.748,111.4471 Q466.2109,111.4471 465.9017,111.8378 Q465.5924,112.2284 465.5924,112.9283 Q465.5924,113.6119 465.9017,114.0025 Q466.2109,114.3931 466.748,114.3931 Q467.3014,114.3931 467.6107,114.0025 Q467.9199,113.6119 467.9199,112.9283 Z M469.0592,115.4185 L467.8548,115.4185 L467.8548,114.9302 Q467.627,115.2395 467.3014,115.4022 Q466.9922,115.5487 466.5527,115.5487 Q465.5599,115.5487 464.9414,114.8326 Q464.3229,114.1001 464.3229,112.9283 Q464.3229,111.7401 464.9251,111.024 Q465.5436,110.3078 466.5527,110.3078 Q466.9922,110.3078 467.3177,110.4543 Q467.6432,110.6008 467.8548,110.8938 L467.8548,110.6496 Q467.8548,109.8195 467.3991,109.3638 Q466.9434,108.9081 466.1133,108.9081 Q464.8438,108.9081 464.0299,110.0311 Q463.2324,111.1379 463.2324,112.9283 Q463.2324,114.8 464.1602,115.9231 Q465.0879,117.0298 466.6341,117.0298 Q467.1224,117.0298 467.5781,116.8833 Q468.0339,116.7369 468.457,116.4439 L469.0104,117.5181 Q468.5221,117.8599 467.9362,118.0227 Q467.3503,118.2017 466.6992,118.2017 Q464.5508,118.2017 463.2813,116.7694 Q462.0117,115.3534 462.0117,112.9283 Q462.0117,110.5682 463.151,109.1522 Q464.3066,107.7362 466.1784,107.7362 Q467.513,107.7362 468.278,108.5337 Q469.0592,109.3313 469.0592,110.731 L469.0592,115.4185 Z " fill="#000000"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="123.9583" x="485.4167" y="118.0949">SuppressWarnings</text><line style="stroke:#D3F198;stroke-width:1.0416666666666667;" x1="453.125" x2="616.6667" y1="131.1361" y2="131.1361"/><line style="stroke:#D3F198;stroke-width:1.0416666666666667;" x1="453.125" x2="616.6667" y1="139.4694" y2="139.4694"/><!--MD5=[00308d07b6a5721fb0cf5861877e6652]
reverse link List to AbstractList--><path codeLine="15" d="M250.3646,169.6423 C251.75,203.059 253.5417,246.7257 254.6667,274.0173 " fill="none" id="List-backto-AbstractList" style="stroke:#B5E853;stroke-width:3.125;"/><polygon fill="none" points="243.0729,169.5798,249.5,148.4653,257.6354,168.9757,243.0729,169.5798" style="stroke:#B5E853;stroke-width:3.125;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="114.5833" x="258.8542" y="234.7616">this is a message</text><!--MD5=[1822909749df1453bdd84de7a60a3406]
reverse link Collection to AbstractCollection--><path codeLine="16" d="M112.2917,169.1632 C105,202.6423 95.4375,246.6007 89.4688,274.0173 " fill="none" id="Collection-backto-AbstractCollection" style="stroke:#B5E853;stroke-width:3.125;"/><polygon fill="none" points="105.2396,167.2673,116.7917,148.4653,119.4896,170.3715,105.2396,167.2673" style="stroke:#B5E853;stroke-width:3.125;"/><!--MD5=[0159284274f96a472eb2618ad803aaca]
reverse link Collection to List--><path codeLine="18" d="M194.25,121.6736 C201.5208,121.6736 208.8021,121.6736 216.0729,121.6736 " fill="none" id="Collection-backto-List" style="stroke:#B5E853;stroke-width:3.125;"/><polygon fill="none" points="193.9375,128.9653,173.1042,121.6736,193.9375,114.3819,193.9375,128.9653" style="stroke:#B5E853;stroke-width:3.125;"/><!--MD5=[7a3a52e8f65ef1a8d8d29530ea5cd870]
reverse link AbstractCollection to AbstractList--><path codeLine="19" d="M181.75,300.8403 C186.8646,300.8403 191.9792,300.8403 197.0938,300.8403 " fill="none" id="AbstractCollection-backto-AbstractList" style="stroke:#B5E853;stroke-width:3.125;"/><polygon fill="none" points="181.5625,308.1319,160.7292,300.8403,181.5625,293.5486,181.5625,308.1319" style="stroke:#B5E853;stroke-width:3.125;"/><!--MD5=[40e4bb1af59cca28d4643aaff05088cc]
reverse link AbstractList to ArrayList--><path codeLine="20" d="M255.7292,348.7257 C255.7292,362.2361 255.7292,377.0278 255.7292,390.7048 " fill="none" id="AbstractList-backto-ArrayList" style="stroke:#B5E853;stroke-width:3.125;"/><polygon fill="none" points="248.4375,348.4444,255.7292,327.6111,263.0208,348.4444,248.4375,348.4444" style="stroke:#B5E853;stroke-width:3.125;"/><!--MD5=[90602543a4f99f748b0a2a2001681e96]
@startuml
!$THEME = "hacker"
!if %not(%variable_exists("$BGCOLOR"))
!$BGCOLOR = "transparent"
!endif
skinparam BackgroundColor $BGCOLOR
skinparam useBetaStyle false
!$PRIMARY = "#b5e853"
!$PRIMARY_LIGHT = "#d3f198"
!$PRIMARY_DARK = "#6d8b32"
!$PRIMARY_TEXT = "#151515"
!$SECONDARY = "#6a9fb5"
!$SECONDARY_LIGHT = "#88b2c4"
!$SECONDARY_DARK = "#557f91"
!$SECONDARY_TEXT = "#fefefe"
!$SUCCESS = "#90a959"
!$SUCCESS_LIGHT = "#a6ba7a"
!$INFO = "#aa759f"
!$INFO_LIGHT = "#bb91b2"
!$INFO_DARK = "#885E7F"
!$WARNING = "#f4bf75"
!$WARNING_LIGHT = "#f6cc91"
!$WARNING_TEXT = "#151515"
!$DANGER = "#ac4142"
!$DANGER_LIGHT = "#bd6768"
!$LIGHT = "#151515"
!$DARK = "#eaeaea"
!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 40
skinparam ParticipantPadding 40
skinparam BoxPadding 40
skinparam Padding 5
skinparam ArrowColor $DARK
skinparam stereotype {
CBackgroundColor $SECONDARY_DARK
CBorderColor $SECONDARY_LIGHT
ABackgroundColor $SUCCESS_LIGHT
ABorderColor $SUCCESS_DARK
IBackgroundColor $DANGER_LIGHT
IBorderColor $DANGER_DARK
EBackgroundColor $WARNING_LIGHT
EBorderColor $WARNING_DARK
NBackgroundColor $INFO_LIGHT
NBorderColor $INFO_DARK
}
skinparam title {
FontColor $PRIMARY
BorderColor $PRIMARY
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor $LIGHT-black
}
skinparam legend {
BackgroundColor $SECONDARY
BorderColor $SECONDARY_DARK
FontColor $DARK
}
!startsub swimlane
skinparam swimlane {
BorderColor $INFO
BorderThickness 2
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY
TitleFontColor $PRIMARY
}
!endsub
!startsub activity
skinparam activity {
$primary_scheme()
BarColor $SUCCESS
StartColor $INFO
EndColor $INFO
DiamondBackgroundColor $SECONDARY_LIGHT-$SECONDARY
DiamondBorderColor $SECONDARY_LIGHT
DiamondFontColor $SECONDARY_TEXT
}
!endsub
!startsub participant
skinparam participant {
$primary_scheme()
BorderThickness 2
}
!endsub
!startsub actor
skinparam actor {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub arrow
skinparam arrow {
Thickness 3
Color $PRIMARY
FontColor $FGCOLOR
}
!endsub
!startsub sequence
skinparam sequence {
BorderColor $PRIMARY
TitleFontColor $PRIMARY
BackgroundColor $BGCOLOR
StartColor $PRIMARY
EndColor $PRIMARY
BoxBackgroundColor $BGCOLOR
BoxBorderColor $DARK
BoxFontColor $DARk
LifeLineBorderColor $SECONDARY
LifeLineBorderThickness 2
LifeLineBackgroundColor $SECONDARY_DARK
GroupBorderColor $DARK
GroupFontColor $DARK
GroupHeaderFontColor $INFO_TEXT
GroupBackgroundColor $BGCOLOR
GroupBodyBackgroundColor $BGCOLOR
GroupHeaderBackgroundColor $BGCOLOR
DividerBackgroundColor $DARK
DividerBorderColor $DARK
DividerBorderThickness 2
DividerFontColor $LIGHT
ReferenceBackgroundColor $BGCOLOR
ReferenceBorderColor $DARK
ReferenceFontColor $DARK
ReferenceHeaderBackgroundColor $LIGHT
}
!endsub
!startsub partition
skinparam partition {
BorderColor $PRIMARY
FontColor $PRIMARY
BackgroundColor $LIGHT-black
}
!endsub
!startsub collections
skinparam collections {
$primary_scheme()
}
!endsub
!startsub control
skinparam control {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub entity
skinparam entity {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub boundary
skinparam boundary {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub agent
skinparam agent {
BackgroundColor $WARNING_LIGHT-$WARNING
BorderColor $WARNING_LIGHT
FontColor $DARK
}
!endsub
!startsub note
skinparam note {
BorderThickness 1
BackgroundColor $INFO_LIGHT-$INFO_DARK
BorderColor $INFO_DARK
FontColor $WHITE
}
!endsub
!startsub artifact
skinparam artifact {
BackgroundColor $DARK
BorderColor white
FontColor $LIGHT
}
!endsub
!startsub component
skinparam component {
$primary_scheme()
}
!endsub
!startsub interface
skinparam interface {
BackgroundColor $DANGER_LIGHT-$DANGER
BorderColor $DANGER_LIGHT
FontColor $DARK
}
!endsub
!startsub storage
skinparam storage {
BackgroundColor $WARNING_LIGHT-$WARNING
BorderColor $WARNING_LIGHT
FontColor $WARNING_TEXT
}
!endsub
!startsub node
skinparam node {
BackgroundColor $LIGHT-black
BorderColor $PRIMARY_LIGHT
FontColor $DARK
}
!endsub
!startsub cloud
skinparam cloud {
BackgroundColor transparent
BorderColor $DARK
FontColor $DARK
}
!endsub
!startsub database
skinparam database {
BackgroundColor $LIGHT-black
BorderColor $PRIMARY_LIGHT
FontColor $DARK
}
!endsub
!startsub class
skinparam class {
$primary_scheme()
HeaderBackgroundColor $PRIMARY_LIGHT-$PRIMARY
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $LIGHT
AttributeFontSize 11
}
!endsub
!startsub object
skinparam object {
$primary_scheme()
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $LIGHT
AttributeFontSize 11
}
!endsub
!startsub usecase
skinparam usecase {
$primary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub rectangle
skinparam rectangle {
BackgroundColor $BGCOLOR
BorderColor $PRIMARY
BorderThickness 2
FontColor $PRIMARY_DARK
StereotypeFontColor $PRIMARY
}
!endsub
!startsub package
skinparam package {
BackgroundColor $LIGHT
BorderColor $PRIMARY
FontColor $PRIMARY
BorderThickness 2
}
!endsub
!startsub folder
skinparam folder {
BackgroundColor $LIGHT-black
BorderColor $WARNING
FontColor $WARNING
BorderThickness 2
}
!endsub
!startsub frame
skinparam frame {
BackgroundColor $LIGHT-black
BorderColor $INFO
FontColor $INFO
BorderThickness 2
}
!endsub
!startsub state
skinparam state {
$primary_scheme()
StartColor $INFO
EndColor $INFO
AttributeFontColor $SECONDARY_TEXT
AttributeFontSize 11
}
!endsub
!startsub queue
skinparam queue {
$primary_scheme()
}
!endsub
!startsub card
skinparam card {
BackgroundColor $INFO_LIGHT-$INFO
BorderColor $INFO_LIGHT
FontColor $INFO_TEXT
}
!endsub
!startsub file
skinparam file {
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
BorderColor $SECONDARY_LIGHT
FontColor $DARK
}
!endsub
!startsub stack
skinparam stack {
$primary_scheme()
}
!endsub
!if %variable_exists("NEWSTYLE")
<style>
wbsDiagram {
LineColor $PRIMARY
BorderThickness 3
BackgroundColor $LIGHT-black
FontColor $PRIMARY
:depth(0) {
fontSize 16
fontStyle bold
fontColor $SECONDARY
}
:depth(1) {
fontSize 14
padding 5
fontStyle bold
}
:depth(2) {
fontSize 12
padding 4
}
:depth(3) {
fontSize 11
padding 3
fontColor $INFO
}
}
</style>
<style>
mindmapDiagram {
LineColor $PRIMARY
BorderThickness 3
BackgroundColor $LIGHT-black
FontColor $PRIMARY
:depth(0) {
fontSize 16
fontStyle bold
fontColor $SECONDARY
}
:depth(1) {
fontSize 14
padding 5
fontStyle bold
}
:depth(2) {
fontSize 12
padding 4
}
:depth(3) {
fontSize 11
padding 3
fontColor $INFO
}
}
</style>
!endif
!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 40
skinparam ParticipantPadding 40
skinparam BoxPadding 40
skinparam Padding 5
skinparam ArrowColor #eaeaea
skinparam stereotype {
CBackgroundColor #557f91
CBorderColor #88b2c4
ABackgroundColor #a6ba7a
ABorderColor $SUCCESS_DARK
IBackgroundColor #bd6768
IBorderColor $DANGER_DARK
EBackgroundColor #f6cc91
EBorderColor $WARNING_DARK
NBackgroundColor #bb91b2
NBorderColor #885E7F
}
skinparam title {
FontColor #b5e853
BorderColor #b5e853
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor #151515-black
}
skinparam legend {
BackgroundColor #6a9fb5
BorderColor #557f91
FontColor #eaeaea
}
skinparam swimlane {
BorderColor #aa759f
BorderThickness 2
TitleBackgroundColor #88b2c4-#6a9fb5
TitleFontColor #b5e853
}
skinparam activity {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
BarColor #90a959
StartColor #aa759f
EndColor #aa759f
DiamondBackgroundColor #88b2c4-#6a9fb5
DiamondBorderColor #88b2c4
DiamondFontColor #fefefe
}
skinparam participant {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
BorderThickness 2
}
skinparam actor {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
FontColor #eaeaea
}
skinparam arrow {
Thickness 3
Color #b5e853
FontColor $FGCOLOR
}
skinparam sequence {
BorderColor #b5e853
TitleFontColor #b5e853
BackgroundColor transparent
StartColor #b5e853
EndColor #b5e853
BoxBackgroundColor transparent
BoxBorderColor #eaeaea
BoxFontColor $DARk
LifeLineBorderColor #6a9fb5
LifeLineBorderThickness 2
LifeLineBackgroundColor #557f91
GroupBorderColor #eaeaea
GroupFontColor #eaeaea
GroupHeaderFontColor $INFO_TEXT
GroupBackgroundColor transparent
GroupBodyBackgroundColor transparent
GroupHeaderBackgroundColor transparent
DividerBackgroundColor #eaeaea
DividerBorderColor #eaeaea
DividerBorderThickness 2
DividerFontColor #151515
ReferenceBackgroundColor transparent
ReferenceBorderColor #eaeaea
ReferenceFontColor #eaeaea
ReferenceHeaderBackgroundColor #151515
}
skinparam partition {
BorderColor #b5e853
FontColor #b5e853
BackgroundColor #151515-black
}
skinparam collections {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
}
skinparam control {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
FontColor #eaeaea
}
skinparam entity {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
FontColor #eaeaea
}
skinparam boundary {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
FontColor #eaeaea
}
skinparam agent {
BackgroundColor #f6cc91-#f4bf75
BorderColor #f6cc91
FontColor #eaeaea
}
skinparam note {
BorderThickness 1
BackgroundColor #bb91b2-#885E7F
BorderColor #885E7F
FontColor $WHITE
}
skinparam artifact {
BackgroundColor #eaeaea
BorderColor white
FontColor #151515
}
skinparam component {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
}
skinparam interface {
BackgroundColor #bd6768-#ac4142
BorderColor #bd6768
FontColor #eaeaea
}
skinparam storage {
BackgroundColor #f6cc91-#f4bf75
BorderColor #f6cc91
FontColor #151515
}
skinparam node {
BackgroundColor #151515-black
BorderColor #d3f198
FontColor #eaeaea
}
skinparam cloud {
BackgroundColor transparent
BorderColor #eaeaea
FontColor #eaeaea
}
skinparam database {
BackgroundColor #151515-black
BorderColor #d3f198
FontColor #eaeaea
}
skinparam class {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
HeaderBackgroundColor #d3f198-#b5e853
StereotypeFontColor #eaeaea
BorderThickness 1
AttributeFontColor #151515
AttributeFontSize 11
}
skinparam object {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
StereotypeFontColor #eaeaea
BorderThickness 1
AttributeFontColor #151515
AttributeFontSize 11
}
skinparam usecase {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
BorderThickness 2
StereotypeFontColor #b5e853
}
skinparam rectangle {
BackgroundColor transparent
BorderColor #b5e853
BorderThickness 2
FontColor #6d8b32
StereotypeFontColor #b5e853
}
skinparam package {
BackgroundColor #151515
BorderColor #b5e853
FontColor #b5e853
BorderThickness 2
}
skinparam folder {
BackgroundColor #151515-black
BorderColor #f4bf75
FontColor #f4bf75
BorderThickness 2
}
skinparam frame {
BackgroundColor #151515-black
BorderColor #aa759f
FontColor #aa759f
BorderThickness 2
}
skinparam state {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
StartColor #aa759f
EndColor #aa759f
AttributeFontColor #fefefe
AttributeFontSize 11
}
skinparam queue {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
}
skinparam card {
BackgroundColor #bb91b2-#aa759f
BorderColor #bb91b2
FontColor $INFO_TEXT
}
skinparam file {
BackgroundColor #88b2c4-#6a9fb5
BorderColor #88b2c4
FontColor #eaeaea
}
skinparam stack {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
}
title Class Diagram - hacker theme
abstract class AbstractList
abstract AbstractCollection
interface List
interface Collection
List <|- - AbstractList: this is a message
Collection <|- - AbstractCollection
Collection <|- List
AbstractCollection <|- AbstractList
AbstractList <|- - ArrayList
class ArrayList {
Object[] elementData
size()
}
enum TimeUnit {
DAYS
HOURS
MINUTES
}
annotation SuppressWarnings
@enduml
PlantUML version 1.2021.01(Mon Feb 01 23:55:08 PST 2021)
(GPL source distribution)
Java Runtime: OpenJDK Runtime Environment
JVM: OpenJDK 64-Bit Server VM
Default Encoding: UTF-8
Language: en
Country: US
--></g></svg>

After

Width:  |  Height:  |  Size: 30 KiB

View File

@ -0,0 +1,935 @@
<?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="775px" preserveAspectRatio="none" style="width:1227px;height:775px;background:#00000000;" version="1.1" viewBox="0 0 1227 775" width="1227.0833px" zoomAndPan="magnify"><defs><linearGradient id="g15hplpvlm5pwy0" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#151515"/><stop offset="100%" stop-color="#000000"/></linearGradient><linearGradient id="g15hplpvlm5pwy1" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#BD6768"/><stop offset="100%" stop-color="#AC4142"/></linearGradient><linearGradient id="g15hplpvlm5pwy2" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#D3F198"/><stop offset="100%" stop-color="#B5E853"/></linearGradient><linearGradient id="g15hplpvlm5pwy3" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#F6CC91"/><stop offset="100%" stop-color="#F4BF75"/></linearGradient><linearGradient id="g15hplpvlm5pwy4" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#BB91B2"/><stop offset="100%" stop-color="#AA759F"/></linearGradient><linearGradient id="g15hplpvlm5pwy5" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#88B2C4"/><stop offset="100%" stop-color="#6A9FB5"/></linearGradient></defs><g><rect fill="url(#g15hplpvlm5pwy0)" height="46.1528" rx="4.1667" ry="4.1667" style="stroke:#B5E853;stroke-width:1.0416666666666667;" width="411.4583" x="400.7813" y="2.0833"/><text fill="#B5E853" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="384.375" x="414.3229" y="33.4452">Component Diagram - hacker theme</text><!--MD5=[98956307d0c47524864de5bf9cdc747b]
cluster My Package--><path d="M27.0833,57.6111 L84.375,57.6111 A31.25,31.25 0 0 1 105.2083,78.4444 L112.5,89.4694 L771.875,89.4694 A20.8333,20.8333 0 0 1 792.7083,110.3027 L792.7083,155.5278 A20.8333,20.8333 0 0 1 771.875,176.3611 L27.0833,176.3611 A20.8333,20.8333 0 0 1 6.25,155.5278 L6.25,78.4444 A20.8333,20.8333 0 0 1 27.0833,57.6111 " fill="#151515" style="stroke:#B5E853;stroke-width:2.0833333333333335;"/><line style="stroke:#B5E853;stroke-width:2.0833333333333335;" x1="6.25" x2="112.5" y1="89.4694" y2="89.4694"/><text fill="#B5E853" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="82.2917" x="15.625" y="77.4699">My Package</text><!--MD5=[994b84a7865cf3a30290d65f6358d5f5]
cluster My Node--><polygon fill="url(#g15hplpvlm5pwy0)" points="162.5,247.1944,172.9167,236.7778,591.6667,236.7778,591.6667,350.3194,581.25,360.7361,162.5,360.7361,162.5,247.1944" style="stroke:#D3F198;stroke-width:1.5625;"/><line style="stroke:#D3F198;stroke-width:1.5625;" x1="581.25" x2="591.6667" y1="247.1944" y2="236.7778"/><line style="stroke:#D3F198;stroke-width:1.5625;" x1="162.5" x2="581.25" y1="247.1944" y2="247.1944"/><line style="stroke:#D3F198;stroke-width:1.5625;" x1="581.25" x2="581.25" y1="247.1944" y2="360.7361"/><text fill="#EAEAEA" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="59.375" x="343.2292" y="268.0949">My Node</text><!--MD5=[8f762177cf9f076b8ea6eac76c5df33e]
cluster My Cloud--><path d="M632.8452,252.3048 C635.5616,246.3885 641.3703,245.0033 645.6912,250.4986 C648.6196,244.5729 653.8497,242.7412 658.3925,248.7855 C661.7842,242.2948 666.3319,242.7542 670.8069,247.599 C672.8056,240.605 678.7181,240.0996 683.2847,244.877 C686.4089,240.0353 690.2212,239.0011 693.9918,244.1867 C699.5524,237.1245 703.9169,239.0107 707.9586,245.7264 C711.9335,240.5167 716.267,241.4295 719.5641,246.4921 C725.1945,241.1095 729.7546,241.3823 732.7397,249.1437 C736.0808,244.5004 741.0042,243.3458 744.1028,249.4012 C754.5244,243.054 759.6988,246.8821 762.5,257.6111 C763.0379,257.2868 763.4395,257.5488 763.4195,258.1597 C772.3859,261.229 771.7275,268.5845 765.6726,273.8156 C773.3938,278.4468 773.1416,284.4836 765.0181,288.4039 C771.9756,291.4599 772.6037,296.9548 766.4716,301.4672 C773.0597,305.608 773.976,312.2498 766.6993,316.5992 C774.5789,321.3111 772.3286,327.8941 765.594,331.5237 C773.1331,342.2412 767.7994,351.6985 755.2083,352.4028 C755.5623,352.0197 756.021,351.9399 756.2533,352.5331 C754.169,358.6396 748.7728,359.7847 744.428,354.9838 C740.9431,360.0683 737.0362,360.9863 732.8844,355.7281 C728.9311,361.287 724.6223,362.4772 719.8952,356.6075 C715.993,361.9673 710.8804,362.8899 707.4539,356.1196 C704.1018,363.3128 699.3344,363.2219 694.0374,358.2675 C690.1311,362.9253 685.8482,362.7576 682.2404,357.8976 C677.7966,362.4943 673.6552,362.7278 670.0568,356.9087 C665.7581,361.7034 660.9685,359.927 658.9909,354.4163 C655.8379,360.6122 649.4734,361.5113 645.5912,355.1974 C634.876,363.7224 625.8751,356.6744 625,345.1111 C625.4289,344.5793 625.7916,344.7551 626.0953,345.2452 C619.2522,342.8533 619.6025,336.8376 624.2906,332.7766 C615.9787,329.2338 615.021,322.6337 621.3055,316.4261 C613.5469,313.3963 612.8594,307.5593 617.9757,301.6317 C611.7086,296.1648 613.839,289.7318 621.5599,287.922 C614.4608,282.5853 615.8927,277.2178 622.949,273.2185 C615.7092,261.9607 618.7627,253.1036 632.2917,250.3194 C633.5432,250.5986 633.7492,251.4246 632.8452,252.3048 " style="stroke:#EAEAEA;stroke-width:1.5625;fill:none;"/><text fill="#EAEAEA" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="62.5" x="662.5" y="273.3032">My Cloud</text><!--MD5=[5435dd1da01795d79a1d1bdb7811705f]
cluster My Database--><path d="M598.9583,413.3403 C598.9583,402.9236 693.75,402.9236 693.75,402.9236 C693.75,402.9236 788.5417,402.9236 788.5417,413.3403 L788.5417,758.1319 C788.5417,768.5486 693.75,768.5486 693.75,768.5486 C693.75,768.5486 598.9583,768.5486 598.9583,758.1319 L598.9583,413.3403 " fill="url(#g15hplpvlm5pwy0)" style="stroke:#D3F198;stroke-width:1.5625;"/><path d="M598.9583,413.3403 C598.9583,423.7569 693.75,423.7569 693.75,423.7569 C693.75,423.7569 788.5417,423.7569 788.5417,413.3403 " fill="none" style="stroke:#D3F198;stroke-width:1.5625;"/><text fill="#EAEAEA" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="88.5417" x="649.4792" y="443.6157">My Database</text><!--MD5=[db3eb734e65e00defc1adec42c70b029]
cluster My folder--><path d="M644.7917,471.6736 L684.375,471.6736 A31.25,31.25 0 0 1 705.2083,492.5069 L712.5,503.5319 L742.7083,503.5319 A20.8333,20.8333 0 0 1 763.5417,524.3652 L763.5417,569.5903 A20.8333,20.8333 0 0 1 742.7083,590.4236 L644.7917,590.4236 A20.8333,20.8333 0 0 1 623.9583,569.5903 L623.9583,492.5069 A20.8333,20.8333 0 0 1 644.7917,471.6736 " fill="url(#g15hplpvlm5pwy0)" style="stroke:#F4BF75;stroke-width:1.5625;"/><line style="stroke:#F4BF75;stroke-width:1.5625;" x1="623.9583" x2="712.5" y1="503.5319" y2="503.5319"/><text fill="#F4BF75" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="64.5833" x="633.3333" y="491.5324">My folder</text><!--MD5=[2f95c9c104e26437854e71862f3d840e]
cluster My Frame--><rect fill="url(#g15hplpvlm5pwy0)" height="118.75" rx="20.8333" ry="20.8333" style="stroke:#AA759F;stroke-width:1.5625;" width="139.5833" x="623.9583" y="624.7986"/><path d="M712.5,624.7986 L712.5,643.1152 L702.0833,653.5319 L623.9583,653.5319 " fill="none" style="stroke:#AA759F;stroke-width:1.5625;"/><text fill="#AA759F" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="67.7083" x="632.2917" y="643.6157">My Frame</text><!--MD5=[96f7e1299d4a43069e6ed32352fcac20]
entity HTTP--><ellipse cx="545.8333" cy="131.0486" fill="url(#g15hplpvlm5pwy1)" rx="8.3333" ry="8.3333" style="stroke:#BD6768;stroke-width:1.5625;"/><text fill="#EAEAEA" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="32.2917" x="529.6875" y="166.5324">HTTP</text><!--MD5=[cbd7cda55f2530e2efe43ec72c097853]
entity First Component--><rect fill="url(#g15hplpvlm5pwy2)" height="56.8583" rx="20.8333" ry="20.8333" style="stroke:#D3F198;stroke-width:1.5625;" width="160.4167" x="339.5833" y="102.4028"/><rect fill="url(#g15hplpvlm5pwy2)" height="10.4167" style="stroke:#D3F198;stroke-width:1.5625;" width="15.625" x="479.1667" y="107.6111"/><rect fill="url(#g15hplpvlm5pwy2)" height="2.0833" style="stroke:#D3F198;stroke-width:1.5625;" width="4.1667" x="477.0833" y="109.6944"/><rect fill="url(#g15hplpvlm5pwy2)" height="2.0833" style="stroke:#D3F198;stroke-width:1.5625;" width="4.1667" x="477.0833" y="113.8611"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="108.3333" x="360.4167" y="141.0116">First Component</text><!--MD5=[b9d11f23832c1491231c5b33e55ab8c6]
entity Another Component--><rect fill="url(#g15hplpvlm5pwy2)" height="56.8583" rx="20.8333" ry="20.8333" style="stroke:#D3F198;stroke-width:1.5625;" width="184.375" x="592.1875" y="102.4028"/><rect fill="url(#g15hplpvlm5pwy2)" height="10.4167" style="stroke:#D3F198;stroke-width:1.5625;" width="15.625" x="755.7292" y="107.6111"/><rect fill="url(#g15hplpvlm5pwy2)" height="2.0833" style="stroke:#D3F198;stroke-width:1.5625;" width="4.1667" x="753.6458" y="109.6944"/><rect fill="url(#g15hplpvlm5pwy2)" height="2.0833" style="stroke:#D3F198;stroke-width:1.5625;" width="4.1667" x="753.6458" y="113.8611"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="132.2917" x="613.0208" y="141.0116">Another Component</text><!--MD5=[aa625683a8c1a6d60f4cb888c4297339]
entity MyRectangle1--><rect height="46.4417" rx="20.8333" ry="20.8333" style="stroke:#B5E853;stroke-width:2.0833333333333335;fill:none;" width="121.875" x="180.7292" y="107.6111"/><text fill="#6D8B32" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="90.625" x="196.3542" y="135.8032">MyRectangle1</text><!--MD5=[deed3d4321eb4f26fdbc8b688b847966]
entity MyCollection1--><rect fill="url(#g15hplpvlm5pwy2)" height="42.275" rx="20.8333" ry="20.8333" style="stroke:#D3F198;stroke-width:1.5625;" width="116.6667" x="27.0833" y="111.7778"/><rect fill="url(#g15hplpvlm5pwy2)" height="42.275" rx="20.8333" ry="20.8333" style="stroke:#D3F198;stroke-width:1.5625;" width="116.6667" x="22.9167" y="107.6111"/><text fill="#6D8B32" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="89.5833" x="36.4583" y="133.7199">MyCollection1</text><!--MD5=[76af18d92d7d7c0f7ebd8f4f605ac5aa]
entity FTP--><ellipse cx="347.9167" cy="315.4236" fill="url(#g15hplpvlm5pwy1)" rx="8.3333" ry="8.3333" style="stroke:#BD6768;stroke-width:1.5625;"/><text fill="#EAEAEA" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="22.9167" x="336.4583" y="350.9074">FTP</text><!--MD5=[0e2cc1aee2c7f52697e111b4fb84546c]
entity Second Component--><rect fill="url(#g15hplpvlm5pwy2)" height="56.8583" rx="20.8333" ry="20.8333" style="stroke:#D3F198;stroke-width:1.5625;" width="180.2083" x="394.2708" y="286.7778"/><rect fill="url(#g15hplpvlm5pwy2)" height="10.4167" style="stroke:#D3F198;stroke-width:1.5625;" width="15.625" x="553.6458" y="291.9861"/><rect fill="url(#g15hplpvlm5pwy2)" height="2.0833" style="stroke:#D3F198;stroke-width:1.5625;" width="4.1667" x="551.5625" y="294.0694"/><rect fill="url(#g15hplpvlm5pwy2)" height="2.0833" style="stroke:#D3F198;stroke-width:1.5625;" width="4.1667" x="551.5625" y="298.2361"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="128.125" x="415.1042" y="325.3866">Second Component</text><!--MD5=[b8d85f5d3810694767e38854f60c8b6e]
entity MyRectangle2--><rect height="46.4417" rx="20.8333" ry="20.8333" style="stroke:#B5E853;stroke-width:2.0833333333333335;fill:none;" width="121.875" x="179.6875" y="291.9861"/><text fill="#6D8B32" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="90.625" x="195.3125" y="320.1782">MyRectangle2</text><!--MD5=[243c1e580c31013c48b02624e18b25a7]
entity Example 1--><rect fill="url(#g15hplpvlm5pwy2)" height="56.8583" rx="20.8333" ry="20.8333" style="stroke:#D3F198;stroke-width:1.5625;" width="119.7917" x="633.8542" y="286.7778"/><rect fill="url(#g15hplpvlm5pwy2)" height="10.4167" style="stroke:#D3F198;stroke-width:1.5625;" width="15.625" x="732.8125" y="291.9861"/><rect fill="url(#g15hplpvlm5pwy2)" height="2.0833" style="stroke:#D3F198;stroke-width:1.5625;" width="4.1667" x="730.7292" y="294.0694"/><rect fill="url(#g15hplpvlm5pwy2)" height="2.0833" style="stroke:#D3F198;stroke-width:1.5625;" width="4.1667" x="730.7292" y="298.2361"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="67.7083" x="654.6875" y="325.3866">Example 1</text><!--MD5=[3e0e08c92570480402984701ab5a6d2d]
entity Folder 3--><rect fill="url(#g15hplpvlm5pwy2)" height="56.8583" rx="20.8333" ry="20.8333" style="stroke:#D3F198;stroke-width:1.5625;" width="105.2083" x="641.1458" y="516.4653"/><rect fill="url(#g15hplpvlm5pwy2)" height="10.4167" style="stroke:#D3F198;stroke-width:1.5625;" width="15.625" x="725.5208" y="521.6736"/><rect fill="url(#g15hplpvlm5pwy2)" height="2.0833" style="stroke:#D3F198;stroke-width:1.5625;" width="4.1667" x="723.4375" y="523.7569"/><rect fill="url(#g15hplpvlm5pwy2)" height="2.0833" style="stroke:#D3F198;stroke-width:1.5625;" width="4.1667" x="723.4375" y="527.9236"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="53.125" x="661.9792" y="555.0741">Folder 3</text><!--MD5=[63877ed85df621d134a6c80fb52dad56]
entity Frame 4--><rect fill="url(#g15hplpvlm5pwy2)" height="56.8583" rx="20.8333" ry="20.8333" style="stroke:#D3F198;stroke-width:1.5625;" width="105.2083" x="641.1458" y="669.5903"/><rect fill="url(#g15hplpvlm5pwy2)" height="10.4167" style="stroke:#D3F198;stroke-width:1.5625;" width="15.625" x="725.5208" y="674.7986"/><rect fill="url(#g15hplpvlm5pwy2)" height="2.0833" style="stroke:#D3F198;stroke-width:1.5625;" width="4.1667" x="723.4375" y="676.8819"/><rect fill="url(#g15hplpvlm5pwy2)" height="2.0833" style="stroke:#D3F198;stroke-width:1.5625;" width="4.1667" x="723.4375" y="681.0486"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="53.125" x="661.9792" y="708.1991">Frame 4</text><!--MD5=[bb0325ec99f4f4d58c3e33c6fae3b543]
entity MyCollection2--><rect fill="url(#g15hplpvlm5pwy2)" height="42.275" rx="20.8333" ry="20.8333" style="stroke:#D3F198;stroke-width:1.5625;" width="116.6667" x="816.6667" y="111.7778"/><rect fill="url(#g15hplpvlm5pwy2)" height="42.275" rx="20.8333" ry="20.8333" style="stroke:#D3F198;stroke-width:1.5625;" width="116.6667" x="812.5" y="107.6111"/><text fill="#6D8B32" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="89.5833" x="826.0417" y="133.7199">MyCollection2</text><!--MD5=[4d6c9a8b502f46c0f85d26a51e5d57ce]
entity My Artifact--><rect fill="#EAEAEA" height="49.5667" rx="20.8333" ry="20.8333" style="stroke:#FFFFFF;stroke-width:1.5625;" width="109.375" x="970.3125" y="106.0486"/><polygon fill="#EAEAEA" points="1061.9792,111.2569,1061.9792,125.8403,1074.4792,125.8403,1074.4792,117.5069,1068.2292,111.2569,1061.9792,111.2569" style="stroke:#FFFFFF;stroke-width:1.5625;"/><line style="stroke:#FFFFFF;stroke-width:1.5625;" x1="1068.2292" x2="1068.2292" y1="111.2569" y2="117.5069"/><line style="stroke:#FFFFFF;stroke-width:1.5625;" x1="1074.4792" x2="1068.2292" y1="117.5069" y2="117.5069"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="67.7083" x="985.9375" y="137.3657">My Artifact</text><!--MD5=[6013850653c05993d855a7b82b2ebd6f]
entity My Storage--><rect fill="url(#g15hplpvlm5pwy3)" height="46.4417" rx="36.4583" ry="36.4583" style="stroke:#F6CC91;stroke-width:1.5625;" width="105.2083" x="1116.1458" y="107.6111"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="73.9583" x="1131.7708" y="135.8032">My Storage</text><!--MD5=[decf897d207c1b699121f5d4005ef96e]
entity My Queue--><path d="M829.6875,297.1944 L916.1458,297.1944 C921.3542,297.1944 921.3542,315.2069 921.3542,315.2069 C921.3542,315.2069 921.3542,333.2194 916.1458,333.2194 L829.6875,333.2194 C824.4792,333.2194 824.4792,315.2069 824.4792,315.2069 C824.4792,315.2069 824.4792,297.1944 829.6875,297.1944 " fill="url(#g15hplpvlm5pwy2)" style="stroke:#D3F198;stroke-width:1.5625;"/><path d="M916.1458,297.1944 C910.9375,297.1944 910.9375,315.2069 910.9375,315.2069 C910.9375,333.2194 916.1458,333.2194 916.1458,333.2194 " fill="none" style="stroke:#D3F198;stroke-width:1.5625;"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="65.625" x="834.8958" y="320.1782">My Queue</text><!--MD5=[db0b4290d55c456da6f1e605315daa68]
entity My Interface--><ellipse cx="1012.5" cy="315.4236" fill="url(#g15hplpvlm5pwy1)" rx="8.3333" ry="8.3333" style="stroke:#BD6768;stroke-width:1.5625;"/><text fill="#EAEAEA" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="81.25" x="971.875" y="350.9074">My Interface</text><!--MD5=[c42dbb279bb2c76edeffd08640135261]
entity My Card--><rect fill="url(#g15hplpvlm5pwy4)" height="31.8583" rx="20.8333" ry="20.8333" style="stroke:#BB91B2;stroke-width:1.5625;" width="84.375" x="1103.6458" y="299.2778"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="53.125" x="1119.2708" y="320.1782">My Card</text><!--MD5=[4552e0ab931d4db86ba1ccdf7169c968]
entity My File--><path d="M835.4167,542.5069 L835.4167,547.2819 A20.8333,20.8333 0 0 0 856.25,568.1152 L889.5833,568.1152 A20.8333,20.8333 0 0 0 910.4167,547.2819 L910.4167,532.0903 L900,521.6736 L856.25,521.6736 A20.8333,20.8333 0 0 0 835.4167,542.5069 " fill="url(#g15hplpvlm5pwy5)" style="stroke:#88B2C4;stroke-width:1.5625;"/><path d="M900,521.6736 L900,511.2569 A20.8333,20.8333 0 0 0 920.8333,532.0903 L910.4167,532.0903 " fill="url(#g15hplpvlm5pwy5)" style="stroke:#88B2C4;stroke-width:1.5625;"/><text fill="#EAEAEA" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="851.0417" y="549.8657">My File</text><!--MD5=[5a51615613d2b2569e36ac803df4b251]
entity My Stack--><rect fill="url(#g15hplpvlm5pwy2)" height="46.4417" rx="20.8333" ry="20.8333" style="stroke:none;stroke-width:1.5625;" width="88.5417" x="963.0208" y="521.6736"/><path d="M947.3958,521.6736 L942.1875,521.6736 A20.8333,20.8333 0 0 1 963.0208,542.5069 L963.0208,547.2819 A20.8333,20.8333 0 0 0 983.8542,568.1152 L1030.7292,568.1152 A20.8333,20.8333 0 0 0 1051.5625,547.2819 L1051.5625,542.5069 A20.8333,20.8333 0 0 1 1072.3958,521.6736 L1067.1875,521.6736 " fill="none" style="stroke:#D3F198;stroke-width:1.5625;"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="57.2917" x="978.6458" y="549.8657">My Stack</text><!--MD5=[46d996859f59e5baf77956ce93023cee]
link HTTP to First Component--><path d="M536.1771,131.0486 C524.1354,131.0486 512.0833,131.0486 500.0417,131.0486 " fill="none" id="HTTP-First Component" style="stroke:#B5E853;stroke-width:3.125;"/><!--MD5=[1966a42bb49d59057147dbda06282f4b]
link FTP to Second Component--><path d="M357.5104,315.4236 C369.7396,315.4236 381.9583,315.4236 394.1875,315.4236 " fill="none" id="FTP-Second Component" style="stroke:#B5E853;stroke-width:3.125;"/><!--MD5=[d3aefbd8005e27b21e7ce98ddd948193]
link First Component to FTP--><path d="M406.1354,159.9861 C397.0625,179.0486 385.1771,204.9861 376.0417,228.4444 C366.3229,253.4132 357.0625,283.2986 351.9688,300.434 " fill="none" id="First Component-to-FTP" style="stroke:#B5E853;stroke-width:3.125;"/><polygon fill="#B5E853" points="350.4063,305.7361,357.0527,297.9209,351.8783,300.7401,349.0591,295.5657,350.4063,305.7361" style="stroke:#B5E853;stroke-width:3.125;"/><!--MD5=[efc1ffe8b578a0fb156c7bce303319bb]
link Another Component to Example 1--><path d="M685.8021,159.7778 C687.4792,192.3923 690.2604,246.5382 692.0521,281.3194 " fill="none" id="Another Component-to-Example 1" style="stroke:#B5E853;stroke-width:3.125;"/><polygon fill="#B5E853" points="692.3333,286.7361,696.0403,277.17,692.0807,281.5339,687.7168,277.5743,692.3333,286.7361" style="stroke:#B5E853;stroke-width:3.125;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="98.9583" x="694.7917" y="211.8449">some message</text><!--MD5=[7ec8393a78a133520e8846dd05a7857a]
link Example 1 to Folder 3--><path d="M693.75,344.3715 C693.75,386.4653 693.75,466.0382 693.75,510.9861 " fill="none" id="Example 1-to-Folder 3" style="stroke:#B5E853;stroke-width:3.125;"/><polygon fill="#B5E853" points="693.75,516.2882,697.9167,506.9132,693.75,511.0798,689.5833,506.9132,693.75,516.2882" style="stroke:#B5E853;stroke-width:3.125;"/><!--MD5=[b96c7096199393c1414a8b4e9ed2c30f]
link Folder 3 to Frame 4--><path d="M693.75,573.8611 C693.75,599.2465 693.75,636.8819 693.75,663.9028 " fill="none" id="Folder 3-to-Frame 4" style="stroke:#B5E853;stroke-width:3.125;"/><polygon fill="#B5E853" points="693.75,669.1528,697.9167,659.7778,693.75,663.9444,689.5833,659.7778,693.75,669.1528" style="stroke:#B5E853;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=[e36f9a0c610079d82152bf21e662c767]
@startuml
!$THEME = "hacker"
!if %not(%variable_exists("$BGCOLOR"))
!$BGCOLOR = "transparent"
!endif
skinparam BackgroundColor $BGCOLOR
skinparam useBetaStyle false
!$PRIMARY = "#b5e853"
!$PRIMARY_LIGHT = "#d3f198"
!$PRIMARY_DARK = "#6d8b32"
!$PRIMARY_TEXT = "#151515"
!$SECONDARY = "#6a9fb5"
!$SECONDARY_LIGHT = "#88b2c4"
!$SECONDARY_DARK = "#557f91"
!$SECONDARY_TEXT = "#fefefe"
!$SUCCESS = "#90a959"
!$SUCCESS_LIGHT = "#a6ba7a"
!$INFO = "#aa759f"
!$INFO_LIGHT = "#bb91b2"
!$INFO_DARK = "#885E7F"
!$WARNING = "#f4bf75"
!$WARNING_LIGHT = "#f6cc91"
!$WARNING_TEXT = "#151515"
!$DANGER = "#ac4142"
!$DANGER_LIGHT = "#bd6768"
!$LIGHT = "#151515"
!$DARK = "#eaeaea"
!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 40
skinparam ParticipantPadding 40
skinparam BoxPadding 40
skinparam Padding 5
skinparam ArrowColor $DARK
skinparam stereotype {
CBackgroundColor $SECONDARY_DARK
CBorderColor $SECONDARY_LIGHT
ABackgroundColor $SUCCESS_LIGHT
ABorderColor $SUCCESS_DARK
IBackgroundColor $DANGER_LIGHT
IBorderColor $DANGER_DARK
EBackgroundColor $WARNING_LIGHT
EBorderColor $WARNING_DARK
NBackgroundColor $INFO_LIGHT
NBorderColor $INFO_DARK
}
skinparam title {
FontColor $PRIMARY
BorderColor $PRIMARY
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor $LIGHT-black
}
skinparam legend {
BackgroundColor $SECONDARY
BorderColor $SECONDARY_DARK
FontColor $DARK
}
!startsub swimlane
skinparam swimlane {
BorderColor $INFO
BorderThickness 2
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY
TitleFontColor $PRIMARY
}
!endsub
!startsub activity
skinparam activity {
$primary_scheme()
BarColor $SUCCESS
StartColor $INFO
EndColor $INFO
DiamondBackgroundColor $SECONDARY_LIGHT-$SECONDARY
DiamondBorderColor $SECONDARY_LIGHT
DiamondFontColor $SECONDARY_TEXT
}
!endsub
!startsub participant
skinparam participant {
$primary_scheme()
BorderThickness 2
}
!endsub
!startsub actor
skinparam actor {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub arrow
skinparam arrow {
Thickness 3
Color $PRIMARY
FontColor $FGCOLOR
}
!endsub
!startsub sequence
skinparam sequence {
BorderColor $PRIMARY
TitleFontColor $PRIMARY
BackgroundColor $BGCOLOR
StartColor $PRIMARY
EndColor $PRIMARY
BoxBackgroundColor $BGCOLOR
BoxBorderColor $DARK
BoxFontColor $DARk
LifeLineBorderColor $SECONDARY
LifeLineBorderThickness 2
LifeLineBackgroundColor $SECONDARY_DARK
GroupBorderColor $DARK
GroupFontColor $DARK
GroupHeaderFontColor $INFO_TEXT
GroupBackgroundColor $BGCOLOR
GroupBodyBackgroundColor $BGCOLOR
GroupHeaderBackgroundColor $BGCOLOR
DividerBackgroundColor $DARK
DividerBorderColor $DARK
DividerBorderThickness 2
DividerFontColor $LIGHT
ReferenceBackgroundColor $BGCOLOR
ReferenceBorderColor $DARK
ReferenceFontColor $DARK
ReferenceHeaderBackgroundColor $LIGHT
}
!endsub
!startsub partition
skinparam partition {
BorderColor $PRIMARY
FontColor $PRIMARY
BackgroundColor $LIGHT-black
}
!endsub
!startsub collections
skinparam collections {
$primary_scheme()
}
!endsub
!startsub control
skinparam control {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub entity
skinparam entity {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub boundary
skinparam boundary {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub agent
skinparam agent {
BackgroundColor $WARNING_LIGHT-$WARNING
BorderColor $WARNING_LIGHT
FontColor $DARK
}
!endsub
!startsub note
skinparam note {
BorderThickness 1
BackgroundColor $INFO_LIGHT-$INFO_DARK
BorderColor $INFO_DARK
FontColor $WHITE
}
!endsub
!startsub artifact
skinparam artifact {
BackgroundColor $DARK
BorderColor white
FontColor $LIGHT
}
!endsub
!startsub component
skinparam component {
$primary_scheme()
}
!endsub
!startsub interface
skinparam interface {
BackgroundColor $DANGER_LIGHT-$DANGER
BorderColor $DANGER_LIGHT
FontColor $DARK
}
!endsub
!startsub storage
skinparam storage {
BackgroundColor $WARNING_LIGHT-$WARNING
BorderColor $WARNING_LIGHT
FontColor $WARNING_TEXT
}
!endsub
!startsub node
skinparam node {
BackgroundColor $LIGHT-black
BorderColor $PRIMARY_LIGHT
FontColor $DARK
}
!endsub
!startsub cloud
skinparam cloud {
BackgroundColor transparent
BorderColor $DARK
FontColor $DARK
}
!endsub
!startsub database
skinparam database {
BackgroundColor $LIGHT-black
BorderColor $PRIMARY_LIGHT
FontColor $DARK
}
!endsub
!startsub class
skinparam class {
$primary_scheme()
HeaderBackgroundColor $PRIMARY_LIGHT-$PRIMARY
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $LIGHT
AttributeFontSize 11
}
!endsub
!startsub object
skinparam object {
$primary_scheme()
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $LIGHT
AttributeFontSize 11
}
!endsub
!startsub usecase
skinparam usecase {
$primary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub rectangle
skinparam rectangle {
BackgroundColor $BGCOLOR
BorderColor $PRIMARY
BorderThickness 2
FontColor $PRIMARY_DARK
StereotypeFontColor $PRIMARY
}
!endsub
!startsub package
skinparam package {
BackgroundColor $LIGHT
BorderColor $PRIMARY
FontColor $PRIMARY
BorderThickness 2
}
!endsub
!startsub folder
skinparam folder {
BackgroundColor $LIGHT-black
BorderColor $WARNING
FontColor $WARNING
BorderThickness 2
}
!endsub
!startsub frame
skinparam frame {
BackgroundColor $LIGHT-black
BorderColor $INFO
FontColor $INFO
BorderThickness 2
}
!endsub
!startsub state
skinparam state {
$primary_scheme()
StartColor $INFO
EndColor $INFO
AttributeFontColor $SECONDARY_TEXT
AttributeFontSize 11
}
!endsub
!startsub queue
skinparam queue {
$primary_scheme()
}
!endsub
!startsub card
skinparam card {
BackgroundColor $INFO_LIGHT-$INFO
BorderColor $INFO_LIGHT
FontColor $INFO_TEXT
}
!endsub
!startsub file
skinparam file {
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
BorderColor $SECONDARY_LIGHT
FontColor $DARK
}
!endsub
!startsub stack
skinparam stack {
$primary_scheme()
}
!endsub
!if %variable_exists("NEWSTYLE")
<style>
wbsDiagram {
LineColor $PRIMARY
BorderThickness 3
BackgroundColor $LIGHT-black
FontColor $PRIMARY
:depth(0) {
fontSize 16
fontStyle bold
fontColor $SECONDARY
}
:depth(1) {
fontSize 14
padding 5
fontStyle bold
}
:depth(2) {
fontSize 12
padding 4
}
:depth(3) {
fontSize 11
padding 3
fontColor $INFO
}
}
</style>
<style>
mindmapDiagram {
LineColor $PRIMARY
BorderThickness 3
BackgroundColor $LIGHT-black
FontColor $PRIMARY
:depth(0) {
fontSize 16
fontStyle bold
fontColor $SECONDARY
}
:depth(1) {
fontSize 14
padding 5
fontStyle bold
}
:depth(2) {
fontSize 12
padding 4
}
:depth(3) {
fontSize 11
padding 3
fontColor $INFO
}
}
</style>
!endif
!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 40
skinparam ParticipantPadding 40
skinparam BoxPadding 40
skinparam Padding 5
skinparam ArrowColor #eaeaea
skinparam stereotype {
CBackgroundColor #557f91
CBorderColor #88b2c4
ABackgroundColor #a6ba7a
ABorderColor $SUCCESS_DARK
IBackgroundColor #bd6768
IBorderColor $DANGER_DARK
EBackgroundColor #f6cc91
EBorderColor $WARNING_DARK
NBackgroundColor #bb91b2
NBorderColor #885E7F
}
skinparam title {
FontColor #b5e853
BorderColor #b5e853
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor #151515-black
}
skinparam legend {
BackgroundColor #6a9fb5
BorderColor #557f91
FontColor #eaeaea
}
skinparam swimlane {
BorderColor #aa759f
BorderThickness 2
TitleBackgroundColor #88b2c4-#6a9fb5
TitleFontColor #b5e853
}
skinparam activity {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
BarColor #90a959
StartColor #aa759f
EndColor #aa759f
DiamondBackgroundColor #88b2c4-#6a9fb5
DiamondBorderColor #88b2c4
DiamondFontColor #fefefe
}
skinparam participant {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
BorderThickness 2
}
skinparam actor {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
FontColor #eaeaea
}
skinparam arrow {
Thickness 3
Color #b5e853
FontColor $FGCOLOR
}
skinparam sequence {
BorderColor #b5e853
TitleFontColor #b5e853
BackgroundColor transparent
StartColor #b5e853
EndColor #b5e853
BoxBackgroundColor transparent
BoxBorderColor #eaeaea
BoxFontColor $DARk
LifeLineBorderColor #6a9fb5
LifeLineBorderThickness 2
LifeLineBackgroundColor #557f91
GroupBorderColor #eaeaea
GroupFontColor #eaeaea
GroupHeaderFontColor $INFO_TEXT
GroupBackgroundColor transparent
GroupBodyBackgroundColor transparent
GroupHeaderBackgroundColor transparent
DividerBackgroundColor #eaeaea
DividerBorderColor #eaeaea
DividerBorderThickness 2
DividerFontColor #151515
ReferenceBackgroundColor transparent
ReferenceBorderColor #eaeaea
ReferenceFontColor #eaeaea
ReferenceHeaderBackgroundColor #151515
}
skinparam partition {
BorderColor #b5e853
FontColor #b5e853
BackgroundColor #151515-black
}
skinparam collections {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
}
skinparam control {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
FontColor #eaeaea
}
skinparam entity {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
FontColor #eaeaea
}
skinparam boundary {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
FontColor #eaeaea
}
skinparam agent {
BackgroundColor #f6cc91-#f4bf75
BorderColor #f6cc91
FontColor #eaeaea
}
skinparam note {
BorderThickness 1
BackgroundColor #bb91b2-#885E7F
BorderColor #885E7F
FontColor $WHITE
}
skinparam artifact {
BackgroundColor #eaeaea
BorderColor white
FontColor #151515
}
skinparam component {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
}
skinparam interface {
BackgroundColor #bd6768-#ac4142
BorderColor #bd6768
FontColor #eaeaea
}
skinparam storage {
BackgroundColor #f6cc91-#f4bf75
BorderColor #f6cc91
FontColor #151515
}
skinparam node {
BackgroundColor #151515-black
BorderColor #d3f198
FontColor #eaeaea
}
skinparam cloud {
BackgroundColor transparent
BorderColor #eaeaea
FontColor #eaeaea
}
skinparam database {
BackgroundColor #151515-black
BorderColor #d3f198
FontColor #eaeaea
}
skinparam class {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
HeaderBackgroundColor #d3f198-#b5e853
StereotypeFontColor #eaeaea
BorderThickness 1
AttributeFontColor #151515
AttributeFontSize 11
}
skinparam object {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
StereotypeFontColor #eaeaea
BorderThickness 1
AttributeFontColor #151515
AttributeFontSize 11
}
skinparam usecase {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
BorderThickness 2
StereotypeFontColor #b5e853
}
skinparam rectangle {
BackgroundColor transparent
BorderColor #b5e853
BorderThickness 2
FontColor #6d8b32
StereotypeFontColor #b5e853
}
skinparam package {
BackgroundColor #151515
BorderColor #b5e853
FontColor #b5e853
BorderThickness 2
}
skinparam folder {
BackgroundColor #151515-black
BorderColor #f4bf75
FontColor #f4bf75
BorderThickness 2
}
skinparam frame {
BackgroundColor #151515-black
BorderColor #aa759f
FontColor #aa759f
BorderThickness 2
}
skinparam state {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
StartColor #aa759f
EndColor #aa759f
AttributeFontColor #fefefe
AttributeFontSize 11
}
skinparam queue {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
}
skinparam card {
BackgroundColor #bb91b2-#aa759f
BorderColor #bb91b2
FontColor $INFO_TEXT
}
skinparam file {
BackgroundColor #88b2c4-#6a9fb5
BorderColor #88b2c4
FontColor #eaeaea
}
skinparam stack {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
}
title Component Diagram - hacker theme
package "My Package" {
HTTP - [First Component]
[Another Component]
rectangle MyRectangle1
collections MyCollection1
}
node "My Node" {
FTP - [Second Component]
[First Component] - -> FTP
rectangle MyRectangle2
}
cloud "My Cloud" {
[Example 1]
}
collections MyCollection2
database "My Database" {
folder "My folder" {
[Folder 3]
}
frame "My Frame" {
[Frame 4]
}
}
artifact "My Artifact"
storage "My Storage"
queue "My Queue"
interface "My Interface"
card "My Card"
file "My File"
stack "My Stack"
[Another Component] - -> [Example 1]: some message
[Example 1] - -> [Folder 3]
[Folder 3] - -> [Frame 4]
@enduml
PlantUML version 1.2021.01(Mon Feb 01 23:55:08 PST 2021)
(GPL source distribution)
Java Runtime: OpenJDK Runtime Environment
JVM: OpenJDK 64-Bit Server VM
Default Encoding: UTF-8
Language: en
Country: US
--></g></svg>

After

Width:  |  Height:  |  Size: 36 KiB

63
puml/hacker/index.md Normal file
View File

@ -0,0 +1,63 @@
---
layout: default
title: hacker
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: black; 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>

849
puml/hacker/mindmap-ex.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 22 KiB

853
puml/hacker/object-ex.svg Normal file
View File

@ -0,0 +1,853 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentScriptType="application/ecmascript" contentStyleType="text/css" height="288.5417px" preserveAspectRatio="none" style="width:533px;height:288px;background:#00000000;" version="1.1" viewBox="0 0 533 288" width="533.3333px" zoomAndPan="magnify"><defs><linearGradient id="gte9v3a7gdq0m0" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#151515"/><stop offset="100%" stop-color="#000000"/></linearGradient><linearGradient id="gte9v3a7gdq0m1" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#D3F198"/><stop offset="100%" stop-color="#B5E853"/></linearGradient></defs><g><rect fill="url(#gte9v3a7gdq0m0)" height="46.1528" rx="4.1667" ry="4.1667" style="stroke:#B5E853;stroke-width:1.0416666666666667;" width="359.375" x="79.9479" y="2.0833"/><text fill="#B5E853" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="332.2917" x="93.4896" y="33.4452">Object Diagram - hacker theme</text><rect fill="url(#gte9v3a7gdq0m1)" height="46.4417" rx="20.8333" ry="20.8333" style="stroke:#D3F198;stroke-width:1.0416666666666667;" width="84.375" x="7.2917" y="58.6528"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="19.7917" y="78.5116">Object01</text><line style="stroke:#D3F198;stroke-width:1.0416666666666667;" x1="8.3333" x2="90.625" y1="88.4277" y2="88.4277"/><rect fill="url(#gte9v3a7gdq0m1)" height="46.4417" rx="20.8333" ry="20.8333" style="stroke:#D3F198;stroke-width:1.0416666666666667;" width="84.375" x="7.2917" y="214.9028"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="19.7917" y="234.7616">Object02</text><line style="stroke:#D3F198;stroke-width:1.0416666666666667;" x1="8.3333" x2="90.625" y1="244.6777" y2="244.6777"/><rect fill="url(#gte9v3a7gdq0m1)" height="46.4417" rx="20.8333" ry="20.8333" style="stroke:#D3F198;stroke-width:1.0416666666666667;" width="84.375" x="128.125" y="58.6528"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="140.625" y="78.5116">Object03</text><line style="stroke:#D3F198;stroke-width:1.0416666666666667;" x1="129.1667" x2="211.4583" y1="88.4277" y2="88.4277"/><rect fill="url(#gte9v3a7gdq0m1)" height="46.4417" rx="20.8333" ry="20.8333" style="stroke:#D3F198;stroke-width:1.0416666666666667;" width="84.375" x="128.125" y="214.9028"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="140.625" y="234.7616">Object04</text><line style="stroke:#D3F198;stroke-width:1.0416666666666667;" x1="129.1667" x2="211.4583" y1="244.6777" y2="244.6777"/><rect fill="url(#gte9v3a7gdq0m1)" height="46.4417" rx="20.8333" ry="20.8333" style="stroke:#D3F198;stroke-width:1.0416666666666667;" width="84.375" x="248.9583" y="58.6528"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="261.4583" y="78.5116">Object05</text><line style="stroke:#D3F198;stroke-width:1.0416666666666667;" x1="250" x2="332.2917" y1="88.4277" y2="88.4277"/><rect fill="url(#gte9v3a7gdq0m1)" height="46.4417" rx="20.8333" ry="20.8333" style="stroke:#D3F198;stroke-width:1.0416666666666667;" width="84.375" x="248.9583" y="214.9028"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="261.4583" y="234.7616">Object06</text><line style="stroke:#D3F198;stroke-width:1.0416666666666667;" x1="250" x2="332.2917" y1="244.6777" y2="244.6777"/><rect fill="url(#gte9v3a7gdq0m1)" height="46.4417" rx="20.8333" ry="20.8333" style="stroke:#D3F198;stroke-width:1.0416666666666667;" width="84.375" x="393.75" y="58.6528"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="406.25" y="78.5116">Object07</text><line style="stroke:#D3F198;stroke-width:1.0416666666666667;" x1="394.7917" x2="477.0833" y1="88.4277" y2="88.4277"/><rect fill="url(#gte9v3a7gdq0m1)" height="86.793" rx="20.8333" ry="20.8333" style="stroke:#D3F198;stroke-width:1.0416666666666667;" width="131.25" x="370.3125" y="195.1111"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="406.25" y="214.9699">Object08</text><line style="stroke:#D3F198;stroke-width:1.5625;" x1="371.3542" x2="500.5208" y1="224.8861" y2="224.8861"/><text fill="#151515" font-family="Verdana" font-size="11.4583" lengthAdjust="spacing" textLength="108.3333" x="381.7708" y="245.7809">name = "Dummy"</text><text fill="#151515" font-family="Verdana" font-size="11.4583" lengthAdjust="spacing" textLength="50" x="381.7708" y="270.1233">id = 123</text><!--MD5=[507381b32e0a49e7abc7210229a8ee60]
reverse link Object01 to Object02--><path codeLine="21" d="M49.4792,126.5278 C49.4792,155.2673 49.4792,191.7778 49.4792,214.8507 " fill="none" id="Object01-backto-Object02" style="stroke:#B5E853;stroke-width:3.125;"/><polygon fill="none" points="42.1875,126.3819,49.4792,105.5486,56.7708,126.3819,42.1875,126.3819" style="stroke:#B5E853;stroke-width:3.125;"/><!--MD5=[d21c20b16b3ff22abbc2c8af84931b60]
reverse link Object03 to Object04--><path codeLine="22" d="M170.3125,119.4444 C170.3125,149.0173 170.3125,189.8403 170.3125,214.8507 " fill="none" id="Object03-backto-Object04" style="stroke:#B5E853;stroke-width:3.125;"/><polygon fill="#B5E853" points="170.3125,105.5486,166.1458,111.7986,170.3125,118.0486,174.4792,111.7986,170.3125,105.5486" style="stroke:#B5E853;stroke-width:3.125;"/><!--MD5=[ade907096602ef8d7fe19339b46bff0e]
reverse link Object05 to Object06--><path codeLine="23" d="M291.1458,119.4444 C291.1458,149.0173 291.1458,189.8403 291.1458,214.8507 " fill="none" id="Object05-backto-Object06" style="stroke:#B5E853;stroke-width:3.125;"/><polygon points="291.1458,105.5486,286.9792,111.7986,291.1458,118.0486,295.3125,111.7986,291.1458,105.5486" style="stroke:#B5E853;stroke-width:3.125;fill:none;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="8.3333" x="275.2018" y="198.5373">4</text><!--MD5=[17488501a7bed181c851ca0c615fb4f2]
link Object07 to Object08--><path codeLine="24" d="M435.9375,105.5486 C435.9375,128.934 435.9375,166.1423 435.9375,195.059 " fill="none" id="Object07-Object08" style="stroke:#B5E853;stroke-width:3.125;stroke-dasharray:7.0,7.0;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="78.125" x="442.1875" y="155.5949">some labels</text><!--MD5=[ec09589cb28c964ee17560eb8855fd0a]
@startuml
!$THEME = "hacker"
!if %not(%variable_exists("$BGCOLOR"))
!$BGCOLOR = "transparent"
!endif
skinparam BackgroundColor $BGCOLOR
skinparam useBetaStyle false
!$PRIMARY = "#b5e853"
!$PRIMARY_LIGHT = "#d3f198"
!$PRIMARY_DARK = "#6d8b32"
!$PRIMARY_TEXT = "#151515"
!$SECONDARY = "#6a9fb5"
!$SECONDARY_LIGHT = "#88b2c4"
!$SECONDARY_DARK = "#557f91"
!$SECONDARY_TEXT = "#fefefe"
!$SUCCESS = "#90a959"
!$SUCCESS_LIGHT = "#a6ba7a"
!$INFO = "#aa759f"
!$INFO_LIGHT = "#bb91b2"
!$INFO_DARK = "#885E7F"
!$WARNING = "#f4bf75"
!$WARNING_LIGHT = "#f6cc91"
!$WARNING_TEXT = "#151515"
!$DANGER = "#ac4142"
!$DANGER_LIGHT = "#bd6768"
!$LIGHT = "#151515"
!$DARK = "#eaeaea"
!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 40
skinparam ParticipantPadding 40
skinparam BoxPadding 40
skinparam Padding 5
skinparam ArrowColor $DARK
skinparam stereotype {
CBackgroundColor $SECONDARY_DARK
CBorderColor $SECONDARY_LIGHT
ABackgroundColor $SUCCESS_LIGHT
ABorderColor $SUCCESS_DARK
IBackgroundColor $DANGER_LIGHT
IBorderColor $DANGER_DARK
EBackgroundColor $WARNING_LIGHT
EBorderColor $WARNING_DARK
NBackgroundColor $INFO_LIGHT
NBorderColor $INFO_DARK
}
skinparam title {
FontColor $PRIMARY
BorderColor $PRIMARY
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor $LIGHT-black
}
skinparam legend {
BackgroundColor $SECONDARY
BorderColor $SECONDARY_DARK
FontColor $DARK
}
!startsub swimlane
skinparam swimlane {
BorderColor $INFO
BorderThickness 2
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY
TitleFontColor $PRIMARY
}
!endsub
!startsub activity
skinparam activity {
$primary_scheme()
BarColor $SUCCESS
StartColor $INFO
EndColor $INFO
DiamondBackgroundColor $SECONDARY_LIGHT-$SECONDARY
DiamondBorderColor $SECONDARY_LIGHT
DiamondFontColor $SECONDARY_TEXT
}
!endsub
!startsub participant
skinparam participant {
$primary_scheme()
BorderThickness 2
}
!endsub
!startsub actor
skinparam actor {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub arrow
skinparam arrow {
Thickness 3
Color $PRIMARY
FontColor $FGCOLOR
}
!endsub
!startsub sequence
skinparam sequence {
BorderColor $PRIMARY
TitleFontColor $PRIMARY
BackgroundColor $BGCOLOR
StartColor $PRIMARY
EndColor $PRIMARY
BoxBackgroundColor $BGCOLOR
BoxBorderColor $DARK
BoxFontColor $DARk
LifeLineBorderColor $SECONDARY
LifeLineBorderThickness 2
LifeLineBackgroundColor $SECONDARY_DARK
GroupBorderColor $DARK
GroupFontColor $DARK
GroupHeaderFontColor $INFO_TEXT
GroupBackgroundColor $BGCOLOR
GroupBodyBackgroundColor $BGCOLOR
GroupHeaderBackgroundColor $BGCOLOR
DividerBackgroundColor $DARK
DividerBorderColor $DARK
DividerBorderThickness 2
DividerFontColor $LIGHT
ReferenceBackgroundColor $BGCOLOR
ReferenceBorderColor $DARK
ReferenceFontColor $DARK
ReferenceHeaderBackgroundColor $LIGHT
}
!endsub
!startsub partition
skinparam partition {
BorderColor $PRIMARY
FontColor $PRIMARY
BackgroundColor $LIGHT-black
}
!endsub
!startsub collections
skinparam collections {
$primary_scheme()
}
!endsub
!startsub control
skinparam control {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub entity
skinparam entity {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub boundary
skinparam boundary {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub agent
skinparam agent {
BackgroundColor $WARNING_LIGHT-$WARNING
BorderColor $WARNING_LIGHT
FontColor $DARK
}
!endsub
!startsub note
skinparam note {
BorderThickness 1
BackgroundColor $INFO_LIGHT-$INFO_DARK
BorderColor $INFO_DARK
FontColor $WHITE
}
!endsub
!startsub artifact
skinparam artifact {
BackgroundColor $DARK
BorderColor white
FontColor $LIGHT
}
!endsub
!startsub component
skinparam component {
$primary_scheme()
}
!endsub
!startsub interface
skinparam interface {
BackgroundColor $DANGER_LIGHT-$DANGER
BorderColor $DANGER_LIGHT
FontColor $DARK
}
!endsub
!startsub storage
skinparam storage {
BackgroundColor $WARNING_LIGHT-$WARNING
BorderColor $WARNING_LIGHT
FontColor $WARNING_TEXT
}
!endsub
!startsub node
skinparam node {
BackgroundColor $LIGHT-black
BorderColor $PRIMARY_LIGHT
FontColor $DARK
}
!endsub
!startsub cloud
skinparam cloud {
BackgroundColor transparent
BorderColor $DARK
FontColor $DARK
}
!endsub
!startsub database
skinparam database {
BackgroundColor $LIGHT-black
BorderColor $PRIMARY_LIGHT
FontColor $DARK
}
!endsub
!startsub class
skinparam class {
$primary_scheme()
HeaderBackgroundColor $PRIMARY_LIGHT-$PRIMARY
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $LIGHT
AttributeFontSize 11
}
!endsub
!startsub object
skinparam object {
$primary_scheme()
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $LIGHT
AttributeFontSize 11
}
!endsub
!startsub usecase
skinparam usecase {
$primary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub rectangle
skinparam rectangle {
BackgroundColor $BGCOLOR
BorderColor $PRIMARY
BorderThickness 2
FontColor $PRIMARY_DARK
StereotypeFontColor $PRIMARY
}
!endsub
!startsub package
skinparam package {
BackgroundColor $LIGHT
BorderColor $PRIMARY
FontColor $PRIMARY
BorderThickness 2
}
!endsub
!startsub folder
skinparam folder {
BackgroundColor $LIGHT-black
BorderColor $WARNING
FontColor $WARNING
BorderThickness 2
}
!endsub
!startsub frame
skinparam frame {
BackgroundColor $LIGHT-black
BorderColor $INFO
FontColor $INFO
BorderThickness 2
}
!endsub
!startsub state
skinparam state {
$primary_scheme()
StartColor $INFO
EndColor $INFO
AttributeFontColor $SECONDARY_TEXT
AttributeFontSize 11
}
!endsub
!startsub queue
skinparam queue {
$primary_scheme()
}
!endsub
!startsub card
skinparam card {
BackgroundColor $INFO_LIGHT-$INFO
BorderColor $INFO_LIGHT
FontColor $INFO_TEXT
}
!endsub
!startsub file
skinparam file {
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
BorderColor $SECONDARY_LIGHT
FontColor $DARK
}
!endsub
!startsub stack
skinparam stack {
$primary_scheme()
}
!endsub
!if %variable_exists("NEWSTYLE")
<style>
wbsDiagram {
LineColor $PRIMARY
BorderThickness 3
BackgroundColor $LIGHT-black
FontColor $PRIMARY
:depth(0) {
fontSize 16
fontStyle bold
fontColor $SECONDARY
}
:depth(1) {
fontSize 14
padding 5
fontStyle bold
}
:depth(2) {
fontSize 12
padding 4
}
:depth(3) {
fontSize 11
padding 3
fontColor $INFO
}
}
</style>
<style>
mindmapDiagram {
LineColor $PRIMARY
BorderThickness 3
BackgroundColor $LIGHT-black
FontColor $PRIMARY
:depth(0) {
fontSize 16
fontStyle bold
fontColor $SECONDARY
}
:depth(1) {
fontSize 14
padding 5
fontStyle bold
}
:depth(2) {
fontSize 12
padding 4
}
:depth(3) {
fontSize 11
padding 3
fontColor $INFO
}
}
</style>
!endif
!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 40
skinparam ParticipantPadding 40
skinparam BoxPadding 40
skinparam Padding 5
skinparam ArrowColor #eaeaea
skinparam stereotype {
CBackgroundColor #557f91
CBorderColor #88b2c4
ABackgroundColor #a6ba7a
ABorderColor $SUCCESS_DARK
IBackgroundColor #bd6768
IBorderColor $DANGER_DARK
EBackgroundColor #f6cc91
EBorderColor $WARNING_DARK
NBackgroundColor #bb91b2
NBorderColor #885E7F
}
skinparam title {
FontColor #b5e853
BorderColor #b5e853
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor #151515-black
}
skinparam legend {
BackgroundColor #6a9fb5
BorderColor #557f91
FontColor #eaeaea
}
skinparam swimlane {
BorderColor #aa759f
BorderThickness 2
TitleBackgroundColor #88b2c4-#6a9fb5
TitleFontColor #b5e853
}
skinparam activity {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
BarColor #90a959
StartColor #aa759f
EndColor #aa759f
DiamondBackgroundColor #88b2c4-#6a9fb5
DiamondBorderColor #88b2c4
DiamondFontColor #fefefe
}
skinparam participant {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
BorderThickness 2
}
skinparam actor {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
FontColor #eaeaea
}
skinparam arrow {
Thickness 3
Color #b5e853
FontColor $FGCOLOR
}
skinparam sequence {
BorderColor #b5e853
TitleFontColor #b5e853
BackgroundColor transparent
StartColor #b5e853
EndColor #b5e853
BoxBackgroundColor transparent
BoxBorderColor #eaeaea
BoxFontColor $DARk
LifeLineBorderColor #6a9fb5
LifeLineBorderThickness 2
LifeLineBackgroundColor #557f91
GroupBorderColor #eaeaea
GroupFontColor #eaeaea
GroupHeaderFontColor $INFO_TEXT
GroupBackgroundColor transparent
GroupBodyBackgroundColor transparent
GroupHeaderBackgroundColor transparent
DividerBackgroundColor #eaeaea
DividerBorderColor #eaeaea
DividerBorderThickness 2
DividerFontColor #151515
ReferenceBackgroundColor transparent
ReferenceBorderColor #eaeaea
ReferenceFontColor #eaeaea
ReferenceHeaderBackgroundColor #151515
}
skinparam partition {
BorderColor #b5e853
FontColor #b5e853
BackgroundColor #151515-black
}
skinparam collections {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
}
skinparam control {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
FontColor #eaeaea
}
skinparam entity {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
FontColor #eaeaea
}
skinparam boundary {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
FontColor #eaeaea
}
skinparam agent {
BackgroundColor #f6cc91-#f4bf75
BorderColor #f6cc91
FontColor #eaeaea
}
skinparam note {
BorderThickness 1
BackgroundColor #bb91b2-#885E7F
BorderColor #885E7F
FontColor $WHITE
}
skinparam artifact {
BackgroundColor #eaeaea
BorderColor white
FontColor #151515
}
skinparam component {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
}
skinparam interface {
BackgroundColor #bd6768-#ac4142
BorderColor #bd6768
FontColor #eaeaea
}
skinparam storage {
BackgroundColor #f6cc91-#f4bf75
BorderColor #f6cc91
FontColor #151515
}
skinparam node {
BackgroundColor #151515-black
BorderColor #d3f198
FontColor #eaeaea
}
skinparam cloud {
BackgroundColor transparent
BorderColor #eaeaea
FontColor #eaeaea
}
skinparam database {
BackgroundColor #151515-black
BorderColor #d3f198
FontColor #eaeaea
}
skinparam class {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
HeaderBackgroundColor #d3f198-#b5e853
StereotypeFontColor #eaeaea
BorderThickness 1
AttributeFontColor #151515
AttributeFontSize 11
}
skinparam object {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
StereotypeFontColor #eaeaea
BorderThickness 1
AttributeFontColor #151515
AttributeFontSize 11
}
skinparam usecase {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
BorderThickness 2
StereotypeFontColor #b5e853
}
skinparam rectangle {
BackgroundColor transparent
BorderColor #b5e853
BorderThickness 2
FontColor #6d8b32
StereotypeFontColor #b5e853
}
skinparam package {
BackgroundColor #151515
BorderColor #b5e853
FontColor #b5e853
BorderThickness 2
}
skinparam folder {
BackgroundColor #151515-black
BorderColor #f4bf75
FontColor #f4bf75
BorderThickness 2
}
skinparam frame {
BackgroundColor #151515-black
BorderColor #aa759f
FontColor #aa759f
BorderThickness 2
}
skinparam state {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
StartColor #aa759f
EndColor #aa759f
AttributeFontColor #fefefe
AttributeFontSize 11
}
skinparam queue {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
}
skinparam card {
BackgroundColor #bb91b2-#aa759f
BorderColor #bb91b2
FontColor $INFO_TEXT
}
skinparam file {
BackgroundColor #88b2c4-#6a9fb5
BorderColor #88b2c4
FontColor #eaeaea
}
skinparam stack {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
}
title Object Diagram - hacker theme
object Object01
object Object02
object Object03
object Object04
object Object05
object Object06
object Object07
object Object08
Object08 : name = "Dummy"
Object08 : id = 123
Object01 <|- - Object02
Object03 *- - Object04
Object05 o- - "4" Object06
Object07 .. Object08 : some labels
@enduml
PlantUML version 1.2021.01(Mon Feb 01 23:55:08 PST 2021)
(GPL source distribution)
Java Runtime: OpenJDK Runtime Environment
JVM: OpenJDK 64-Bit Server VM
Default Encoding: UTF-8
Language: en
Country: US
--></g></svg>

After

Width:  |  Height:  |  Size: 20 KiB

View File

@ -0,0 +1,480 @@
''
'' hacker theme based off of the Jekyll theme of the same name
'' https://github.com/pages-themes/hacker
''
'' Author: Brett Schwarz
'' Copyright (c) 2019 by Brett Schwarz
!$THEME = "hacker"
!if %not(%variable_exists("$BGCOLOR"))
!$BGCOLOR = "transparent"
!endif
skinparam BackgroundColor $BGCOLOR
skinparam useBetaStyle false
''
'' Colors taken from the _default_colors.scss file for jekyll hacker theme
''
!$PRIMARY = "#b5e853"
!$PRIMARY_LIGHT = "#d3f198"
!$PRIMARY_DARK = "#6d8b32"
!$PRIMARY_TEXT = "#151515"
!$SECONDARY = "#6a9fb5"
!$SECONDARY_LIGHT = "#88b2c4"
!$SECONDARY_DARK = "#557f91"
!$SECONDARY_TEXT = "#fefefe"
!$SUCCESS = "#90a959"
!$SUCCESS_LIGHT = "#a6ba7a"
!$INFO = "#aa759f"
!$INFO_LIGHT = "#bb91b2"
!$INFO_DARK = "#885E7F"
!$WARNING = "#f4bf75"
!$WARNING_LIGHT = "#f6cc91"
!$WARNING_TEXT = "#151515"
!$DANGER = "#ac4142"
!$DANGER_LIGHT = "#bd6768"
!$LIGHT = "#151515"
!$DARK = "#eaeaea"
!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 40
skinparam ParticipantPadding 40
skinparam BoxPadding 40
skinparam Padding 5
skinparam ArrowColor $DARK
skinparam stereotype {
CBackgroundColor $SECONDARY_DARK
CBorderColor $SECONDARY_LIGHT
ABackgroundColor $SUCCESS_LIGHT
ABorderColor $SUCCESS_DARK
IBackgroundColor $DANGER_LIGHT
IBorderColor $DANGER_DARK
EBackgroundColor $WARNING_LIGHT
EBorderColor $WARNING_DARK
NBackgroundColor $INFO_LIGHT
NBorderColor $INFO_DARK
}
skinparam title {
FontColor $PRIMARY
BorderColor $PRIMARY
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor $LIGHT-black
}
skinparam legend {
BackgroundColor $SECONDARY
BorderColor $SECONDARY_DARK
FontColor $DARK
}
!startsub swimlane
skinparam swimlane {
BorderColor $INFO
BorderThickness 2
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY
TitleFontColor $PRIMARY
}
!endsub
!startsub activity
skinparam activity {
$primary_scheme()
BarColor $SUCCESS
StartColor $INFO
EndColor $INFO
''
DiamondBackgroundColor $SECONDARY_LIGHT-$SECONDARY
DiamondBorderColor $SECONDARY_LIGHT
DiamondFontColor $SECONDARY_TEXT
}
!endsub
!startsub participant
skinparam participant {
$primary_scheme()
BorderThickness 2
}
!endsub
!startsub actor
skinparam actor {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub arrow
skinparam arrow {
Thickness 3
Color $PRIMARY
FontColor $FGCOLOR
}
!endsub
!startsub sequence
skinparam sequence {
BorderColor $PRIMARY
' For some reason sequence title font color does not pick up from global
TitleFontColor $PRIMARY
BackgroundColor $BGCOLOR
StartColor $PRIMARY
EndColor $PRIMARY
''
BoxBackgroundColor $BGCOLOR
BoxBorderColor $DARK
BoxFontColor $DARk
''
LifeLineBorderColor $SECONDARY
LifeLineBorderThickness 2
LifeLineBackgroundColor $SECONDARY_DARK
''
GroupBorderColor $DARK
GroupFontColor $DARK
GroupHeaderFontColor $INFO_TEXT
GroupBackgroundColor $BGCOLOR
GroupBodyBackgroundColor $BGCOLOR
GroupHeaderBackgroundColor $BGCOLOR
''
DividerBackgroundColor $DARK
DividerBorderColor $DARK
DividerBorderThickness 2
DividerFontColor $LIGHT
''
ReferenceBackgroundColor $BGCOLOR
ReferenceBorderColor $DARK
ReferenceFontColor $DARK
ReferenceHeaderBackgroundColor $LIGHT
}
!endsub
!startsub partition
skinparam partition {
BorderColor $PRIMARY
FontColor $PRIMARY
BackgroundColor $LIGHT-black
}
!endsub
!startsub collections
skinparam collections {
$primary_scheme()
}
!endsub
!startsub control
skinparam control {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub entity
skinparam entity {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub boundary
skinparam boundary {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub agent
skinparam agent {
BackgroundColor $WARNING_LIGHT-$WARNING
BorderColor $WARNING_LIGHT
FontColor $DARK
}
!endsub
!startsub note
skinparam note {
BorderThickness 1
BackgroundColor $INFO_LIGHT-$INFO_DARK
BorderColor $INFO_DARK
FontColor $WHITE
}
!endsub
!startsub artifact
skinparam artifact {
BackgroundColor $DARK
BorderColor white
FontColor $LIGHT
}
!endsub
!startsub component
skinparam component {
$primary_scheme()
}
!endsub
!startsub interface
skinparam interface {
BackgroundColor $DANGER_LIGHT-$DANGER
BorderColor $DANGER_LIGHT
FontColor $DARK
}
!endsub
!startsub storage
skinparam storage {
BackgroundColor $WARNING_LIGHT-$WARNING
BorderColor $WARNING_LIGHT
FontColor $WARNING_TEXT
}
!endsub
!startsub node
skinparam node {
BackgroundColor $LIGHT-black
BorderColor $PRIMARY_LIGHT
FontColor $DARK
}
!endsub
!startsub cloud
skinparam cloud {
BackgroundColor transparent
BorderColor $DARK
FontColor $DARK
}
!endsub
!startsub database
skinparam database {
BackgroundColor $LIGHT-black
BorderColor $PRIMARY_LIGHT
FontColor $DARK
}
!endsub
!startsub class
skinparam class {
$primary_scheme()
HeaderBackgroundColor $PRIMARY_LIGHT-$PRIMARY
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $LIGHT
AttributeFontSize 11
}
!endsub
!startsub object
skinparam object {
$primary_scheme()
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $LIGHT
AttributeFontSize 11
}
!endsub
!startsub usecase
skinparam usecase {
$primary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub rectangle
skinparam rectangle {
BackgroundColor $BGCOLOR
BorderColor $PRIMARY
BorderThickness 2
FontColor $PRIMARY_DARK
StereotypeFontColor $PRIMARY
}
!endsub
!startsub package
skinparam package {
BackgroundColor $LIGHT
BorderColor $PRIMARY
FontColor $PRIMARY
BorderThickness 2
}
!endsub
!startsub folder
skinparam folder {
BackgroundColor $LIGHT-black
BorderColor $WARNING
FontColor $WARNING
BorderThickness 2
}
!endsub
!startsub frame
skinparam frame {
BackgroundColor $LIGHT-black
BorderColor $INFO
FontColor $INFO
BorderThickness 2
}
!endsub
!startsub state
skinparam state {
$primary_scheme()
StartColor $INFO
EndColor $INFO
AttributeFontColor $SECONDARY_TEXT
AttributeFontSize 11
}
!endsub
!startsub queue
skinparam queue {
$primary_scheme()
}
!endsub
!startsub card
skinparam card {
BackgroundColor $INFO_LIGHT-$INFO
BorderColor $INFO_LIGHT
FontColor $INFO_TEXT
}
!endsub
!startsub file
skinparam file {
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
BorderColor $SECONDARY_LIGHT
FontColor $DARK
}
!endsub
!startsub stack
skinparam stack {
$primary_scheme()
}
!endsub
!if %variable_exists("NEWSTYLE")
<style>
wbsDiagram {
LineColor $PRIMARY
BorderThickness 3
BackgroundColor $LIGHT-black
FontColor $PRIMARY
:depth(0) {
fontSize 16
fontStyle bold
fontColor $SECONDARY
}
:depth(1) {
fontSize 14
padding 5
fontStyle bold
}
:depth(2) {
fontSize 12
padding 4
}
:depth(3) {
fontSize 11
padding 3
fontColor $INFO
}
}
</style>
<style>
mindmapDiagram {
LineColor $PRIMARY
BorderThickness 3
BackgroundColor $LIGHT-black
FontColor $PRIMARY
:depth(0) {
fontSize 16
fontStyle bold
fontColor $SECONDARY
}
:depth(1) {
fontSize 14
padding 5
fontStyle bold
}
:depth(2) {
fontSize 12
padding 4
}
:depth(3) {
fontSize 11
padding 3
fontColor $INFO
}
}
</style>
!endif

View File

@ -0,0 +1,36 @@
skinparam {
defaultTextAlignment center
shadowing false
RoundCorner 10
TitleFontSize 18
TitleFontColor #eaeaea
BackgroundColor transparent
}
<style>
wbsDiagram {
LineColor #b5e853
BorderThickness 3
BackgroundColor #151515
FontColor #eaeaea
:depth(0) {
fontSize 16
fontStyle bold
fontColor #6a9fb5
}
:depth(1) {
fontSize 14
padding 5
fontStyle bold
}
:depth(2) {
fontSize 12
padding 3
}
:depth(3) {
fontSize 10
padding 2
}
}
</style>

951
puml/hacker/sequence-ex.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 44 KiB

883
puml/hacker/state-ex.svg Normal file
View File

@ -0,0 +1,883 @@
<?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="1179.1667px" preserveAspectRatio="none" style="width:360px;height:1179px;background:#00000000;" version="1.1" viewBox="0 0 360 1179" width="360.4167px" zoomAndPan="magnify"><defs><linearGradient id="gxqbryqt0wyda0" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#151515"/><stop offset="100%" stop-color="#000000"/></linearGradient><linearGradient id="gxqbryqt0wyda1" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#D3F198"/><stop offset="100%" stop-color="#B5E853"/></linearGradient></defs><g><rect fill="url(#gxqbryqt0wyda0)" height="46.1528" rx="4.1667" ry="4.1667" style="stroke:#B5E853;stroke-width:1.0416666666666667;" width="347.9167" x="2.0833" y="2.0833"/><text fill="#B5E853" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="320.8333" x="15.625" y="33.4452">State Diagram - hacker theme</text><rect fill="#90A959" height="8.3333" style="stroke:none;stroke-width:1.0416666666666667;" width="83.3333" x="140.625" y="141.9861"/><ellipse cx="182.2917" cy="68.0278" fill="#AA759F" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="State2"><rect fill="url(#gxqbryqt0wyda1)" height="56.8583" rx="13.0208" ry="13.0208" style="stroke:#D3F198;stroke-width:1.5625;" width="75" x="89.5833" y="213.8611"/><line style="stroke:#D3F198;stroke-width:1.5625;" x1="89.5833" x2="164.5833" y1="249.8861" y2="249.8861"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="105.2083" y="236.8449">State2</text></g><g id="State3"><rect fill="url(#gxqbryqt0wyda1)" height="56.8583" rx="13.0208" ry="13.0208" style="stroke:#D3F198;stroke-width:1.5625;" width="75" x="207.2917" y="213.8611"/><line style="stroke:#D3F198;stroke-width:1.5625;" x1="207.2917" x2="282.2917" y1="249.8861" y2="249.8861"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="222.9167" y="236.8449">State3</text></g><rect fill="#90A959" height="8.3333" style="stroke:none;stroke-width:1.0416666666666667;" width="83.3333" x="141.6667" y="360.7361"/><g id="State4"><rect fill="url(#gxqbryqt0wyda1)" height="56.8583" rx="13.0208" ry="13.0208" style="stroke:#D3F198;stroke-width:1.5625;" width="75" x="145.8333" y="432.6111"/><line style="stroke:#D3F198;stroke-width:1.5625;" x1="145.8333" x2="220.8333" y1="468.6361" y2="468.6361"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="161.4583" y="455.5949">State4</text></g><rect fill="url(#gxqbryqt0wyda1)" height="620.1416" rx="13.0208" ry="13.0208" style="stroke:#D3F198;stroke-width:1.5625;" width="326.0417" x="20.3125" y="553.4444"/><rect height="577.8666" rx="13.0208" ry="13.0208" style="stroke:#00000000;stroke-width:1.0416666666666667;fill:none;" width="319.7917" x="23.4375" y="592.5944"/><line style="stroke:#D3F198;stroke-width:1.5625;fill:none;" x1="20.3125" x2="346.3542" y1="589.4694" y2="589.4694"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="38.5417" x="164.0625" y="576.4282">Active</text><ellipse cx="42.1875" cy="630.6152" fill="#AA759F" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="Active.NumLockOff"><rect fill="url(#gxqbryqt0wyda1)" height="56.8583" rx="13.0208" ry="13.0208" style="stroke:#D3F198;stroke-width:1.5625;" width="108.3333" x="71.3542" y="601.9694"/><line style="stroke:#D3F198;stroke-width:1.5625;" x1="71.3542" x2="179.6875" y1="637.9944" y2="637.9944"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="77.0833" x="86.9792" y="624.9532">NumLockOff</text></g><g id="Active.NumLockOn"><rect fill="url(#gxqbryqt0wyda1)" height="56.8583" rx="13.0208" ry="13.0208" style="stroke:#D3F198;stroke-width:1.5625;" width="108.3333" x="70.3125" y="723.8444"/><line style="stroke:#D3F198;stroke-width:1.5625;" x1="70.3125" x2="178.6458" y1="759.8694" y2="759.8694"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="77.0833" x="85.9375" y="746.8282">NumLockOn</text></g><!--MD5=[f1e44e9cdf7ed6fd162579f896fb76ea]
link *start*Active to NumLockOff--><path d="M52.6042,630.6152 C56.9479,630.6152 61.2813,630.6152 65.625,630.6152 " fill="none" id="*start*Active-to-NumLockOff" style="stroke:#B5E853;stroke-width:3.125;"/><polygon fill="#B5E853" points="71.1146,630.6152,61.7396,626.4486,65.9063,630.6152,61.7396,634.7819,71.1146,630.6152" style="stroke:#B5E853;stroke-width:3.125;"/><!--MD5=[b6ef3c088f5474ecc81df30475e7d61b]
link NumLockOff to NumLockOn--><path d="M71.1042,657.3652 C58.5833,664.4277 47.8646,671.834 44.2708,678.0111 C38.2292,688.4173 38.25,694.6673 44.2708,705.0944 C49.3542,713.9069 56.8333,721.1986 65.1979,727.1777 " fill="none" id="NumLockOff-to-NumLockOn" style="stroke:#B5E853;stroke-width:3.125;"/><polygon fill="#B5E853" points="69.9271,730.3652,64.4929,721.6634,65.6119,727.4488,59.8266,728.5677,69.9271,730.3652" style="stroke:#B5E853;stroke-width:3.125;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="127.0833" x="50.5208" y="696.8282">EvNumLockPressed</text><!--MD5=[3bfddee0d82dc74c927fbeb3d3f2e6a3]
link NumLockOn to NumLockOff--><path d="M169.8333,723.6673 C175.4896,718.2298 180.4688,712.0319 183.8542,705.0944 C189.1354,694.2715 189.0833,688.8548 183.8542,678.0111 C181.2708,672.6569 177.7396,667.7402 173.6771,663.2611 " fill="none" id="NumLockOn-to-NumLockOff" style="stroke:#B5E853;stroke-width:3.125;"/><polygon fill="#B5E853" points="169.8125,659.2715,173.3404,668.905,173.4355,663.0132,179.3273,663.1083,169.8125,659.2715" style="stroke:#B5E853;stroke-width:3.125;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="127.0833" x="194.2708" y="696.8282">EvNumLockPressed</text><line style="stroke:#D3F198;stroke-width:1.5625;stroke-dasharray:8.0,10.0;" x1="25.5208" x2="339.0625" y1="785.9111" y2="785.9111"/><ellipse cx="42.1875" cy="821.8486" fill="#AA759F" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="Active.CONC87.CapsLockOff"><rect fill="url(#gxqbryqt0wyda1)" height="56.8583" rx="13.0208" ry="13.0208" style="stroke:#D3F198;stroke-width:1.5625;" width="112.5" x="71.3542" y="793.2027"/><line style="stroke:#D3F198;stroke-width:1.5625;" x1="71.3542" x2="183.8542" y1="829.2277" y2="829.2277"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="81.25" x="86.9792" y="816.1865">CapsLockOff</text></g><g id="Active.CONC87.CapsLockOn"><rect fill="url(#gxqbryqt0wyda1)" height="56.8583" rx="13.0208" ry="13.0208" style="stroke:#D3F198;stroke-width:1.5625;" width="112.5" x="70.3125" y="915.0777"/><line style="stroke:#D3F198;stroke-width:1.5625;" x1="70.3125" x2="182.8125" y1="951.1027" y2="951.1027"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="81.25" x="85.9375" y="938.0615">CapsLockOn</text></g><!--MD5=[70bdb58272bc1a7d9e9d21dfe0316432]
link *start*CONC87 to CapsLockOff--><path d="M52.8646,821.8486 C57.1771,821.8486 61.4896,821.8486 65.8021,821.8486 " fill="none" id="*start*CONC87-to-CapsLockOff" style="stroke:#B5E853;stroke-width:3.125;"/><polygon fill="#B5E853" points="71.2604,821.8486,61.8854,817.6819,66.0521,821.8486,61.8854,826.0152,71.2604,821.8486" style="stroke:#B5E853;stroke-width:3.125;"/><!--MD5=[dc4675bd3056f3ef68701d9e8e02a3f3]
link CapsLockOff to CapsLockOn--><path d="M70.9375,848.9423 C58.4688,855.859 47.875,863.109 44.2708,869.2444 C38.1667,879.6194 38.1979,885.9319 44.2708,896.3277 C49.4375,905.1715 56.9792,912.4527 65.4271,918.4111 " fill="none" id="CapsLockOff-to-CapsLockOn" style="stroke:#B5E853;stroke-width:3.125;"/><polygon fill="#B5E853" points="70.2083,921.5881,64.7191,912.9209,65.8747,918.6991,60.0966,919.8547,70.2083,921.5881" style="stroke:#B5E853;stroke-width:3.125;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="50.5208" y="888.0615">EvCapsLockPressed</text><!--MD5=[79e17b083e07746bd1a647600952cab6]
link CapsLockOn to CapsLockOff--><path d="M173.7813,914.8381 C179.5208,909.4423 184.5625,903.2652 188.0208,896.3277 C193.3854,885.5569 193.3438,880.0361 188.0208,869.2444 C185.375,863.8902 181.7917,858.984 177.6667,854.5256 " fill="none" id="CapsLockOn-to-CapsLockOff" style="stroke:#B5E853;stroke-width:3.125;"/><polygon fill="#B5E853" points="173.7396,850.5673,177.3643,860.1648,177.4,854.2724,183.2925,854.3081,173.7396,850.5673" style="stroke:#B5E853;stroke-width:3.125;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="198.4375" y="888.0615">EvCapsLockPressed</text><line style="stroke:#D3F198;stroke-width:1.5625;stroke-dasharray:8.0,10.0;" x1="25.5208" x2="339.0625" y1="977.1444" y2="977.1444"/><ellipse cx="42.1875" cy="1013.0819" fill="#AA759F" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="Active.CONC95.ScrollLockOff"><rect fill="url(#gxqbryqt0wyda1)" height="56.8583" rx="13.0208" ry="13.0208" style="stroke:#D3F198;stroke-width:1.5625;" width="113.5417" x="71.875" y="984.436"/><line style="stroke:#D3F198;stroke-width:1.5625;" x1="71.875" x2="185.4167" y1="1020.461" y2="1020.461"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="82.2917" x="87.5" y="1007.4198">ScrollLockOff</text></g><g id="Active.CONC95.ScrollLockOn"><rect fill="url(#gxqbryqt0wyda1)" height="56.8583" rx="13.0208" ry="13.0208" style="stroke:#D3F198;stroke-width:1.5625;" width="113.5417" x="71.875" y="1106.311"/><line style="stroke:#D3F198;stroke-width:1.5625;" x1="71.875" x2="185.4167" y1="1142.336" y2="1142.336"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="82.2917" x="87.5" y="1129.2948">ScrollLockOn</text></g><!--MD5=[8676698f49c1acec7e35e8e65e103748]
link *start*CONC95 to ScrollLockOff--><path d="M52.6563,1013.0819 C57.2083,1013.0819 61.7604,1013.0819 66.3125,1013.0819 " fill="none" id="*start*CONC95-to-ScrollLockOff" style="stroke:#B5E853;stroke-width:3.125;"/><polygon fill="#B5E853" points="71.6563,1013.0819,62.2813,1008.9152,66.4479,1013.0819,62.2813,1017.2485,71.6563,1013.0819" style="stroke:#B5E853;stroke-width:3.125;"/><!--MD5=[da4e1e55b4a6de250eca2c82023085fa]
link ScrollLockOff to ScrollLockOn--><path d="M71.875,1035.4777 C61.6771,1041.936 52.3958,1050.1444 46.3542,1060.4777 C40.2813,1070.8735 40.2813,1077.1652 46.3542,1087.561 C51.4479,1096.2798 58.8542,1103.4881 67.1667,1109.4048 " fill="none" id="ScrollLockOff-to-ScrollLockOn" style="stroke:#B5E853;stroke-width:3.125;"/><polygon fill="#B5E853" points="71.875,1112.561,66.4064,1103.8808,67.5483,1109.6617,61.7674,1110.8036,71.875,1112.561" style="stroke:#B5E853;stroke-width:3.125;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="52.6042" y="1079.2948">EvCapsLockPressed</text><!--MD5=[6ad2c621f2407b82317910f4deb17639]
link ScrollLockOn to ScrollLockOff--><path d="M175.8646,1106.0715 C181.6042,1100.6756 186.6458,1094.4985 190.1042,1087.561 C195.4688,1076.7902 195.4688,1071.2485 190.1042,1060.4777 C187.4583,1055.1652 183.875,1050.3006 179.7708,1045.8944 " fill="none" id="ScrollLockOn-to-ScrollLockOff" style="stroke:#B5E853;stroke-width:3.125;"/><polygon fill="#B5E853" points="175.8646,1041.9673,179.5281,1051.5501,179.54,1045.6576,185.4325,1045.6695,175.8646,1041.9673" style="stroke:#B5E853;stroke-width:3.125;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="199.4792" y="1079.2948">EvCapsLockPressed</text><!--MD5=[242ad121cef04112e9b0ee8f25f52375]
link *start to fork_state--><path d="M182.2917,78.7048 C182.2917,93.5382 182.2917,121.7569 182.2917,136.1632 " fill="none" id="*start-to-fork_state" style="stroke:#B5E853;stroke-width:3.125;"/><polygon fill="#B5E853" points="182.2917,141.7153,186.4583,132.3403,182.2917,136.5069,178.125,132.3403,182.2917,141.7153" style="stroke:#B5E853;stroke-width:3.125;"/><!--MD5=[44dd36eb382d4fffd186e8c447a61da0]
link fork_state to State2--><path d="M180.4583,150.3298 C175.1146,159.4548 159.1146,186.7673 146.0208,209.1319 " fill="none" id="fork_state-to-State2" style="stroke:#B5E853;stroke-width:3.125;"/><polygon fill="#B5E853" points="143.2708,213.8298,151.606,207.8485,145.9044,209.3364,144.4165,203.6348,143.2708,213.8298" style="stroke:#B5E853;stroke-width:3.125;"/><!--MD5=[43d4d70f9cd19f132a5eb1ce9d85c890]
link fork_state to State3--><path d="M184.375,150.3298 C190.4479,159.4965 208.6875,186.9965 223.5417,209.4132 " fill="none" id="fork_state-to-State3" style="stroke:#B5E853;stroke-width:3.125;"/><polygon fill="#B5E853" points="226.4688,213.8298,224.7353,203.7181,223.5797,209.4962,217.8016,208.3406,226.4688,213.8298" style="stroke:#B5E853;stroke-width:3.125;"/><!--MD5=[8cf5ef3a64654818495211b4c165bd62]
link State2 to join_state--><path d="M113.125,271.3923 C106.3021,289.2153 101.6563,312.1736 112.5,329.4861 C122.8646,346.0382 143.7188,354.8194 160.125,359.3507 " fill="none" id="State2-to-join_state" style="stroke:#B5E853;stroke-width:3.125;"/><polygon fill="#B5E853" points="165.5,360.7257,157.455,354.3593,160.4552,359.431,155.3835,362.4311,165.5,360.7257" style="stroke:#B5E853;stroke-width:3.125;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="98.9583" x="118.75" y="321.2199">some message</text><!--MD5=[183fde86cac17ac230b97143534e47db]
link State3 to join_state--><path d="M244.375,271.2986 C242.9583,289.0903 238.9167,312.0382 228.125,329.4861 C220.0625,342.5278 205.1354,352.4653 194.7396,358.2257 " fill="none" id="State3-to-join_state" style="stroke:#B5E853;stroke-width:3.125;"/><polygon fill="#B5E853" points="190.0417,360.7048,200.2769,360.0039,194.6455,358.2693,196.38,352.6378,190.0417,360.7048" style="stroke:#B5E853;stroke-width:3.125;"/><!--MD5=[1e473d623208eebf6d5ebd6e9bc5a11d]
link join_state to State4--><path d="M183.3333,369.0798 C183.3333,378.1319 183.3333,405.0694 183.3333,427.3194 " fill="none" id="join_state-to-State4" style="stroke:#B5E853;stroke-width:3.125;"/><polygon fill="#B5E853" points="183.3333,432.5798,187.5,423.2048,183.3333,427.3715,179.1667,423.2048,183.3333,432.5798" style="stroke:#B5E853;stroke-width:3.125;"/><!--MD5=[0a70b1a7cf318979336334b4227eefe4]
link State4 to Active--><path d="M183.3333,490.1111 C183.3333,504.934 183.3333,524.8507 183.3333,547.809 " fill="none" id="State4-to-Active" style="stroke:#B5E853;stroke-width:3.125;"/><polygon fill="#B5E853" points="183.3333,553.059,187.5,543.684,183.3333,547.8507,179.1667,543.684,183.3333,553.059" style="stroke:#B5E853;stroke-width:3.125;"/><!--MD5=[b34eb1ceb0067144e59a1f88e8b9516b]
@startuml
!$THEME = "hacker"
!if %not(%variable_exists("$BGCOLOR"))
!$BGCOLOR = "transparent"
!endif
skinparam BackgroundColor $BGCOLOR
skinparam useBetaStyle false
!$PRIMARY = "#b5e853"
!$PRIMARY_LIGHT = "#d3f198"
!$PRIMARY_DARK = "#6d8b32"
!$PRIMARY_TEXT = "#151515"
!$SECONDARY = "#6a9fb5"
!$SECONDARY_LIGHT = "#88b2c4"
!$SECONDARY_DARK = "#557f91"
!$SECONDARY_TEXT = "#fefefe"
!$SUCCESS = "#90a959"
!$SUCCESS_LIGHT = "#a6ba7a"
!$INFO = "#aa759f"
!$INFO_LIGHT = "#bb91b2"
!$INFO_DARK = "#885E7F"
!$WARNING = "#f4bf75"
!$WARNING_LIGHT = "#f6cc91"
!$WARNING_TEXT = "#151515"
!$DANGER = "#ac4142"
!$DANGER_LIGHT = "#bd6768"
!$LIGHT = "#151515"
!$DARK = "#eaeaea"
!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 40
skinparam ParticipantPadding 40
skinparam BoxPadding 40
skinparam Padding 5
skinparam ArrowColor $DARK
skinparam stereotype {
CBackgroundColor $SECONDARY_DARK
CBorderColor $SECONDARY_LIGHT
ABackgroundColor $SUCCESS_LIGHT
ABorderColor $SUCCESS_DARK
IBackgroundColor $DANGER_LIGHT
IBorderColor $DANGER_DARK
EBackgroundColor $WARNING_LIGHT
EBorderColor $WARNING_DARK
NBackgroundColor $INFO_LIGHT
NBorderColor $INFO_DARK
}
skinparam title {
FontColor $PRIMARY
BorderColor $PRIMARY
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor $LIGHT-black
}
skinparam legend {
BackgroundColor $SECONDARY
BorderColor $SECONDARY_DARK
FontColor $DARK
}
!startsub swimlane
skinparam swimlane {
BorderColor $INFO
BorderThickness 2
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY
TitleFontColor $PRIMARY
}
!endsub
!startsub activity
skinparam activity {
$primary_scheme()
BarColor $SUCCESS
StartColor $INFO
EndColor $INFO
DiamondBackgroundColor $SECONDARY_LIGHT-$SECONDARY
DiamondBorderColor $SECONDARY_LIGHT
DiamondFontColor $SECONDARY_TEXT
}
!endsub
!startsub participant
skinparam participant {
$primary_scheme()
BorderThickness 2
}
!endsub
!startsub actor
skinparam actor {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub arrow
skinparam arrow {
Thickness 3
Color $PRIMARY
FontColor $FGCOLOR
}
!endsub
!startsub sequence
skinparam sequence {
BorderColor $PRIMARY
TitleFontColor $PRIMARY
BackgroundColor $BGCOLOR
StartColor $PRIMARY
EndColor $PRIMARY
BoxBackgroundColor $BGCOLOR
BoxBorderColor $DARK
BoxFontColor $DARk
LifeLineBorderColor $SECONDARY
LifeLineBorderThickness 2
LifeLineBackgroundColor $SECONDARY_DARK
GroupBorderColor $DARK
GroupFontColor $DARK
GroupHeaderFontColor $INFO_TEXT
GroupBackgroundColor $BGCOLOR
GroupBodyBackgroundColor $BGCOLOR
GroupHeaderBackgroundColor $BGCOLOR
DividerBackgroundColor $DARK
DividerBorderColor $DARK
DividerBorderThickness 2
DividerFontColor $LIGHT
ReferenceBackgroundColor $BGCOLOR
ReferenceBorderColor $DARK
ReferenceFontColor $DARK
ReferenceHeaderBackgroundColor $LIGHT
}
!endsub
!startsub partition
skinparam partition {
BorderColor $PRIMARY
FontColor $PRIMARY
BackgroundColor $LIGHT-black
}
!endsub
!startsub collections
skinparam collections {
$primary_scheme()
}
!endsub
!startsub control
skinparam control {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub entity
skinparam entity {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub boundary
skinparam boundary {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub agent
skinparam agent {
BackgroundColor $WARNING_LIGHT-$WARNING
BorderColor $WARNING_LIGHT
FontColor $DARK
}
!endsub
!startsub note
skinparam note {
BorderThickness 1
BackgroundColor $INFO_LIGHT-$INFO_DARK
BorderColor $INFO_DARK
FontColor $WHITE
}
!endsub
!startsub artifact
skinparam artifact {
BackgroundColor $DARK
BorderColor white
FontColor $LIGHT
}
!endsub
!startsub component
skinparam component {
$primary_scheme()
}
!endsub
!startsub interface
skinparam interface {
BackgroundColor $DANGER_LIGHT-$DANGER
BorderColor $DANGER_LIGHT
FontColor $DARK
}
!endsub
!startsub storage
skinparam storage {
BackgroundColor $WARNING_LIGHT-$WARNING
BorderColor $WARNING_LIGHT
FontColor $WARNING_TEXT
}
!endsub
!startsub node
skinparam node {
BackgroundColor $LIGHT-black
BorderColor $PRIMARY_LIGHT
FontColor $DARK
}
!endsub
!startsub cloud
skinparam cloud {
BackgroundColor transparent
BorderColor $DARK
FontColor $DARK
}
!endsub
!startsub database
skinparam database {
BackgroundColor $LIGHT-black
BorderColor $PRIMARY_LIGHT
FontColor $DARK
}
!endsub
!startsub class
skinparam class {
$primary_scheme()
HeaderBackgroundColor $PRIMARY_LIGHT-$PRIMARY
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $LIGHT
AttributeFontSize 11
}
!endsub
!startsub object
skinparam object {
$primary_scheme()
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $LIGHT
AttributeFontSize 11
}
!endsub
!startsub usecase
skinparam usecase {
$primary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub rectangle
skinparam rectangle {
BackgroundColor $BGCOLOR
BorderColor $PRIMARY
BorderThickness 2
FontColor $PRIMARY_DARK
StereotypeFontColor $PRIMARY
}
!endsub
!startsub package
skinparam package {
BackgroundColor $LIGHT
BorderColor $PRIMARY
FontColor $PRIMARY
BorderThickness 2
}
!endsub
!startsub folder
skinparam folder {
BackgroundColor $LIGHT-black
BorderColor $WARNING
FontColor $WARNING
BorderThickness 2
}
!endsub
!startsub frame
skinparam frame {
BackgroundColor $LIGHT-black
BorderColor $INFO
FontColor $INFO
BorderThickness 2
}
!endsub
!startsub state
skinparam state {
$primary_scheme()
StartColor $INFO
EndColor $INFO
AttributeFontColor $SECONDARY_TEXT
AttributeFontSize 11
}
!endsub
!startsub queue
skinparam queue {
$primary_scheme()
}
!endsub
!startsub card
skinparam card {
BackgroundColor $INFO_LIGHT-$INFO
BorderColor $INFO_LIGHT
FontColor $INFO_TEXT
}
!endsub
!startsub file
skinparam file {
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
BorderColor $SECONDARY_LIGHT
FontColor $DARK
}
!endsub
!startsub stack
skinparam stack {
$primary_scheme()
}
!endsub
!if %variable_exists("NEWSTYLE")
<style>
wbsDiagram {
LineColor $PRIMARY
BorderThickness 3
BackgroundColor $LIGHT-black
FontColor $PRIMARY
:depth(0) {
fontSize 16
fontStyle bold
fontColor $SECONDARY
}
:depth(1) {
fontSize 14
padding 5
fontStyle bold
}
:depth(2) {
fontSize 12
padding 4
}
:depth(3) {
fontSize 11
padding 3
fontColor $INFO
}
}
</style>
<style>
mindmapDiagram {
LineColor $PRIMARY
BorderThickness 3
BackgroundColor $LIGHT-black
FontColor $PRIMARY
:depth(0) {
fontSize 16
fontStyle bold
fontColor $SECONDARY
}
:depth(1) {
fontSize 14
padding 5
fontStyle bold
}
:depth(2) {
fontSize 12
padding 4
}
:depth(3) {
fontSize 11
padding 3
fontColor $INFO
}
}
</style>
!endif
!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 40
skinparam ParticipantPadding 40
skinparam BoxPadding 40
skinparam Padding 5
skinparam ArrowColor #eaeaea
skinparam stereotype {
CBackgroundColor #557f91
CBorderColor #88b2c4
ABackgroundColor #a6ba7a
ABorderColor $SUCCESS_DARK
IBackgroundColor #bd6768
IBorderColor $DANGER_DARK
EBackgroundColor #f6cc91
EBorderColor $WARNING_DARK
NBackgroundColor #bb91b2
NBorderColor #885E7F
}
skinparam title {
FontColor #b5e853
BorderColor #b5e853
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor #151515-black
}
skinparam legend {
BackgroundColor #6a9fb5
BorderColor #557f91
FontColor #eaeaea
}
skinparam swimlane {
BorderColor #aa759f
BorderThickness 2
TitleBackgroundColor #88b2c4-#6a9fb5
TitleFontColor #b5e853
}
skinparam activity {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
BarColor #90a959
StartColor #aa759f
EndColor #aa759f
DiamondBackgroundColor #88b2c4-#6a9fb5
DiamondBorderColor #88b2c4
DiamondFontColor #fefefe
}
skinparam participant {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
BorderThickness 2
}
skinparam actor {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
FontColor #eaeaea
}
skinparam arrow {
Thickness 3
Color #b5e853
FontColor $FGCOLOR
}
skinparam sequence {
BorderColor #b5e853
TitleFontColor #b5e853
BackgroundColor transparent
StartColor #b5e853
EndColor #b5e853
BoxBackgroundColor transparent
BoxBorderColor #eaeaea
BoxFontColor $DARk
LifeLineBorderColor #6a9fb5
LifeLineBorderThickness 2
LifeLineBackgroundColor #557f91
GroupBorderColor #eaeaea
GroupFontColor #eaeaea
GroupHeaderFontColor $INFO_TEXT
GroupBackgroundColor transparent
GroupBodyBackgroundColor transparent
GroupHeaderBackgroundColor transparent
DividerBackgroundColor #eaeaea
DividerBorderColor #eaeaea
DividerBorderThickness 2
DividerFontColor #151515
ReferenceBackgroundColor transparent
ReferenceBorderColor #eaeaea
ReferenceFontColor #eaeaea
ReferenceHeaderBackgroundColor #151515
}
skinparam partition {
BorderColor #b5e853
FontColor #b5e853
BackgroundColor #151515-black
}
skinparam collections {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
}
skinparam control {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
FontColor #eaeaea
}
skinparam entity {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
FontColor #eaeaea
}
skinparam boundary {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
FontColor #eaeaea
}
skinparam agent {
BackgroundColor #f6cc91-#f4bf75
BorderColor #f6cc91
FontColor #eaeaea
}
skinparam note {
BorderThickness 1
BackgroundColor #bb91b2-#885E7F
BorderColor #885E7F
FontColor $WHITE
}
skinparam artifact {
BackgroundColor #eaeaea
BorderColor white
FontColor #151515
}
skinparam component {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
}
skinparam interface {
BackgroundColor #bd6768-#ac4142
BorderColor #bd6768
FontColor #eaeaea
}
skinparam storage {
BackgroundColor #f6cc91-#f4bf75
BorderColor #f6cc91
FontColor #151515
}
skinparam node {
BackgroundColor #151515-black
BorderColor #d3f198
FontColor #eaeaea
}
skinparam cloud {
BackgroundColor transparent
BorderColor #eaeaea
FontColor #eaeaea
}
skinparam database {
BackgroundColor #151515-black
BorderColor #d3f198
FontColor #eaeaea
}
skinparam class {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
HeaderBackgroundColor #d3f198-#b5e853
StereotypeFontColor #eaeaea
BorderThickness 1
AttributeFontColor #151515
AttributeFontSize 11
}
skinparam object {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
StereotypeFontColor #eaeaea
BorderThickness 1
AttributeFontColor #151515
AttributeFontSize 11
}
skinparam usecase {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
BorderThickness 2
StereotypeFontColor #b5e853
}
skinparam rectangle {
BackgroundColor transparent
BorderColor #b5e853
BorderThickness 2
FontColor #6d8b32
StereotypeFontColor #b5e853
}
skinparam package {
BackgroundColor #151515
BorderColor #b5e853
FontColor #b5e853
BorderThickness 2
}
skinparam folder {
BackgroundColor #151515-black
BorderColor #f4bf75
FontColor #f4bf75
BorderThickness 2
}
skinparam frame {
BackgroundColor #151515-black
BorderColor #aa759f
FontColor #aa759f
BorderThickness 2
}
skinparam state {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
StartColor #aa759f
EndColor #aa759f
AttributeFontColor #fefefe
AttributeFontSize 11
}
skinparam queue {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
}
skinparam card {
BackgroundColor #bb91b2-#aa759f
BorderColor #bb91b2
FontColor $INFO_TEXT
}
skinparam file {
BackgroundColor #88b2c4-#6a9fb5
BorderColor #88b2c4
FontColor #eaeaea
}
skinparam stack {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
}
title State Diagram - hacker theme
state fork_state <<fork>>
[*] - -> fork_state
fork_state - -> State2
fork_state - -> State3
state join_state <<join>>
State2 - -> join_state: some message
State3 - -> join_state
join_state - -> State4
State4 - -> Active
state Active {
[*] -> NumLockOff
NumLockOff - -> NumLockOn : EvNumLockPressed
NumLockOn - -> NumLockOff : EvNumLockPressed
- -
[*] -> CapsLockOff
CapsLockOff - -> CapsLockOn : EvCapsLockPressed
CapsLockOn - -> CapsLockOff : EvCapsLockPressed
- -
[*] -> ScrollLockOff
ScrollLockOff - -> ScrollLockOn : EvCapsLockPressed
ScrollLockOn - -> ScrollLockOff : EvCapsLockPressed
}
@enduml
PlantUML version 1.2021.01(Mon Feb 01 23:55:08 PST 2021)
(GPL source distribution)
Java Runtime: OpenJDK Runtime Environment
JVM: OpenJDK 64-Bit Server VM
Default Encoding: UTF-8
Language: en
Country: US
--></g></svg>

After

Width:  |  Height:  |  Size: 29 KiB

836
puml/hacker/swimlane-ex.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 22 KiB

850
puml/hacker/usecase-ex.svg Normal file
View File

@ -0,0 +1,850 @@
<?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="441.6667px" preserveAspectRatio="none" style="width:388px;height:441px;background:#00000000;" version="1.1" viewBox="0 0 388 441" width="388.5417px" zoomAndPan="magnify"><defs><linearGradient id="g1rkew1o7dfd790" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#151515"/><stop offset="100%" stop-color="#000000"/></linearGradient><linearGradient id="g1rkew1o7dfd791" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#D3F198"/><stop offset="100%" stop-color="#B5E853"/></linearGradient></defs><g><rect fill="url(#g1rkew1o7dfd790)" height="46.1528" rx="4.1667" ry="4.1667" style="stroke:#B5E853;stroke-width:1.0416666666666667;" width="376.0417" x="2.0833" y="2.0833"/><text fill="#B5E853" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="348.9583" x="15.625" y="33.4452">Usecase Diagram - hacker theme</text><!--MD5=[111002b242a260edbcaabc3e471064d0]
cluster checkout--><rect height="317.7083" rx="20.8333" ry="20.8333" style="stroke:#B5E853;stroke-width:2.0833333333333335;fill:none;" width="154.1667" x="134.8958" y="58.6528"/><text fill="#6D8B32" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="61.4583" x="181.25" y="78.5116">checkout</text><ellipse cx="212.1399" cy="231.4481" fill="url(#g1rkew1o7dfd791)" rx="60.5774" ry="21.2328" style="stroke:#D3F198;stroke-width:2.0833333333333335;"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="58.3333" x="182.9733" y="234.336">checkout</text><ellipse cx="211.9242" cy="125.1981" fill="url(#g1rkew1o7dfd791)" rx="59.8409" ry="21.2328" style="stroke:#D3F198;stroke-width:2.0833333333333335;"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="57.2917" x="183.2784" y="128.086">payment</text><ellipse cx="212.1336" cy="337.6981" fill="url(#g1rkew1o7dfd791)" rx="39.2169" ry="21.2328" style="stroke:#D3F198;stroke-width:2.0833333333333335;"/><text fill="#151515" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="28.125" x="198.0711" y="340.586">help</text><!--MD5=[92848cbaf65985a669855153c5362c37]
entity customer--><ellipse cx="50.5208" cy="196.1528" fill="url(#g1rkew1o7dfd791)" rx="8.3333" ry="8.3333" style="stroke:#D3F198;stroke-width:1.5625;"/><path d="M50.5208,204.4861 L50.5208,232.6111 M36.9792,212.8194 L64.0625,212.8194 M50.5208,232.6111 L36.9792,248.2361 M50.5208,232.6111 L64.0625,248.2361 " fill="none" style="stroke:#D3F198;stroke-width:1.5625;"/><text fill="#EAEAEA" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="60.4167" x="20.3125" y="268.6157">customer</text><!--MD5=[ebeabf449828f4e0b33bbb47961e644b]
entity clerk--><ellipse cx="358.3333" cy="196.1528" fill="url(#g1rkew1o7dfd791)" rx="8.3333" ry="8.3333" style="stroke:#D3F198;stroke-width:1.5625;"/><path d="M358.3333,204.4861 L358.3333,232.6111 M344.7917,212.8194 L371.875,212.8194 M358.3333,232.6111 L344.7917,248.2361 M358.3333,232.6111 L371.875,248.2361 " fill="none" style="stroke:#D3F198;stroke-width:1.5625;"/><text fill="#EAEAEA" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="30.2083" x="343.2292" y="268.6157">clerk</text><!--MD5=[852381a7bb976b86080137fb6d718ea9]
link customer to checkout--><path d="M86.1458,231.5694 C105.1875,231.5694 129.3542,231.5694 151.3333,231.5694 " fill="none" id="customer-checkout" style="stroke:#B5E853;stroke-width:3.125;"/><!--MD5=[3ad5c6d5c608bfd6b87dc9c07c40a15f]
link checkout to payment--><path d="M211.9792,210.0694 C211.9792,193.3611 211.9792,170.1007 211.9792,152.1632 " fill="none" id="checkout-to-payment" style="stroke:#B5E853;stroke-width:3.125;stroke-dasharray:7.0,7.0;"/><polygon fill="#B5E853" points="211.9792,146.7882,207.8125,156.1632,211.9792,151.9965,216.1458,156.1632,211.9792,146.7882" style="stroke:#B5E853;stroke-width:3.125;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="45.8333" x="172.3958" y="183.7199">include</text><!--MD5=[739e7928149c8fe27c2b5850560351c7]
link help to checkout--><path d="M211.9792,316.3194 C211.9792,299.6111 211.9792,276.3507 211.9792,258.4132 " fill="none" id="help-to-checkout" style="stroke:#B5E853;stroke-width:3.125;stroke-dasharray:7.0,7.0;"/><polygon fill="#B5E853" points="211.9792,253.0382,207.8125,262.4132,211.9792,258.2465,216.1458,262.4132,211.9792,253.0382" style="stroke:#B5E853;stroke-width:3.125;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="53.125" x="168.75" y="289.9699">extends</text><!--MD5=[b4c4ee8f2d94c159d2b9e04bd372cbe0]
link checkout to clerk--><path d="M272.5313,231.5694 C295.8229,231.5694 320.9167,231.5694 337.7083,231.5694 " fill="none" id="checkout-clerk" style="stroke:#B5E853;stroke-width:3.125;"/><rect fill="#6A9FB5" height="36.025" rx="5.2083" ry="5.2083" style="stroke:#557F91;stroke-width:1.0416666666666667;" width="135.4167" x="122.3958" y="389.9028"/><text fill="#EAEAEA" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="112.5" x="133.8542" y="412.8866">This is my legend</text><!--MD5=[2aef256ee7d73ac7f488af1c9843d646]
@startuml
!$THEME = "hacker"
!if %not(%variable_exists("$BGCOLOR"))
!$BGCOLOR = "transparent"
!endif
skinparam BackgroundColor $BGCOLOR
skinparam useBetaStyle false
!$PRIMARY = "#b5e853"
!$PRIMARY_LIGHT = "#d3f198"
!$PRIMARY_DARK = "#6d8b32"
!$PRIMARY_TEXT = "#151515"
!$SECONDARY = "#6a9fb5"
!$SECONDARY_LIGHT = "#88b2c4"
!$SECONDARY_DARK = "#557f91"
!$SECONDARY_TEXT = "#fefefe"
!$SUCCESS = "#90a959"
!$SUCCESS_LIGHT = "#a6ba7a"
!$INFO = "#aa759f"
!$INFO_LIGHT = "#bb91b2"
!$INFO_DARK = "#885E7F"
!$WARNING = "#f4bf75"
!$WARNING_LIGHT = "#f6cc91"
!$WARNING_TEXT = "#151515"
!$DANGER = "#ac4142"
!$DANGER_LIGHT = "#bd6768"
!$LIGHT = "#151515"
!$DARK = "#eaeaea"
!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 40
skinparam ParticipantPadding 40
skinparam BoxPadding 40
skinparam Padding 5
skinparam ArrowColor $DARK
skinparam stereotype {
CBackgroundColor $SECONDARY_DARK
CBorderColor $SECONDARY_LIGHT
ABackgroundColor $SUCCESS_LIGHT
ABorderColor $SUCCESS_DARK
IBackgroundColor $DANGER_LIGHT
IBorderColor $DANGER_DARK
EBackgroundColor $WARNING_LIGHT
EBorderColor $WARNING_DARK
NBackgroundColor $INFO_LIGHT
NBorderColor $INFO_DARK
}
skinparam title {
FontColor $PRIMARY
BorderColor $PRIMARY
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor $LIGHT-black
}
skinparam legend {
BackgroundColor $SECONDARY
BorderColor $SECONDARY_DARK
FontColor $DARK
}
!startsub swimlane
skinparam swimlane {
BorderColor $INFO
BorderThickness 2
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY
TitleFontColor $PRIMARY
}
!endsub
!startsub activity
skinparam activity {
$primary_scheme()
BarColor $SUCCESS
StartColor $INFO
EndColor $INFO
DiamondBackgroundColor $SECONDARY_LIGHT-$SECONDARY
DiamondBorderColor $SECONDARY_LIGHT
DiamondFontColor $SECONDARY_TEXT
}
!endsub
!startsub participant
skinparam participant {
$primary_scheme()
BorderThickness 2
}
!endsub
!startsub actor
skinparam actor {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub arrow
skinparam arrow {
Thickness 3
Color $PRIMARY
FontColor $FGCOLOR
}
!endsub
!startsub sequence
skinparam sequence {
BorderColor $PRIMARY
TitleFontColor $PRIMARY
BackgroundColor $BGCOLOR
StartColor $PRIMARY
EndColor $PRIMARY
BoxBackgroundColor $BGCOLOR
BoxBorderColor $DARK
BoxFontColor $DARk
LifeLineBorderColor $SECONDARY
LifeLineBorderThickness 2
LifeLineBackgroundColor $SECONDARY_DARK
GroupBorderColor $DARK
GroupFontColor $DARK
GroupHeaderFontColor $INFO_TEXT
GroupBackgroundColor $BGCOLOR
GroupBodyBackgroundColor $BGCOLOR
GroupHeaderBackgroundColor $BGCOLOR
DividerBackgroundColor $DARK
DividerBorderColor $DARK
DividerBorderThickness 2
DividerFontColor $LIGHT
ReferenceBackgroundColor $BGCOLOR
ReferenceBorderColor $DARK
ReferenceFontColor $DARK
ReferenceHeaderBackgroundColor $LIGHT
}
!endsub
!startsub partition
skinparam partition {
BorderColor $PRIMARY
FontColor $PRIMARY
BackgroundColor $LIGHT-black
}
!endsub
!startsub collections
skinparam collections {
$primary_scheme()
}
!endsub
!startsub control
skinparam control {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub entity
skinparam entity {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub boundary
skinparam boundary {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub agent
skinparam agent {
BackgroundColor $WARNING_LIGHT-$WARNING
BorderColor $WARNING_LIGHT
FontColor $DARK
}
!endsub
!startsub note
skinparam note {
BorderThickness 1
BackgroundColor $INFO_LIGHT-$INFO_DARK
BorderColor $INFO_DARK
FontColor $WHITE
}
!endsub
!startsub artifact
skinparam artifact {
BackgroundColor $DARK
BorderColor white
FontColor $LIGHT
}
!endsub
!startsub component
skinparam component {
$primary_scheme()
}
!endsub
!startsub interface
skinparam interface {
BackgroundColor $DANGER_LIGHT-$DANGER
BorderColor $DANGER_LIGHT
FontColor $DARK
}
!endsub
!startsub storage
skinparam storage {
BackgroundColor $WARNING_LIGHT-$WARNING
BorderColor $WARNING_LIGHT
FontColor $WARNING_TEXT
}
!endsub
!startsub node
skinparam node {
BackgroundColor $LIGHT-black
BorderColor $PRIMARY_LIGHT
FontColor $DARK
}
!endsub
!startsub cloud
skinparam cloud {
BackgroundColor transparent
BorderColor $DARK
FontColor $DARK
}
!endsub
!startsub database
skinparam database {
BackgroundColor $LIGHT-black
BorderColor $PRIMARY_LIGHT
FontColor $DARK
}
!endsub
!startsub class
skinparam class {
$primary_scheme()
HeaderBackgroundColor $PRIMARY_LIGHT-$PRIMARY
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $LIGHT
AttributeFontSize 11
}
!endsub
!startsub object
skinparam object {
$primary_scheme()
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $LIGHT
AttributeFontSize 11
}
!endsub
!startsub usecase
skinparam usecase {
$primary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub rectangle
skinparam rectangle {
BackgroundColor $BGCOLOR
BorderColor $PRIMARY
BorderThickness 2
FontColor $PRIMARY_DARK
StereotypeFontColor $PRIMARY
}
!endsub
!startsub package
skinparam package {
BackgroundColor $LIGHT
BorderColor $PRIMARY
FontColor $PRIMARY
BorderThickness 2
}
!endsub
!startsub folder
skinparam folder {
BackgroundColor $LIGHT-black
BorderColor $WARNING
FontColor $WARNING
BorderThickness 2
}
!endsub
!startsub frame
skinparam frame {
BackgroundColor $LIGHT-black
BorderColor $INFO
FontColor $INFO
BorderThickness 2
}
!endsub
!startsub state
skinparam state {
$primary_scheme()
StartColor $INFO
EndColor $INFO
AttributeFontColor $SECONDARY_TEXT
AttributeFontSize 11
}
!endsub
!startsub queue
skinparam queue {
$primary_scheme()
}
!endsub
!startsub card
skinparam card {
BackgroundColor $INFO_LIGHT-$INFO
BorderColor $INFO_LIGHT
FontColor $INFO_TEXT
}
!endsub
!startsub file
skinparam file {
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
BorderColor $SECONDARY_LIGHT
FontColor $DARK
}
!endsub
!startsub stack
skinparam stack {
$primary_scheme()
}
!endsub
!if %variable_exists("NEWSTYLE")
<style>
wbsDiagram {
LineColor $PRIMARY
BorderThickness 3
BackgroundColor $LIGHT-black
FontColor $PRIMARY
:depth(0) {
fontSize 16
fontStyle bold
fontColor $SECONDARY
}
:depth(1) {
fontSize 14
padding 5
fontStyle bold
}
:depth(2) {
fontSize 12
padding 4
}
:depth(3) {
fontSize 11
padding 3
fontColor $INFO
}
}
</style>
<style>
mindmapDiagram {
LineColor $PRIMARY
BorderThickness 3
BackgroundColor $LIGHT-black
FontColor $PRIMARY
:depth(0) {
fontSize 16
fontStyle bold
fontColor $SECONDARY
}
:depth(1) {
fontSize 14
padding 5
fontStyle bold
}
:depth(2) {
fontSize 12
padding 4
}
:depth(3) {
fontSize 11
padding 3
fontColor $INFO
}
}
</style>
!endif
!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 40
skinparam ParticipantPadding 40
skinparam BoxPadding 40
skinparam Padding 5
skinparam ArrowColor #eaeaea
skinparam stereotype {
CBackgroundColor #557f91
CBorderColor #88b2c4
ABackgroundColor #a6ba7a
ABorderColor $SUCCESS_DARK
IBackgroundColor #bd6768
IBorderColor $DANGER_DARK
EBackgroundColor #f6cc91
EBorderColor $WARNING_DARK
NBackgroundColor #bb91b2
NBorderColor #885E7F
}
skinparam title {
FontColor #b5e853
BorderColor #b5e853
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor #151515-black
}
skinparam legend {
BackgroundColor #6a9fb5
BorderColor #557f91
FontColor #eaeaea
}
skinparam swimlane {
BorderColor #aa759f
BorderThickness 2
TitleBackgroundColor #88b2c4-#6a9fb5
TitleFontColor #b5e853
}
skinparam activity {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
BarColor #90a959
StartColor #aa759f
EndColor #aa759f
DiamondBackgroundColor #88b2c4-#6a9fb5
DiamondBorderColor #88b2c4
DiamondFontColor #fefefe
}
skinparam participant {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
BorderThickness 2
}
skinparam actor {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
FontColor #eaeaea
}
skinparam arrow {
Thickness 3
Color #b5e853
FontColor $FGCOLOR
}
skinparam sequence {
BorderColor #b5e853
TitleFontColor #b5e853
BackgroundColor transparent
StartColor #b5e853
EndColor #b5e853
BoxBackgroundColor transparent
BoxBorderColor #eaeaea
BoxFontColor $DARk
LifeLineBorderColor #6a9fb5
LifeLineBorderThickness 2
LifeLineBackgroundColor #557f91
GroupBorderColor #eaeaea
GroupFontColor #eaeaea
GroupHeaderFontColor $INFO_TEXT
GroupBackgroundColor transparent
GroupBodyBackgroundColor transparent
GroupHeaderBackgroundColor transparent
DividerBackgroundColor #eaeaea
DividerBorderColor #eaeaea
DividerBorderThickness 2
DividerFontColor #151515
ReferenceBackgroundColor transparent
ReferenceBorderColor #eaeaea
ReferenceFontColor #eaeaea
ReferenceHeaderBackgroundColor #151515
}
skinparam partition {
BorderColor #b5e853
FontColor #b5e853
BackgroundColor #151515-black
}
skinparam collections {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
}
skinparam control {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
FontColor #eaeaea
}
skinparam entity {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
FontColor #eaeaea
}
skinparam boundary {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
FontColor #eaeaea
}
skinparam agent {
BackgroundColor #f6cc91-#f4bf75
BorderColor #f6cc91
FontColor #eaeaea
}
skinparam note {
BorderThickness 1
BackgroundColor #bb91b2-#885E7F
BorderColor #885E7F
FontColor $WHITE
}
skinparam artifact {
BackgroundColor #eaeaea
BorderColor white
FontColor #151515
}
skinparam component {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
}
skinparam interface {
BackgroundColor #bd6768-#ac4142
BorderColor #bd6768
FontColor #eaeaea
}
skinparam storage {
BackgroundColor #f6cc91-#f4bf75
BorderColor #f6cc91
FontColor #151515
}
skinparam node {
BackgroundColor #151515-black
BorderColor #d3f198
FontColor #eaeaea
}
skinparam cloud {
BackgroundColor transparent
BorderColor #eaeaea
FontColor #eaeaea
}
skinparam database {
BackgroundColor #151515-black
BorderColor #d3f198
FontColor #eaeaea
}
skinparam class {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
HeaderBackgroundColor #d3f198-#b5e853
StereotypeFontColor #eaeaea
BorderThickness 1
AttributeFontColor #151515
AttributeFontSize 11
}
skinparam object {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
StereotypeFontColor #eaeaea
BorderThickness 1
AttributeFontColor #151515
AttributeFontSize 11
}
skinparam usecase {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
BorderThickness 2
StereotypeFontColor #b5e853
}
skinparam rectangle {
BackgroundColor transparent
BorderColor #b5e853
BorderThickness 2
FontColor #6d8b32
StereotypeFontColor #b5e853
}
skinparam package {
BackgroundColor #151515
BorderColor #b5e853
FontColor #b5e853
BorderThickness 2
}
skinparam folder {
BackgroundColor #151515-black
BorderColor #f4bf75
FontColor #f4bf75
BorderThickness 2
}
skinparam frame {
BackgroundColor #151515-black
BorderColor #aa759f
FontColor #aa759f
BorderThickness 2
}
skinparam state {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
StartColor #aa759f
EndColor #aa759f
AttributeFontColor #fefefe
AttributeFontSize 11
}
skinparam queue {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
}
skinparam card {
BackgroundColor #bb91b2-#aa759f
BorderColor #bb91b2
FontColor $INFO_TEXT
}
skinparam file {
BackgroundColor #88b2c4-#6a9fb5
BorderColor #88b2c4
FontColor #eaeaea
}
skinparam stack {
FontColor #151515
BorderColor #d3f198
BackgroundColor #d3f198-#b5e853
}
title Usecase Diagram - hacker theme
legend
This is my legend
endlegend
left to right direction
actor customer
actor clerk
rectangle checkout {
customer - - (checkout)
(checkout) .> (payment) : include
(help) .> (checkout) : extends
(checkout) - - clerk
}
@enduml
PlantUML version 1.2021.01(Mon Feb 01 23:55:08 PST 2021)
(GPL source distribution)
Java Runtime: OpenJDK Runtime Environment
JVM: OpenJDK 64-Bit Server VM
Default Encoding: UTF-8
Language: en
Country: US
--></g></svg>

After

Width:  |  Height:  |  Size: 19 KiB

849
puml/hacker/wbs-ex.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 22 KiB