first
This commit is contained in:
chenp
776
puml/aws-orange-dark/activity-ex.svg
Normal file
776
puml/aws-orange-dark/activity-ex.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 22 KiB |
794
puml/aws-orange-dark/class-ex.svg
Normal file
794
puml/aws-orange-dark/class-ex.svg
Normal file
@ -0,0 +1,794 @@
|
||||
<?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="g3cqx0do19vgu0" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#55585C"/><stop offset="100%" stop-color="#2A2E33"/></linearGradient><linearGradient id="g3cqx0do19vgu1" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#F08E41"/><stop offset="100%" stop-color="#EC7211"/></linearGradient></defs><g><rect fill="url(#g3cqx0do19vgu0)" height="46.1528" rx="4.1667" ry="4.1667" style="stroke:#2A2E33;stroke-width:1.0416666666666667;" width="466.6667" x="71.875" y="2.0833"/><text fill="#FFFFFF" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="439.5833" x="85.4167" y="33.4452">Class Diagram - AWS Orange Dark theme</text><!--MD5=[b4fa10df80476353258f72a232547d63]
|
||||
class AbstractList--><rect codeLine="10" fill="url(#g3cqx0do19vgu1)" height="52.6917" id="AbstractList" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.0416666666666667;" width="116.6667" x="197.3958" y="274.2778"/><rect fill="#BD5B0E" height="36.025" rx="4.1667" ry="4.1667" style="stroke:#BD5B0E;stroke-width:1.0416666666666667;" width="116.6667" x="197.3958" y="274.2778"/><rect fill="#BD5B0E" height="4.1667" style="stroke:#BD5B0E;stroke-width:1.0416666666666667;" width="116.6667" x="197.3958" y="306.1361"/><rect codeLine="10" fill="none" height="52.6917" id="AbstractList" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.0416666666666667;" width="116.6667" x="197.3958" y="274.2778"/><ellipse cx="211.9792" cy="292.2902" fill="#558C2A" rx="10.4167" ry="10.4167" style="stroke:#88BF5D;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="#FFFFFF" 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:#EC7211;stroke-width:1.0416666666666667;" x1="198.4375" x2="313.0208" y1="310.3027" y2="310.3027"/><line style="stroke:#EC7211;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(#g3cqx0do19vgu1)" height="52.6917" id="AbstractCollection" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.0416666666666667;" width="153.125" x="7.2917" y="274.2778"/><rect fill="#BD5B0E" height="36.025" rx="4.1667" ry="4.1667" style="stroke:#BD5B0E;stroke-width:1.0416666666666667;" width="153.125" x="7.2917" y="274.2778"/><rect fill="#BD5B0E" height="4.1667" style="stroke:#BD5B0E;stroke-width:1.0416666666666667;" width="153.125" x="7.2917" y="306.1361"/><rect codeLine="11" fill="none" height="52.6917" id="AbstractCollection" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.0416666666666667;" width="153.125" x="7.2917" y="274.2778"/><ellipse cx="21.875" cy="292.2902" fill="#558C2A" rx="10.4167" ry="10.4167" style="stroke:#88BF5D;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="#FFFFFF" 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:#EC7211;stroke-width:1.0416666666666667;" x1="8.3333" x2="159.375" y1="310.3027" y2="310.3027"/><line style="stroke:#EC7211;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(#g3cqx0do19vgu1)" height="52.6917" id="List" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.0416666666666667;" width="64.5833" x="216.1458" y="95.1111"/><rect fill="#BD5B0E" height="36.025" rx="4.1667" ry="4.1667" style="stroke:#BD5B0E;stroke-width:1.0416666666666667;" width="64.5833" x="216.1458" y="95.1111"/><rect fill="#BD5B0E" height="4.1667" style="stroke:#BD5B0E;stroke-width:1.0416666666666667;" width="64.5833" x="216.1458" y="126.9694"/><rect codeLine="12" fill="none" height="52.6917" id="List" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.0416666666666667;" width="64.5833" x="216.1458" y="95.1111"/><ellipse cx="230.7292" cy="113.1236" fill="#CC4A50" rx="10.4167" ry="10.4167" style="stroke:#FF7D83;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="#FFFFFF" 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:#EC7211;stroke-width:1.0416666666666667;" x1="217.1875" x2="279.6875" y1="131.1361" y2="131.1361"/><line style="stroke:#EC7211;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(#g3cqx0do19vgu1)" height="52.6917" id="Collection" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.0416666666666667;" width="101.0417" x="71.875" y="95.1111"/><rect fill="#BD5B0E" height="36.025" rx="4.1667" ry="4.1667" style="stroke:#BD5B0E;stroke-width:1.0416666666666667;" width="101.0417" x="71.875" y="95.1111"/><rect fill="#BD5B0E" height="4.1667" style="stroke:#BD5B0E;stroke-width:1.0416666666666667;" width="101.0417" x="71.875" y="126.9694"/><rect codeLine="13" fill="none" height="52.6917" id="Collection" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.0416666666666667;" width="101.0417" x="71.875" y="95.1111"/><ellipse cx="86.4583" cy="113.1236" fill="#CC4A50" rx="10.4167" ry="10.4167" style="stroke:#FF7D83;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="#FFFFFF" 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:#EC7211;stroke-width:1.0416666666666667;" x1="72.9167" x2="171.875" y1="131.1361" y2="131.1361"/><line style="stroke:#EC7211;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(#g3cqx0do19vgu1)" height="101.3763" id="ArrayList" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.0416666666666667;" width="152.0833" x="179.6875" y="390.9444"/><rect fill="#BD5B0E" height="36.025" rx="4.1667" ry="4.1667" style="stroke:#BD5B0E;stroke-width:1.0416666666666667;" width="152.0833" x="179.6875" y="390.9444"/><rect fill="#BD5B0E" height="4.1667" style="stroke:#BD5B0E;stroke-width:1.0416666666666667;" width="152.0833" x="179.6875" y="422.8027"/><rect codeLine="22" fill="none" height="101.3763" id="ArrayList" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.0416666666666667;" width="152.0833" x="179.6875" y="390.9444"/><ellipse cx="218.1771" cy="408.9569" fill="#222529" rx="10.4167" ry="10.4167" style="stroke:#55585C;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="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="57.2917" x="242.2396" y="413.9282">ArrayList</text><line style="stroke:#EC7211;stroke-width:1.0416666666666667;" x1="180.7292" x2="330.7292" y1="426.9694" y2="426.9694"/><text fill="#FFFFFF" font-family="Verdana" font-size="11.4583" lengthAdjust="spacing" textLength="129.1667" x="191.1458" y="447.8643">Object[] elementData</text><line style="stroke:#EC7211;stroke-width:1.0416666666666667;" x1="180.7292" x2="330.7292" y1="459.6451" y2="459.6451"/><text fill="#FFFFFF" 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(#g3cqx0do19vgu1)" height="125.7187" id="TimeUnit" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.0416666666666667;" width="97.9167" x="317.1875" y="58.6528"/><rect fill="#BD5B0E" height="36.025" rx="4.1667" ry="4.1667" style="stroke:#BD5B0E;stroke-width:1.0416666666666667;" width="97.9167" x="317.1875" y="58.6528"/><rect fill="#BD5B0E" height="4.1667" style="stroke:#BD5B0E;stroke-width:1.0416666666666667;" width="97.9167" x="317.1875" y="90.5111"/><rect codeLine="27" fill="none" height="125.7187" id="TimeUnit" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.0416666666666667;" width="97.9167" x="317.1875" y="58.6528"/><ellipse cx="331.7708" cy="76.6652" fill="#BD5B0E" rx="10.4167" ry="10.4167" style="stroke:#F08E41;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="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="56.25" x="350.5208" y="81.6366">TimeUnit</text><line style="stroke:#EC7211;stroke-width:1.0416666666666667;" x1="318.2292" x2="414.0625" y1="94.6777" y2="94.6777"/><text fill="#FFFFFF" font-family="Verdana" font-size="11.4583" lengthAdjust="spacing" textLength="33.3333" x="328.6458" y="115.5726">DAYS</text><text fill="#FFFFFF" font-family="Verdana" font-size="11.4583" lengthAdjust="spacing" textLength="42.7083" x="328.6458" y="139.915">HOURS</text><text fill="#FFFFFF" font-family="Verdana" font-size="11.4583" lengthAdjust="spacing" textLength="54.1667" x="328.6458" y="164.2573">MINUTES</text><line style="stroke:#EC7211;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(#g3cqx0do19vgu1)" height="52.6917" id="SuppressWarnings" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.0416666666666667;" width="165.625" x="452.0833" y="95.1111"/><rect fill="#BD5B0E" height="36.025" rx="4.1667" ry="4.1667" style="stroke:#BD5B0E;stroke-width:1.0416666666666667;" width="165.625" x="452.0833" y="95.1111"/><rect fill="#BD5B0E" height="4.1667" style="stroke:#BD5B0E;stroke-width:1.0416666666666667;" width="165.625" x="452.0833" y="126.9694"/><rect codeLine="33" fill="none" height="52.6917" id="SuppressWarnings" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.0416666666666667;" width="165.625" x="452.0833" y="95.1111"/><ellipse cx="466.6667" cy="113.1236" fill="#3694AB" rx="10.4167" ry="10.4167" style="stroke:#69C7DE;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="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="123.9583" x="485.4167" y="118.0949">SuppressWarnings</text><line style="stroke:#EC7211;stroke-width:1.0416666666666667;" x1="453.125" x2="616.6667" y1="131.1361" y2="131.1361"/><line style="stroke:#EC7211;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:#EC7211;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:#EC7211;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:#EC7211;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:#EC7211;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:#EC7211;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:#EC7211;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:#EC7211;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:#EC7211;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:#EC7211;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:#EC7211;stroke-width:3.125;"/><!--MD5=[bf4cf9666e7575108c9468de794d898f]
|
||||
@startuml
|
||||
|
||||
!$THEME = "AWS Orange Dark"
|
||||
|
||||
!if %not(%variable_exists("$BGCOLOR"))
|
||||
!$BGCOLOR = "transparent"
|
||||
!endif
|
||||
|
||||
skinparam backgroundColor $BGCOLOR
|
||||
skinparam useBetaStyle false
|
||||
|
||||
!$WHITE = "#FFF"
|
||||
!$GRAY_LIGHT = "#222"
|
||||
!$GRAY = "#868e96"
|
||||
!$PRIMARY = "#EC7211"
|
||||
!$SECONDARY = "#2a2e33"
|
||||
!$SUCCESS = "#6aaf35"
|
||||
!$INFO = "#44b9d6"
|
||||
!$WARNING = "#EC7211"
|
||||
!$DANGER = "#ff5d64"
|
||||
!$LIGHT = "#abb6c2"
|
||||
!$DARK = "#4E5D6C"
|
||||
|
||||
!$FGCOLOR = $WHITE
|
||||
!$PRIMARY_DARK = "#f08e41"
|
||||
!$PRIMARY_LIGHT = "#bd5b0e"
|
||||
!$PRIMARY_TEXT = $WHITE
|
||||
!$SECONDARY_DARK = "#55585c"
|
||||
!$SECONDARY_LIGHT = "#222529"
|
||||
!$SECONDARY_TEXT = $WHITE
|
||||
!$INFO_DARK = "#69c7de"
|
||||
!$INFO_LIGHT = "#3694ab"
|
||||
!$INFO_TEXT = $WHITE
|
||||
!$SUCCESS_DARK = "#88bf5d"
|
||||
!$SUCCESS_LIGHT = "#558c2a"
|
||||
!$SUCCESS_TEXT = $WHITE
|
||||
!$WARNING_DARK = "#f08e41"
|
||||
!$WARNING_LIGHT = "#bd5b0e"
|
||||
!$WARNING_TEXT = $WHITE
|
||||
!$DANGER_DARK = "#ff7d83"
|
||||
!$DANGER_LIGHT = "#cc4a50"
|
||||
!$DANGER_TEXT = $WHITE
|
||||
!$DARK_DARK = "#717d89"
|
||||
!$DARK_LIGHT = "#3e4a56"
|
||||
!$LIGHT_DARK = "#bcc5ce"
|
||||
!$LIGHT_LIGHT = "#89929b"
|
||||
|
||||
!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
|
||||
BackgroundColor $PRIMARY_DARK-$PRIMARY
|
||||
!endprocedure
|
||||
|
||||
!_POST = "<color #007a3e>POST</color>"
|
||||
!_PUT = "<color #ea7400>PUT</color>"
|
||||
!_DELETE = "<color #cf2a2a>DELETE</color>"
|
||||
!_GET = "<color #009fdb>GET</color>"
|
||||
!_PATCH = "<color #b5bd00>PATCH</color>"
|
||||
!_HEAD = "<color #9012fe>HEAD</color>"
|
||||
|
||||
!procedure $OK($x)
|
||||
<color green>$x</color>
|
||||
!endprocedure
|
||||
!procedure $ERROR($x)
|
||||
<color red>$x</color>
|
||||
!endprocedure
|
||||
!procedure $COND($x)
|
||||
<color orange>x</color>
|
||||
!endprocedure
|
||||
|
||||
!procedure $REDSTAR()
|
||||
<color red>*</color>
|
||||
!endprocedure
|
||||
!procedure $REQ($x)
|
||||
<b>x</b>
|
||||
!endprocedure
|
||||
!procedure $OPT($x)
|
||||
<color #555>x</color>
|
||||
!endprocedure
|
||||
skinparam defaultFontName "Verdana"
|
||||
skinparam defaultFontSize 12
|
||||
skinparam dpi 100
|
||||
skinparam shadowing false
|
||||
skinparam roundcorner 8
|
||||
skinparam ParticipantPadding 40
|
||||
skinparam BoxPadding 40
|
||||
skinparam Padding 5
|
||||
skinparam ArrowColor $DARK
|
||||
skinparam stereotype {
|
||||
CBackgroundColor $SECONDARY_LIGHT
|
||||
CBorderColor $SECONDARY_DARK
|
||||
ABackgroundColor $SUCCESS_LIGHT
|
||||
ABorderColor $SUCCESS_DARK
|
||||
IBackgroundColor $DANGER_LIGHT
|
||||
IBorderColor $DANGER_DARK
|
||||
EBackgroundColor $WARNING_LIGHT
|
||||
EBorderColor $WARNING_DARK
|
||||
NBackgroundColor $INFO_LIGHT
|
||||
NBorderColor $INFO_DARK
|
||||
}
|
||||
skinparam title {
|
||||
FontColor $PRIMARY_TEXT
|
||||
BorderColor $SECONDARY
|
||||
FontSize 20
|
||||
BorderRoundCorner 8
|
||||
BorderThickness 1
|
||||
BackgroundColor $SECONDARY_DARK-$SECONDARY
|
||||
}
|
||||
|
||||
skinparam legend {
|
||||
BackgroundColor $SECONDARY
|
||||
BorderColor $SECONDARY_DARK
|
||||
FontColor $LIGHT
|
||||
}
|
||||
|
||||
!startsub swimlane
|
||||
skinparam swimlane {
|
||||
BorderColor $INFO
|
||||
BorderThickness 2
|
||||
TitleBackgroundColor $SECONDARY_DARK-$SECONDARY
|
||||
TitleFontColor $PRIMARY
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub activity
|
||||
skinparam activity {
|
||||
$primary_scheme()
|
||||
BarColor $SUCCESS
|
||||
StartColor $INFO
|
||||
EndColor $INFO
|
||||
DiamondBackgroundColor $SECONDARY_LIGHT
|
||||
DiamondBorderColor $SECONDARY_DARK
|
||||
DiamondFontColor $SECONDARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub participant
|
||||
skinparam participant {
|
||||
$primary_scheme()
|
||||
ParticipantBorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub actor
|
||||
skinparam actor {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub arrow
|
||||
skinparam arrow {
|
||||
Thickness 3
|
||||
Color $PRIMARY
|
||||
FontColor $FGCOLOR
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub sequence
|
||||
skinparam sequence {
|
||||
ArrowThickness 3
|
||||
BorderColor $PRIMARY
|
||||
TitleFontColor $PRIMARY
|
||||
BackgroundColor $BGCOLOR
|
||||
StartColor $PRIMARY
|
||||
EndColor $PRIMARY
|
||||
BoxBackgroundColor $BGCOLOR
|
||||
BoxBorderColor $DARK
|
||||
BoxFontColor $DARK
|
||||
LifeLineBorderColor $LIGHT
|
||||
LifeLineBorderThickness 3
|
||||
LifeLineBackgroundColor $LIGHT
|
||||
GroupBorderColor $DARK
|
||||
GroupFontColor $DARK
|
||||
GroupHeaderFontColor $INFO
|
||||
GroupBackgroundColor $SECONDARY
|
||||
GroupBodyBackgroundColor $BGCOLOR
|
||||
GroupHeaderBackgroundColor $BGCOLOR
|
||||
DividerBackgroundColor $DARK
|
||||
DividerBorderColor $DARK
|
||||
DividerBorderThickness 2
|
||||
DividerFontColor $LIGHT
|
||||
ReferenceBackgroundColor $BGCOLOR
|
||||
ReferenceBorderColor $DARK
|
||||
ReferenceFontColor $DARK
|
||||
ReferenceHeaderFontColor $INFO
|
||||
ReferenceHeaderBackgroundColor $SECONDARY
|
||||
StereotypeFontColor $PRIMARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub partition
|
||||
skinparam partition {
|
||||
BorderColor $PRIMARY
|
||||
FontColor $PRIMARY
|
||||
BackgroundColor $BGCOLOR
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub collections
|
||||
skinparam collections {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub control
|
||||
skinparam control {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub entity
|
||||
skinparam entity {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub boundary
|
||||
skinparam boundary {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub agent
|
||||
skinparam agent {
|
||||
BackgroundColor $WARNING
|
||||
BorderColor $WARNING_LIGHT
|
||||
FontColor $DARK
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub note
|
||||
skinparam note {
|
||||
BorderThickness 1
|
||||
BackgroundColor $INFO
|
||||
BorderColor $INFO_DARK
|
||||
FontColor $WHITE
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub artifact
|
||||
skinparam artifact {
|
||||
BackgroundColor $DARK
|
||||
BorderColor $DARK_DARK
|
||||
FontColor $LIGHT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub component
|
||||
skinparam component {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub interface
|
||||
skinparam interface {
|
||||
BackgroundColor $DANGER_DARK
|
||||
BorderColor $DANGER
|
||||
FontColor $DARK
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub storage
|
||||
skinparam storage {
|
||||
BackgroundColor $WARNING
|
||||
BorderColor $WARNING_DARK
|
||||
FontColor $WARNING_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub node
|
||||
skinparam node {
|
||||
BackgroundColor $BGCOLOR
|
||||
BorderColor $LIGHT
|
||||
FontColor $LIGHT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub cloud
|
||||
skinparam cloud {
|
||||
BackgroundColor transparent
|
||||
BorderColor $DARK
|
||||
FontColor $LIGHT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub database
|
||||
skinparam database {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub class
|
||||
skinparam class {
|
||||
$primary_scheme()
|
||||
HeaderBackgroundColor $PRIMARY_LIGHT
|
||||
StereotypeFontColor $DARK
|
||||
BorderThickness 1
|
||||
AttributeFontColor $PRIMARY_TEXT
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub object
|
||||
skinparam object {
|
||||
$primary_scheme()
|
||||
StereotypeFontColor $DARK
|
||||
BorderThickness 1
|
||||
AttributeFontColor $SECONDARY_TEXT
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub usecase
|
||||
skinparam usecase {
|
||||
$primary_scheme()
|
||||
BorderThickness 2
|
||||
StereotypeFontColor $PRIMARY
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub rectangle
|
||||
skinparam rectangle {
|
||||
BorderColor $DARK
|
||||
FontColor $LIGHT
|
||||
BackgroundColor $BGCOLOR
|
||||
BorderThickness 2
|
||||
StereotypeFontColor $DARK
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub package
|
||||
skinparam package {
|
||||
BackgroundColor $SECONDARY
|
||||
BorderColor $LIGHT
|
||||
FontColor $LIGHT
|
||||
BorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub folder
|
||||
skinparam folder {
|
||||
BackgroundColor $SECONDARY_LIGHT
|
||||
BorderColor $WARNING
|
||||
FontColor $WARNING
|
||||
BorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub frame
|
||||
skinparam frame {
|
||||
BackgroundColor $SECONDARY_LIGHT
|
||||
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
|
||||
BorderColor $INFO_DARK
|
||||
FontColor $INFO_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub file
|
||||
skinparam file {
|
||||
BackgroundColor $SECONDARY_DARK
|
||||
BorderColor $LIGHT
|
||||
FontColor $PRIMARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub stack
|
||||
skinparam stack {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
|
||||
|
||||
!if %variable_exists("$THEME")
|
||||
title Class Diagram - $THEME theme
|
||||
!else
|
||||
title Class Diagram
|
||||
!endif
|
||||
|
||||
'skinparam BackgroundColor transparent
|
||||
|
||||
abstract class AbstractList
|
||||
abstract AbstractCollection
|
||||
interface List
|
||||
interface Collection
|
||||
|
||||
List <|- - AbstractList: this is a message
|
||||
Collection <|- - AbstractCollection
|
||||
|
||||
Collection <|- List
|
||||
AbstractCollection <|- AbstractList
|
||||
AbstractList <|- - ArrayList
|
||||
|
||||
class ArrayList {
|
||||
Object[] elementData
|
||||
size()
|
||||
}
|
||||
|
||||
enum TimeUnit {
|
||||
DAYS
|
||||
HOURS
|
||||
MINUTES
|
||||
}
|
||||
|
||||
annotation SuppressWarnings
|
||||
|
||||
@enduml
|
||||
|
||||
@startuml
|
||||
|
||||
|
||||
|
||||
skinparam backgroundColor transparent
|
||||
skinparam useBetaStyle false
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
skinparam defaultFontName "Verdana"
|
||||
skinparam defaultFontSize 12
|
||||
skinparam dpi 100
|
||||
skinparam shadowing false
|
||||
skinparam roundcorner 8
|
||||
skinparam ParticipantPadding 40
|
||||
skinparam BoxPadding 40
|
||||
skinparam Padding 5
|
||||
skinparam ArrowColor #4E5D6C
|
||||
skinparam stereotype {
|
||||
CBackgroundColor #222529
|
||||
CBorderColor #55585c
|
||||
ABackgroundColor #558c2a
|
||||
ABorderColor #88bf5d
|
||||
IBackgroundColor #cc4a50
|
||||
IBorderColor #ff7d83
|
||||
EBackgroundColor #bd5b0e
|
||||
EBorderColor #f08e41
|
||||
NBackgroundColor #3694ab
|
||||
NBorderColor #69c7de
|
||||
}
|
||||
skinparam title {
|
||||
FontColor #FFF
|
||||
BorderColor #2a2e33
|
||||
FontSize 20
|
||||
BorderRoundCorner 8
|
||||
BorderThickness 1
|
||||
BackgroundColor #55585c-#2a2e33
|
||||
}
|
||||
|
||||
skinparam legend {
|
||||
BackgroundColor #2a2e33
|
||||
BorderColor #55585c
|
||||
FontColor #abb6c2
|
||||
}
|
||||
|
||||
skinparam swimlane {
|
||||
BorderColor #44b9d6
|
||||
BorderThickness 2
|
||||
TitleBackgroundColor #55585c-#2a2e33
|
||||
TitleFontColor #EC7211
|
||||
}
|
||||
|
||||
skinparam activity {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
BarColor #6aaf35
|
||||
StartColor #44b9d6
|
||||
EndColor #44b9d6
|
||||
DiamondBackgroundColor #222529
|
||||
DiamondBorderColor #55585c
|
||||
DiamondFontColor #FFF
|
||||
}
|
||||
|
||||
skinparam participant {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
ParticipantBorderThickness 2
|
||||
}
|
||||
|
||||
skinparam actor {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam arrow {
|
||||
Thickness 3
|
||||
Color #EC7211
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
skinparam sequence {
|
||||
ArrowThickness 3
|
||||
BorderColor #EC7211
|
||||
TitleFontColor #EC7211
|
||||
BackgroundColor transparent
|
||||
StartColor #EC7211
|
||||
EndColor #EC7211
|
||||
BoxBackgroundColor transparent
|
||||
BoxBorderColor #4E5D6C
|
||||
BoxFontColor #4E5D6C
|
||||
LifeLineBorderColor #abb6c2
|
||||
LifeLineBorderThickness 3
|
||||
LifeLineBackgroundColor #abb6c2
|
||||
GroupBorderColor #4E5D6C
|
||||
GroupFontColor #4E5D6C
|
||||
GroupHeaderFontColor #44b9d6
|
||||
GroupBackgroundColor #2a2e33
|
||||
GroupBodyBackgroundColor transparent
|
||||
GroupHeaderBackgroundColor transparent
|
||||
DividerBackgroundColor #4E5D6C
|
||||
DividerBorderColor #4E5D6C
|
||||
DividerBorderThickness 2
|
||||
DividerFontColor #abb6c2
|
||||
ReferenceBackgroundColor transparent
|
||||
ReferenceBorderColor #4E5D6C
|
||||
ReferenceFontColor #4E5D6C
|
||||
ReferenceHeaderFontColor #44b9d6
|
||||
ReferenceHeaderBackgroundColor #2a2e33
|
||||
StereotypeFontColor #FFF
|
||||
}
|
||||
|
||||
skinparam partition {
|
||||
BorderColor #EC7211
|
||||
FontColor #EC7211
|
||||
BackgroundColor transparent
|
||||
}
|
||||
|
||||
skinparam collections {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam control {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam entity {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam boundary {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam agent {
|
||||
BackgroundColor #EC7211
|
||||
BorderColor #bd5b0e
|
||||
FontColor #4E5D6C
|
||||
}
|
||||
|
||||
skinparam note {
|
||||
BorderThickness 1
|
||||
BackgroundColor #44b9d6
|
||||
BorderColor #69c7de
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
skinparam artifact {
|
||||
BackgroundColor #4E5D6C
|
||||
BorderColor #717d89
|
||||
FontColor #abb6c2
|
||||
}
|
||||
|
||||
skinparam component {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam interface {
|
||||
BackgroundColor #ff7d83
|
||||
BorderColor #ff5d64
|
||||
FontColor #4E5D6C
|
||||
}
|
||||
|
||||
skinparam storage {
|
||||
BackgroundColor #EC7211
|
||||
BorderColor #f08e41
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
skinparam node {
|
||||
BackgroundColor transparent
|
||||
BorderColor #abb6c2
|
||||
FontColor #abb6c2
|
||||
}
|
||||
|
||||
skinparam cloud {
|
||||
BackgroundColor transparent
|
||||
BorderColor #4E5D6C
|
||||
FontColor #abb6c2
|
||||
}
|
||||
|
||||
skinparam database {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam class {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
HeaderBackgroundColor #bd5b0e
|
||||
StereotypeFontColor #4E5D6C
|
||||
BorderThickness 1
|
||||
AttributeFontColor #FFF
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
skinparam object {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
StereotypeFontColor #4E5D6C
|
||||
BorderThickness 1
|
||||
AttributeFontColor #FFF
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
skinparam usecase {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
BorderThickness 2
|
||||
StereotypeFontColor #EC7211
|
||||
}
|
||||
|
||||
skinparam rectangle {
|
||||
BorderColor #4E5D6C
|
||||
FontColor #abb6c2
|
||||
BackgroundColor transparent
|
||||
BorderThickness 2
|
||||
StereotypeFontColor #4E5D6C
|
||||
}
|
||||
|
||||
skinparam package {
|
||||
BackgroundColor #2a2e33
|
||||
BorderColor #abb6c2
|
||||
FontColor #abb6c2
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
skinparam folder {
|
||||
BackgroundColor #222529
|
||||
BorderColor #EC7211
|
||||
FontColor #EC7211
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
skinparam frame {
|
||||
BackgroundColor #222529
|
||||
BorderColor #44b9d6
|
||||
FontColor #44b9d6
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
skinparam state {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
StartColor #44b9d6
|
||||
EndColor #44b9d6
|
||||
AttributeFontColor #FFF
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
skinparam queue {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam card {
|
||||
BackgroundColor #44b9d6
|
||||
BorderColor #69c7de
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
skinparam file {
|
||||
BackgroundColor #55585c
|
||||
BorderColor #abb6c2
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
skinparam stack {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
|
||||
|
||||
title Class Diagram - AWS Orange Dark 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 |
850
puml/aws-orange-dark/component-ex.svg
Normal file
850
puml/aws-orange-dark/component-ex.svg
Normal 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="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="g19q8ato4c357h0" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#55585C"/><stop offset="100%" stop-color="#2A2E33"/></linearGradient><linearGradient id="g19q8ato4c357h1" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#F08E41"/><stop offset="100%" stop-color="#EC7211"/></linearGradient></defs><g><rect fill="url(#g19q8ato4c357h0)" height="46.1528" rx="4.1667" ry="4.1667" style="stroke:#2A2E33;stroke-width:1.0416666666666667;" width="532.2917" x="340.3646" y="2.0833"/><text fill="#FFFFFF" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="505.2083" x="353.9063" y="33.4452">Component Diagram - AWS Orange Dark theme</text><!--MD5=[98956307d0c47524864de5bf9cdc747b]
|
||||
cluster My Package--><path d="M10.4167,57.6111 L101.0417,57.6111 A6.25,6.25 0 0 1 105.2083,61.7778 L112.5,89.4694 L788.5417,89.4694 A4.1667,4.1667 0 0 1 792.7083,93.6361 L792.7083,172.1944 A4.1667,4.1667 0 0 1 788.5417,176.3611 L10.4167,176.3611 A4.1667,4.1667 0 0 1 6.25,172.1944 L6.25,61.7778 A4.1667,4.1667 0 0 1 10.4167,57.6111 " fill="#2A2E33" style="stroke:#ABB6C2;stroke-width:2.0833333333333335;"/><line style="stroke:#ABB6C2;stroke-width:2.0833333333333335;" x1="6.25" x2="112.5" y1="89.4694" y2="89.4694"/><text fill="#ABB6C2" 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 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:#ABB6C2;stroke-width:1.5625;fill:none;"/><line style="stroke:#ABB6C2;stroke-width:1.5625;fill:none;" x1="581.25" x2="591.6667" y1="247.1944" y2="236.7778"/><line style="stroke:#ABB6C2;stroke-width:1.5625;fill:none;" x1="162.5" x2="581.25" y1="247.1944" y2="247.1944"/><line style="stroke:#ABB6C2;stroke-width:1.5625;fill:none;" x1="581.25" x2="581.25" y1="247.1944" y2="360.7361"/><text fill="#ABB6C2" 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:#4E5D6C;stroke-width:1.5625;fill:none;"/><text fill="#ABB6C2" 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(#g19q8ato4c357h1)" style="stroke:#EC7211;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:#EC7211;stroke-width:1.5625;"/><text fill="#FFFFFF" 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="M628.125,471.6736 L701.0417,471.6736 A6.25,6.25 0 0 1 705.2083,475.8403 L712.5,503.5319 L759.375,503.5319 A4.1667,4.1667 0 0 1 763.5417,507.6986 L763.5417,586.2569 A4.1667,4.1667 0 0 1 759.375,590.4236 L628.125,590.4236 A4.1667,4.1667 0 0 1 623.9583,586.2569 L623.9583,475.8403 A4.1667,4.1667 0 0 1 628.125,471.6736 " fill="#222529" style="stroke:#EC7211;stroke-width:1.5625;"/><line style="stroke:#EC7211;stroke-width:1.5625;" x1="623.9583" x2="712.5" y1="503.5319" y2="503.5319"/><text fill="#EC7211" 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="#222529" height="118.75" rx="4.1667" ry="4.1667" style="stroke:#44B9D6;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:#44B9D6;stroke-width:1.5625;"/><text fill="#44B9D6" 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="#FF7D83" rx="8.3333" ry="8.3333" style="stroke:#FF5D64;stroke-width:1.5625;"/><text fill="#4E5D6C" 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(#g19q8ato4c357h1)" height="56.8583" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.5625;" width="160.4167" x="339.5833" y="102.4028"/><rect fill="url(#g19q8ato4c357h1)" height="10.4167" style="stroke:#EC7211;stroke-width:1.5625;" width="15.625" x="479.1667" y="107.6111"/><rect fill="url(#g19q8ato4c357h1)" height="2.0833" style="stroke:#EC7211;stroke-width:1.5625;" width="4.1667" x="477.0833" y="109.6944"/><rect fill="url(#g19q8ato4c357h1)" height="2.0833" style="stroke:#EC7211;stroke-width:1.5625;" width="4.1667" x="477.0833" y="113.8611"/><text fill="#FFFFFF" 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(#g19q8ato4c357h1)" height="56.8583" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.5625;" width="184.375" x="592.1875" y="102.4028"/><rect fill="url(#g19q8ato4c357h1)" height="10.4167" style="stroke:#EC7211;stroke-width:1.5625;" width="15.625" x="755.7292" y="107.6111"/><rect fill="url(#g19q8ato4c357h1)" height="2.0833" style="stroke:#EC7211;stroke-width:1.5625;" width="4.1667" x="753.6458" y="109.6944"/><rect fill="url(#g19q8ato4c357h1)" height="2.0833" style="stroke:#EC7211;stroke-width:1.5625;" width="4.1667" x="753.6458" y="113.8611"/><text fill="#FFFFFF" 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="4.1667" ry="4.1667" style="stroke:#4E5D6C;stroke-width:2.0833333333333335;fill:none;" width="121.875" x="180.7292" y="107.6111"/><text fill="#ABB6C2" 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(#g19q8ato4c357h1)" height="42.275" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.5625;" width="116.6667" x="27.0833" y="111.7778"/><rect fill="url(#g19q8ato4c357h1)" height="42.275" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.5625;" width="116.6667" x="22.9167" y="107.6111"/><text fill="#ABB6C2" 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="#FF7D83" rx="8.3333" ry="8.3333" style="stroke:#FF5D64;stroke-width:1.5625;"/><text fill="#4E5D6C" 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(#g19q8ato4c357h1)" height="56.8583" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.5625;" width="180.2083" x="394.2708" y="286.7778"/><rect fill="url(#g19q8ato4c357h1)" height="10.4167" style="stroke:#EC7211;stroke-width:1.5625;" width="15.625" x="553.6458" y="291.9861"/><rect fill="url(#g19q8ato4c357h1)" height="2.0833" style="stroke:#EC7211;stroke-width:1.5625;" width="4.1667" x="551.5625" y="294.0694"/><rect fill="url(#g19q8ato4c357h1)" height="2.0833" style="stroke:#EC7211;stroke-width:1.5625;" width="4.1667" x="551.5625" y="298.2361"/><text fill="#FFFFFF" 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="4.1667" ry="4.1667" style="stroke:#4E5D6C;stroke-width:2.0833333333333335;fill:none;" width="121.875" x="179.6875" y="291.9861"/><text fill="#ABB6C2" 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(#g19q8ato4c357h1)" height="56.8583" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.5625;" width="119.7917" x="633.8542" y="286.7778"/><rect fill="url(#g19q8ato4c357h1)" height="10.4167" style="stroke:#EC7211;stroke-width:1.5625;" width="15.625" x="732.8125" y="291.9861"/><rect fill="url(#g19q8ato4c357h1)" height="2.0833" style="stroke:#EC7211;stroke-width:1.5625;" width="4.1667" x="730.7292" y="294.0694"/><rect fill="url(#g19q8ato4c357h1)" height="2.0833" style="stroke:#EC7211;stroke-width:1.5625;" width="4.1667" x="730.7292" y="298.2361"/><text fill="#FFFFFF" 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(#g19q8ato4c357h1)" height="56.8583" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.5625;" width="105.2083" x="641.1458" y="516.4653"/><rect fill="url(#g19q8ato4c357h1)" height="10.4167" style="stroke:#EC7211;stroke-width:1.5625;" width="15.625" x="725.5208" y="521.6736"/><rect fill="url(#g19q8ato4c357h1)" height="2.0833" style="stroke:#EC7211;stroke-width:1.5625;" width="4.1667" x="723.4375" y="523.7569"/><rect fill="url(#g19q8ato4c357h1)" height="2.0833" style="stroke:#EC7211;stroke-width:1.5625;" width="4.1667" x="723.4375" y="527.9236"/><text fill="#FFFFFF" 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(#g19q8ato4c357h1)" height="56.8583" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.5625;" width="105.2083" x="641.1458" y="669.5903"/><rect fill="url(#g19q8ato4c357h1)" height="10.4167" style="stroke:#EC7211;stroke-width:1.5625;" width="15.625" x="725.5208" y="674.7986"/><rect fill="url(#g19q8ato4c357h1)" height="2.0833" style="stroke:#EC7211;stroke-width:1.5625;" width="4.1667" x="723.4375" y="676.8819"/><rect fill="url(#g19q8ato4c357h1)" height="2.0833" style="stroke:#EC7211;stroke-width:1.5625;" width="4.1667" x="723.4375" y="681.0486"/><text fill="#FFFFFF" 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(#g19q8ato4c357h1)" height="42.275" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.5625;" width="116.6667" x="816.6667" y="111.7778"/><rect fill="url(#g19q8ato4c357h1)" height="42.275" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.5625;" width="116.6667" x="812.5" y="107.6111"/><text fill="#ABB6C2" 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="#4E5D6C" height="49.5667" rx="4.1667" ry="4.1667" style="stroke:#717D89;stroke-width:1.5625;" width="109.375" x="970.3125" y="106.0486"/><polygon fill="#4E5D6C" 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:#717D89;stroke-width:1.5625;"/><line style="stroke:#717D89;stroke-width:1.5625;" x1="1068.2292" x2="1068.2292" y1="111.2569" y2="117.5069"/><line style="stroke:#717D89;stroke-width:1.5625;" x1="1074.4792" x2="1068.2292" y1="117.5069" y2="117.5069"/><text fill="#ABB6C2" 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="#EC7211" height="46.4417" rx="36.4583" ry="36.4583" style="stroke:#F08E41;stroke-width:1.5625;" width="105.2083" x="1116.1458" y="107.6111"/><text fill="#FFFFFF" 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(#g19q8ato4c357h1)" style="stroke:#EC7211;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:#EC7211;stroke-width:1.5625;"/><text fill="#FFFFFF" 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="#FF7D83" rx="8.3333" ry="8.3333" style="stroke:#FF5D64;stroke-width:1.5625;"/><text fill="#4E5D6C" 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="#44B9D6" height="31.8583" rx="4.1667" ry="4.1667" style="stroke:#69C7DE;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,525.8403 L835.4167,563.9486 A4.1667,4.1667 0 0 0 839.5833,568.1152 L906.25,568.1152 A4.1667,4.1667 0 0 0 910.4167,563.9486 L910.4167,532.0903 L900,521.6736 L839.5833,521.6736 A4.1667,4.1667 0 0 0 835.4167,525.8403 " fill="#55585C" style="stroke:#ABB6C2;stroke-width:1.5625;"/><path d="M900,521.6736 L900,527.9236 A4.1667,4.1667 0 0 0 904.1667,532.0903 L910.4167,532.0903 " fill="#55585C" style="stroke:#ABB6C2;stroke-width:1.5625;"/><text fill="#FFFFFF" 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(#g19q8ato4c357h1)" height="46.4417" rx="4.1667" ry="4.1667" style="stroke:none;stroke-width:1.5625;" width="88.5417" x="963.0208" y="521.6736"/><path d="M947.3958,521.6736 L958.8542,521.6736 A4.1667,4.1667 0 0 1 963.0208,525.8403 L963.0208,563.9486 A4.1667,4.1667 0 0 0 967.1875,568.1152 L1047.3958,568.1152 A4.1667,4.1667 0 0 0 1051.5625,563.9486 L1051.5625,525.8403 A4.1667,4.1667 0 0 1 1055.7292,521.6736 L1067.1875,521.6736 " fill="none" style="stroke:#EC7211;stroke-width:1.5625;"/><text fill="#FFFFFF" 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:#EC7211;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:#EC7211;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:#EC7211;stroke-width:3.125;"/><polygon fill="#EC7211" points="350.4063,305.7361,357.0527,297.9209,351.8783,300.7401,349.0591,295.5657,350.4063,305.7361" style="stroke:#EC7211;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:#EC7211;stroke-width:3.125;"/><polygon fill="#EC7211" points="692.3333,286.7361,696.0403,277.17,692.0807,281.5339,687.7168,277.5743,692.3333,286.7361" style="stroke:#EC7211;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:#EC7211;stroke-width:3.125;"/><polygon fill="#EC7211" points="693.75,516.2882,697.9167,506.9132,693.75,511.0798,689.5833,506.9132,693.75,516.2882" style="stroke:#EC7211;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:#EC7211;stroke-width:3.125;"/><polygon fill="#EC7211" points="693.75,669.1528,697.9167,659.7778,693.75,663.9444,689.5833,659.7778,693.75,669.1528" style="stroke:#EC7211;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=[63051889379a693799539b14bce139e6]
|
||||
@startuml
|
||||
|
||||
!$THEME = "AWS Orange Dark"
|
||||
|
||||
!if %not(%variable_exists("$BGCOLOR"))
|
||||
!$BGCOLOR = "transparent"
|
||||
!endif
|
||||
|
||||
skinparam backgroundColor $BGCOLOR
|
||||
skinparam useBetaStyle false
|
||||
|
||||
!$WHITE = "#FFF"
|
||||
!$GRAY_LIGHT = "#222"
|
||||
!$GRAY = "#868e96"
|
||||
!$PRIMARY = "#EC7211"
|
||||
!$SECONDARY = "#2a2e33"
|
||||
!$SUCCESS = "#6aaf35"
|
||||
!$INFO = "#44b9d6"
|
||||
!$WARNING = "#EC7211"
|
||||
!$DANGER = "#ff5d64"
|
||||
!$LIGHT = "#abb6c2"
|
||||
!$DARK = "#4E5D6C"
|
||||
|
||||
!$FGCOLOR = $WHITE
|
||||
!$PRIMARY_DARK = "#f08e41"
|
||||
!$PRIMARY_LIGHT = "#bd5b0e"
|
||||
!$PRIMARY_TEXT = $WHITE
|
||||
!$SECONDARY_DARK = "#55585c"
|
||||
!$SECONDARY_LIGHT = "#222529"
|
||||
!$SECONDARY_TEXT = $WHITE
|
||||
!$INFO_DARK = "#69c7de"
|
||||
!$INFO_LIGHT = "#3694ab"
|
||||
!$INFO_TEXT = $WHITE
|
||||
!$SUCCESS_DARK = "#88bf5d"
|
||||
!$SUCCESS_LIGHT = "#558c2a"
|
||||
!$SUCCESS_TEXT = $WHITE
|
||||
!$WARNING_DARK = "#f08e41"
|
||||
!$WARNING_LIGHT = "#bd5b0e"
|
||||
!$WARNING_TEXT = $WHITE
|
||||
!$DANGER_DARK = "#ff7d83"
|
||||
!$DANGER_LIGHT = "#cc4a50"
|
||||
!$DANGER_TEXT = $WHITE
|
||||
!$DARK_DARK = "#717d89"
|
||||
!$DARK_LIGHT = "#3e4a56"
|
||||
!$LIGHT_DARK = "#bcc5ce"
|
||||
!$LIGHT_LIGHT = "#89929b"
|
||||
|
||||
!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
|
||||
BackgroundColor $PRIMARY_DARK-$PRIMARY
|
||||
!endprocedure
|
||||
|
||||
!_POST = "<color #007a3e>POST</color>"
|
||||
!_PUT = "<color #ea7400>PUT</color>"
|
||||
!_DELETE = "<color #cf2a2a>DELETE</color>"
|
||||
!_GET = "<color #009fdb>GET</color>"
|
||||
!_PATCH = "<color #b5bd00>PATCH</color>"
|
||||
!_HEAD = "<color #9012fe>HEAD</color>"
|
||||
|
||||
!procedure $OK($x)
|
||||
<color green>$x</color>
|
||||
!endprocedure
|
||||
!procedure $ERROR($x)
|
||||
<color red>$x</color>
|
||||
!endprocedure
|
||||
!procedure $COND($x)
|
||||
<color orange>x</color>
|
||||
!endprocedure
|
||||
|
||||
!procedure $REDSTAR()
|
||||
<color red>*</color>
|
||||
!endprocedure
|
||||
!procedure $REQ($x)
|
||||
<b>x</b>
|
||||
!endprocedure
|
||||
!procedure $OPT($x)
|
||||
<color #555>x</color>
|
||||
!endprocedure
|
||||
skinparam defaultFontName "Verdana"
|
||||
skinparam defaultFontSize 12
|
||||
skinparam dpi 100
|
||||
skinparam shadowing false
|
||||
skinparam roundcorner 8
|
||||
skinparam ParticipantPadding 40
|
||||
skinparam BoxPadding 40
|
||||
skinparam Padding 5
|
||||
skinparam ArrowColor $DARK
|
||||
skinparam stereotype {
|
||||
CBackgroundColor $SECONDARY_LIGHT
|
||||
CBorderColor $SECONDARY_DARK
|
||||
ABackgroundColor $SUCCESS_LIGHT
|
||||
ABorderColor $SUCCESS_DARK
|
||||
IBackgroundColor $DANGER_LIGHT
|
||||
IBorderColor $DANGER_DARK
|
||||
EBackgroundColor $WARNING_LIGHT
|
||||
EBorderColor $WARNING_DARK
|
||||
NBackgroundColor $INFO_LIGHT
|
||||
NBorderColor $INFO_DARK
|
||||
}
|
||||
skinparam title {
|
||||
FontColor $PRIMARY_TEXT
|
||||
BorderColor $SECONDARY
|
||||
FontSize 20
|
||||
BorderRoundCorner 8
|
||||
BorderThickness 1
|
||||
BackgroundColor $SECONDARY_DARK-$SECONDARY
|
||||
}
|
||||
|
||||
skinparam legend {
|
||||
BackgroundColor $SECONDARY
|
||||
BorderColor $SECONDARY_DARK
|
||||
FontColor $LIGHT
|
||||
}
|
||||
|
||||
!startsub swimlane
|
||||
skinparam swimlane {
|
||||
BorderColor $INFO
|
||||
BorderThickness 2
|
||||
TitleBackgroundColor $SECONDARY_DARK-$SECONDARY
|
||||
TitleFontColor $PRIMARY
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub activity
|
||||
skinparam activity {
|
||||
$primary_scheme()
|
||||
BarColor $SUCCESS
|
||||
StartColor $INFO
|
||||
EndColor $INFO
|
||||
DiamondBackgroundColor $SECONDARY_LIGHT
|
||||
DiamondBorderColor $SECONDARY_DARK
|
||||
DiamondFontColor $SECONDARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub participant
|
||||
skinparam participant {
|
||||
$primary_scheme()
|
||||
ParticipantBorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub actor
|
||||
skinparam actor {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub arrow
|
||||
skinparam arrow {
|
||||
Thickness 3
|
||||
Color $PRIMARY
|
||||
FontColor $FGCOLOR
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub sequence
|
||||
skinparam sequence {
|
||||
ArrowThickness 3
|
||||
BorderColor $PRIMARY
|
||||
TitleFontColor $PRIMARY
|
||||
BackgroundColor $BGCOLOR
|
||||
StartColor $PRIMARY
|
||||
EndColor $PRIMARY
|
||||
BoxBackgroundColor $BGCOLOR
|
||||
BoxBorderColor $DARK
|
||||
BoxFontColor $DARK
|
||||
LifeLineBorderColor $LIGHT
|
||||
LifeLineBorderThickness 3
|
||||
LifeLineBackgroundColor $LIGHT
|
||||
GroupBorderColor $DARK
|
||||
GroupFontColor $DARK
|
||||
GroupHeaderFontColor $INFO
|
||||
GroupBackgroundColor $SECONDARY
|
||||
GroupBodyBackgroundColor $BGCOLOR
|
||||
GroupHeaderBackgroundColor $BGCOLOR
|
||||
DividerBackgroundColor $DARK
|
||||
DividerBorderColor $DARK
|
||||
DividerBorderThickness 2
|
||||
DividerFontColor $LIGHT
|
||||
ReferenceBackgroundColor $BGCOLOR
|
||||
ReferenceBorderColor $DARK
|
||||
ReferenceFontColor $DARK
|
||||
ReferenceHeaderFontColor $INFO
|
||||
ReferenceHeaderBackgroundColor $SECONDARY
|
||||
StereotypeFontColor $PRIMARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub partition
|
||||
skinparam partition {
|
||||
BorderColor $PRIMARY
|
||||
FontColor $PRIMARY
|
||||
BackgroundColor $BGCOLOR
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub collections
|
||||
skinparam collections {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub control
|
||||
skinparam control {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub entity
|
||||
skinparam entity {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub boundary
|
||||
skinparam boundary {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub agent
|
||||
skinparam agent {
|
||||
BackgroundColor $WARNING
|
||||
BorderColor $WARNING_LIGHT
|
||||
FontColor $DARK
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub note
|
||||
skinparam note {
|
||||
BorderThickness 1
|
||||
BackgroundColor $INFO
|
||||
BorderColor $INFO_DARK
|
||||
FontColor $WHITE
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub artifact
|
||||
skinparam artifact {
|
||||
BackgroundColor $DARK
|
||||
BorderColor $DARK_DARK
|
||||
FontColor $LIGHT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub component
|
||||
skinparam component {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub interface
|
||||
skinparam interface {
|
||||
BackgroundColor $DANGER_DARK
|
||||
BorderColor $DANGER
|
||||
FontColor $DARK
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub storage
|
||||
skinparam storage {
|
||||
BackgroundColor $WARNING
|
||||
BorderColor $WARNING_DARK
|
||||
FontColor $WARNING_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub node
|
||||
skinparam node {
|
||||
BackgroundColor $BGCOLOR
|
||||
BorderColor $LIGHT
|
||||
FontColor $LIGHT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub cloud
|
||||
skinparam cloud {
|
||||
BackgroundColor transparent
|
||||
BorderColor $DARK
|
||||
FontColor $LIGHT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub database
|
||||
skinparam database {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub class
|
||||
skinparam class {
|
||||
$primary_scheme()
|
||||
HeaderBackgroundColor $PRIMARY_LIGHT
|
||||
StereotypeFontColor $DARK
|
||||
BorderThickness 1
|
||||
AttributeFontColor $PRIMARY_TEXT
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub object
|
||||
skinparam object {
|
||||
$primary_scheme()
|
||||
StereotypeFontColor $DARK
|
||||
BorderThickness 1
|
||||
AttributeFontColor $SECONDARY_TEXT
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub usecase
|
||||
skinparam usecase {
|
||||
$primary_scheme()
|
||||
BorderThickness 2
|
||||
StereotypeFontColor $PRIMARY
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub rectangle
|
||||
skinparam rectangle {
|
||||
BorderColor $DARK
|
||||
FontColor $LIGHT
|
||||
BackgroundColor $BGCOLOR
|
||||
BorderThickness 2
|
||||
StereotypeFontColor $DARK
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub package
|
||||
skinparam package {
|
||||
BackgroundColor $SECONDARY
|
||||
BorderColor $LIGHT
|
||||
FontColor $LIGHT
|
||||
BorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub folder
|
||||
skinparam folder {
|
||||
BackgroundColor $SECONDARY_LIGHT
|
||||
BorderColor $WARNING
|
||||
FontColor $WARNING
|
||||
BorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub frame
|
||||
skinparam frame {
|
||||
BackgroundColor $SECONDARY_LIGHT
|
||||
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
|
||||
BorderColor $INFO_DARK
|
||||
FontColor $INFO_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub file
|
||||
skinparam file {
|
||||
BackgroundColor $SECONDARY_DARK
|
||||
BorderColor $LIGHT
|
||||
FontColor $PRIMARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub stack
|
||||
skinparam stack {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
|
||||
|
||||
!if %variable_exists("$THEME")
|
||||
title Component Diagram - $THEME theme
|
||||
!else
|
||||
title Component Diagram
|
||||
!endif
|
||||
|
||||
'skinparam BackgroundColor transparent
|
||||
|
||||
package "My Package" {
|
||||
HTTP - [First Component]
|
||||
[Another Component]
|
||||
rectangle MyRectangle1
|
||||
collections MyCollection1
|
||||
}
|
||||
|
||||
node "My Node" {
|
||||
FTP - [Second Component]
|
||||
[First Component] - -> FTP
|
||||
rectangle MyRectangle2
|
||||
}
|
||||
|
||||
cloud "My Cloud" {
|
||||
[Example 1]
|
||||
}
|
||||
|
||||
collections MyCollection2
|
||||
|
||||
database "My Database" {
|
||||
folder "My folder" {
|
||||
[Folder 3]
|
||||
}
|
||||
frame "My Frame" {
|
||||
[Frame 4]
|
||||
}
|
||||
}
|
||||
|
||||
artifact "My Artifact"
|
||||
storage "My Storage"
|
||||
queue "My Queue"
|
||||
interface "My Interface"
|
||||
card "My Card"
|
||||
file "My File"
|
||||
stack "My Stack"
|
||||
|
||||
[Another Component] - -> [Example 1]: some message
|
||||
[Example 1] - -> [Folder 3]
|
||||
[Folder 3] - -> [Frame 4]
|
||||
|
||||
@enduml
|
||||
|
||||
@startuml
|
||||
|
||||
|
||||
|
||||
skinparam backgroundColor transparent
|
||||
skinparam useBetaStyle false
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
skinparam defaultFontName "Verdana"
|
||||
skinparam defaultFontSize 12
|
||||
skinparam dpi 100
|
||||
skinparam shadowing false
|
||||
skinparam roundcorner 8
|
||||
skinparam ParticipantPadding 40
|
||||
skinparam BoxPadding 40
|
||||
skinparam Padding 5
|
||||
skinparam ArrowColor #4E5D6C
|
||||
skinparam stereotype {
|
||||
CBackgroundColor #222529
|
||||
CBorderColor #55585c
|
||||
ABackgroundColor #558c2a
|
||||
ABorderColor #88bf5d
|
||||
IBackgroundColor #cc4a50
|
||||
IBorderColor #ff7d83
|
||||
EBackgroundColor #bd5b0e
|
||||
EBorderColor #f08e41
|
||||
NBackgroundColor #3694ab
|
||||
NBorderColor #69c7de
|
||||
}
|
||||
skinparam title {
|
||||
FontColor #FFF
|
||||
BorderColor #2a2e33
|
||||
FontSize 20
|
||||
BorderRoundCorner 8
|
||||
BorderThickness 1
|
||||
BackgroundColor #55585c-#2a2e33
|
||||
}
|
||||
|
||||
skinparam legend {
|
||||
BackgroundColor #2a2e33
|
||||
BorderColor #55585c
|
||||
FontColor #abb6c2
|
||||
}
|
||||
|
||||
skinparam swimlane {
|
||||
BorderColor #44b9d6
|
||||
BorderThickness 2
|
||||
TitleBackgroundColor #55585c-#2a2e33
|
||||
TitleFontColor #EC7211
|
||||
}
|
||||
|
||||
skinparam activity {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
BarColor #6aaf35
|
||||
StartColor #44b9d6
|
||||
EndColor #44b9d6
|
||||
DiamondBackgroundColor #222529
|
||||
DiamondBorderColor #55585c
|
||||
DiamondFontColor #FFF
|
||||
}
|
||||
|
||||
skinparam participant {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
ParticipantBorderThickness 2
|
||||
}
|
||||
|
||||
skinparam actor {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam arrow {
|
||||
Thickness 3
|
||||
Color #EC7211
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
skinparam sequence {
|
||||
ArrowThickness 3
|
||||
BorderColor #EC7211
|
||||
TitleFontColor #EC7211
|
||||
BackgroundColor transparent
|
||||
StartColor #EC7211
|
||||
EndColor #EC7211
|
||||
BoxBackgroundColor transparent
|
||||
BoxBorderColor #4E5D6C
|
||||
BoxFontColor #4E5D6C
|
||||
LifeLineBorderColor #abb6c2
|
||||
LifeLineBorderThickness 3
|
||||
LifeLineBackgroundColor #abb6c2
|
||||
GroupBorderColor #4E5D6C
|
||||
GroupFontColor #4E5D6C
|
||||
GroupHeaderFontColor #44b9d6
|
||||
GroupBackgroundColor #2a2e33
|
||||
GroupBodyBackgroundColor transparent
|
||||
GroupHeaderBackgroundColor transparent
|
||||
DividerBackgroundColor #4E5D6C
|
||||
DividerBorderColor #4E5D6C
|
||||
DividerBorderThickness 2
|
||||
DividerFontColor #abb6c2
|
||||
ReferenceBackgroundColor transparent
|
||||
ReferenceBorderColor #4E5D6C
|
||||
ReferenceFontColor #4E5D6C
|
||||
ReferenceHeaderFontColor #44b9d6
|
||||
ReferenceHeaderBackgroundColor #2a2e33
|
||||
StereotypeFontColor #FFF
|
||||
}
|
||||
|
||||
skinparam partition {
|
||||
BorderColor #EC7211
|
||||
FontColor #EC7211
|
||||
BackgroundColor transparent
|
||||
}
|
||||
|
||||
skinparam collections {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam control {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam entity {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam boundary {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam agent {
|
||||
BackgroundColor #EC7211
|
||||
BorderColor #bd5b0e
|
||||
FontColor #4E5D6C
|
||||
}
|
||||
|
||||
skinparam note {
|
||||
BorderThickness 1
|
||||
BackgroundColor #44b9d6
|
||||
BorderColor #69c7de
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
skinparam artifact {
|
||||
BackgroundColor #4E5D6C
|
||||
BorderColor #717d89
|
||||
FontColor #abb6c2
|
||||
}
|
||||
|
||||
skinparam component {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam interface {
|
||||
BackgroundColor #ff7d83
|
||||
BorderColor #ff5d64
|
||||
FontColor #4E5D6C
|
||||
}
|
||||
|
||||
skinparam storage {
|
||||
BackgroundColor #EC7211
|
||||
BorderColor #f08e41
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
skinparam node {
|
||||
BackgroundColor transparent
|
||||
BorderColor #abb6c2
|
||||
FontColor #abb6c2
|
||||
}
|
||||
|
||||
skinparam cloud {
|
||||
BackgroundColor transparent
|
||||
BorderColor #4E5D6C
|
||||
FontColor #abb6c2
|
||||
}
|
||||
|
||||
skinparam database {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam class {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
HeaderBackgroundColor #bd5b0e
|
||||
StereotypeFontColor #4E5D6C
|
||||
BorderThickness 1
|
||||
AttributeFontColor #FFF
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
skinparam object {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
StereotypeFontColor #4E5D6C
|
||||
BorderThickness 1
|
||||
AttributeFontColor #FFF
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
skinparam usecase {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
BorderThickness 2
|
||||
StereotypeFontColor #EC7211
|
||||
}
|
||||
|
||||
skinparam rectangle {
|
||||
BorderColor #4E5D6C
|
||||
FontColor #abb6c2
|
||||
BackgroundColor transparent
|
||||
BorderThickness 2
|
||||
StereotypeFontColor #4E5D6C
|
||||
}
|
||||
|
||||
skinparam package {
|
||||
BackgroundColor #2a2e33
|
||||
BorderColor #abb6c2
|
||||
FontColor #abb6c2
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
skinparam folder {
|
||||
BackgroundColor #222529
|
||||
BorderColor #EC7211
|
||||
FontColor #EC7211
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
skinparam frame {
|
||||
BackgroundColor #222529
|
||||
BorderColor #44b9d6
|
||||
FontColor #44b9d6
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
skinparam state {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
StartColor #44b9d6
|
||||
EndColor #44b9d6
|
||||
AttributeFontColor #FFF
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
skinparam queue {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam card {
|
||||
BackgroundColor #44b9d6
|
||||
BorderColor #69c7de
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
skinparam file {
|
||||
BackgroundColor #55585c
|
||||
BorderColor #abb6c2
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
skinparam stack {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
|
||||
|
||||
title Component Diagram - AWS Orange Dark 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: 34 KiB |
62
puml/aws-orange-dark/index.md
Normal file
62
puml/aws-orange-dark/index.md
Normal file
@ -0,0 +1,62 @@
|
||||
---
|
||||
layout: default
|
||||
title: aws-orange-dark
|
||||
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>
|
||||
764
puml/aws-orange-dark/mindmap-ex.svg
Normal file
764
puml/aws-orange-dark/mindmap-ex.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 21 KiB |
768
puml/aws-orange-dark/object-ex.svg
Normal file
768
puml/aws-orange-dark/object-ex.svg
Normal file
@ -0,0 +1,768 @@
|
||||
<?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="gria0z9c8s11t0" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#55585C"/><stop offset="100%" stop-color="#2A2E33"/></linearGradient><linearGradient id="gria0z9c8s11t1" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#F08E41"/><stop offset="100%" stop-color="#EC7211"/></linearGradient></defs><g><rect fill="url(#gria0z9c8s11t0)" height="46.1528" rx="4.1667" ry="4.1667" style="stroke:#2A2E33;stroke-width:1.0416666666666667;" width="480.2083" x="19.5313" y="2.0833"/><text fill="#FFFFFF" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="453.125" x="33.0729" y="33.4452">Object Diagram - AWS Orange Dark theme</text><rect fill="url(#gria0z9c8s11t1)" height="46.4417" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.0416666666666667;" width="84.375" x="7.2917" y="58.6528"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="19.7917" y="78.5116">Object01</text><line style="stroke:#EC7211;stroke-width:1.0416666666666667;" x1="8.3333" x2="90.625" y1="88.4277" y2="88.4277"/><rect fill="url(#gria0z9c8s11t1)" height="46.4417" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.0416666666666667;" width="84.375" x="7.2917" y="214.9028"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="19.7917" y="234.7616">Object02</text><line style="stroke:#EC7211;stroke-width:1.0416666666666667;" x1="8.3333" x2="90.625" y1="244.6777" y2="244.6777"/><rect fill="url(#gria0z9c8s11t1)" height="46.4417" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.0416666666666667;" width="84.375" x="128.125" y="58.6528"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="140.625" y="78.5116">Object03</text><line style="stroke:#EC7211;stroke-width:1.0416666666666667;" x1="129.1667" x2="211.4583" y1="88.4277" y2="88.4277"/><rect fill="url(#gria0z9c8s11t1)" height="46.4417" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.0416666666666667;" width="84.375" x="128.125" y="214.9028"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="140.625" y="234.7616">Object04</text><line style="stroke:#EC7211;stroke-width:1.0416666666666667;" x1="129.1667" x2="211.4583" y1="244.6777" y2="244.6777"/><rect fill="url(#gria0z9c8s11t1)" height="46.4417" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.0416666666666667;" width="84.375" x="248.9583" y="58.6528"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="261.4583" y="78.5116">Object05</text><line style="stroke:#EC7211;stroke-width:1.0416666666666667;" x1="250" x2="332.2917" y1="88.4277" y2="88.4277"/><rect fill="url(#gria0z9c8s11t1)" height="46.4417" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.0416666666666667;" width="84.375" x="248.9583" y="214.9028"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="261.4583" y="234.7616">Object06</text><line style="stroke:#EC7211;stroke-width:1.0416666666666667;" x1="250" x2="332.2917" y1="244.6777" y2="244.6777"/><rect fill="url(#gria0z9c8s11t1)" height="46.4417" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.0416666666666667;" width="84.375" x="393.75" y="58.6528"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="406.25" y="78.5116">Object07</text><line style="stroke:#EC7211;stroke-width:1.0416666666666667;" x1="394.7917" x2="477.0833" y1="88.4277" y2="88.4277"/><rect fill="url(#gria0z9c8s11t1)" height="86.793" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.0416666666666667;" width="131.25" x="370.3125" y="195.1111"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="59.375" x="406.25" y="214.9699">Object08</text><line style="stroke:#EC7211;stroke-width:1.5625;" x1="371.3542" x2="500.5208" y1="224.8861" y2="224.8861"/><text fill="#FFFFFF" font-family="Verdana" font-size="11.4583" lengthAdjust="spacing" textLength="108.3333" x="381.7708" y="245.7809">name = "Dummy"</text><text fill="#FFFFFF" 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:#EC7211;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:#EC7211;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:#EC7211;stroke-width:3.125;"/><polygon fill="#EC7211" points="170.3125,105.5486,166.1458,111.7986,170.3125,118.0486,174.4792,111.7986,170.3125,105.5486" style="stroke:#EC7211;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:#EC7211;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:#EC7211;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:#EC7211;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=[ddca8fa0888383cf24da86b482e1e23b]
|
||||
@startuml
|
||||
|
||||
!$THEME = "AWS Orange Dark"
|
||||
|
||||
!if %not(%variable_exists("$BGCOLOR"))
|
||||
!$BGCOLOR = "transparent"
|
||||
!endif
|
||||
|
||||
skinparam backgroundColor $BGCOLOR
|
||||
skinparam useBetaStyle false
|
||||
|
||||
!$WHITE = "#FFF"
|
||||
!$GRAY_LIGHT = "#222"
|
||||
!$GRAY = "#868e96"
|
||||
!$PRIMARY = "#EC7211"
|
||||
!$SECONDARY = "#2a2e33"
|
||||
!$SUCCESS = "#6aaf35"
|
||||
!$INFO = "#44b9d6"
|
||||
!$WARNING = "#EC7211"
|
||||
!$DANGER = "#ff5d64"
|
||||
!$LIGHT = "#abb6c2"
|
||||
!$DARK = "#4E5D6C"
|
||||
|
||||
!$FGCOLOR = $WHITE
|
||||
!$PRIMARY_DARK = "#f08e41"
|
||||
!$PRIMARY_LIGHT = "#bd5b0e"
|
||||
!$PRIMARY_TEXT = $WHITE
|
||||
!$SECONDARY_DARK = "#55585c"
|
||||
!$SECONDARY_LIGHT = "#222529"
|
||||
!$SECONDARY_TEXT = $WHITE
|
||||
!$INFO_DARK = "#69c7de"
|
||||
!$INFO_LIGHT = "#3694ab"
|
||||
!$INFO_TEXT = $WHITE
|
||||
!$SUCCESS_DARK = "#88bf5d"
|
||||
!$SUCCESS_LIGHT = "#558c2a"
|
||||
!$SUCCESS_TEXT = $WHITE
|
||||
!$WARNING_DARK = "#f08e41"
|
||||
!$WARNING_LIGHT = "#bd5b0e"
|
||||
!$WARNING_TEXT = $WHITE
|
||||
!$DANGER_DARK = "#ff7d83"
|
||||
!$DANGER_LIGHT = "#cc4a50"
|
||||
!$DANGER_TEXT = $WHITE
|
||||
!$DARK_DARK = "#717d89"
|
||||
!$DARK_LIGHT = "#3e4a56"
|
||||
!$LIGHT_DARK = "#bcc5ce"
|
||||
!$LIGHT_LIGHT = "#89929b"
|
||||
|
||||
!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
|
||||
BackgroundColor $PRIMARY_DARK-$PRIMARY
|
||||
!endprocedure
|
||||
|
||||
!_POST = "<color #007a3e>POST</color>"
|
||||
!_PUT = "<color #ea7400>PUT</color>"
|
||||
!_DELETE = "<color #cf2a2a>DELETE</color>"
|
||||
!_GET = "<color #009fdb>GET</color>"
|
||||
!_PATCH = "<color #b5bd00>PATCH</color>"
|
||||
!_HEAD = "<color #9012fe>HEAD</color>"
|
||||
|
||||
!procedure $OK($x)
|
||||
<color green>$x</color>
|
||||
!endprocedure
|
||||
!procedure $ERROR($x)
|
||||
<color red>$x</color>
|
||||
!endprocedure
|
||||
!procedure $COND($x)
|
||||
<color orange>x</color>
|
||||
!endprocedure
|
||||
|
||||
!procedure $REDSTAR()
|
||||
<color red>*</color>
|
||||
!endprocedure
|
||||
!procedure $REQ($x)
|
||||
<b>x</b>
|
||||
!endprocedure
|
||||
!procedure $OPT($x)
|
||||
<color #555>x</color>
|
||||
!endprocedure
|
||||
skinparam defaultFontName "Verdana"
|
||||
skinparam defaultFontSize 12
|
||||
skinparam dpi 100
|
||||
skinparam shadowing false
|
||||
skinparam roundcorner 8
|
||||
skinparam ParticipantPadding 40
|
||||
skinparam BoxPadding 40
|
||||
skinparam Padding 5
|
||||
skinparam ArrowColor $DARK
|
||||
skinparam stereotype {
|
||||
CBackgroundColor $SECONDARY_LIGHT
|
||||
CBorderColor $SECONDARY_DARK
|
||||
ABackgroundColor $SUCCESS_LIGHT
|
||||
ABorderColor $SUCCESS_DARK
|
||||
IBackgroundColor $DANGER_LIGHT
|
||||
IBorderColor $DANGER_DARK
|
||||
EBackgroundColor $WARNING_LIGHT
|
||||
EBorderColor $WARNING_DARK
|
||||
NBackgroundColor $INFO_LIGHT
|
||||
NBorderColor $INFO_DARK
|
||||
}
|
||||
skinparam title {
|
||||
FontColor $PRIMARY_TEXT
|
||||
BorderColor $SECONDARY
|
||||
FontSize 20
|
||||
BorderRoundCorner 8
|
||||
BorderThickness 1
|
||||
BackgroundColor $SECONDARY_DARK-$SECONDARY
|
||||
}
|
||||
|
||||
skinparam legend {
|
||||
BackgroundColor $SECONDARY
|
||||
BorderColor $SECONDARY_DARK
|
||||
FontColor $LIGHT
|
||||
}
|
||||
|
||||
!startsub swimlane
|
||||
skinparam swimlane {
|
||||
BorderColor $INFO
|
||||
BorderThickness 2
|
||||
TitleBackgroundColor $SECONDARY_DARK-$SECONDARY
|
||||
TitleFontColor $PRIMARY
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub activity
|
||||
skinparam activity {
|
||||
$primary_scheme()
|
||||
BarColor $SUCCESS
|
||||
StartColor $INFO
|
||||
EndColor $INFO
|
||||
DiamondBackgroundColor $SECONDARY_LIGHT
|
||||
DiamondBorderColor $SECONDARY_DARK
|
||||
DiamondFontColor $SECONDARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub participant
|
||||
skinparam participant {
|
||||
$primary_scheme()
|
||||
ParticipantBorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub actor
|
||||
skinparam actor {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub arrow
|
||||
skinparam arrow {
|
||||
Thickness 3
|
||||
Color $PRIMARY
|
||||
FontColor $FGCOLOR
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub sequence
|
||||
skinparam sequence {
|
||||
ArrowThickness 3
|
||||
BorderColor $PRIMARY
|
||||
TitleFontColor $PRIMARY
|
||||
BackgroundColor $BGCOLOR
|
||||
StartColor $PRIMARY
|
||||
EndColor $PRIMARY
|
||||
BoxBackgroundColor $BGCOLOR
|
||||
BoxBorderColor $DARK
|
||||
BoxFontColor $DARK
|
||||
LifeLineBorderColor $LIGHT
|
||||
LifeLineBorderThickness 3
|
||||
LifeLineBackgroundColor $LIGHT
|
||||
GroupBorderColor $DARK
|
||||
GroupFontColor $DARK
|
||||
GroupHeaderFontColor $INFO
|
||||
GroupBackgroundColor $SECONDARY
|
||||
GroupBodyBackgroundColor $BGCOLOR
|
||||
GroupHeaderBackgroundColor $BGCOLOR
|
||||
DividerBackgroundColor $DARK
|
||||
DividerBorderColor $DARK
|
||||
DividerBorderThickness 2
|
||||
DividerFontColor $LIGHT
|
||||
ReferenceBackgroundColor $BGCOLOR
|
||||
ReferenceBorderColor $DARK
|
||||
ReferenceFontColor $DARK
|
||||
ReferenceHeaderFontColor $INFO
|
||||
ReferenceHeaderBackgroundColor $SECONDARY
|
||||
StereotypeFontColor $PRIMARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub partition
|
||||
skinparam partition {
|
||||
BorderColor $PRIMARY
|
||||
FontColor $PRIMARY
|
||||
BackgroundColor $BGCOLOR
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub collections
|
||||
skinparam collections {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub control
|
||||
skinparam control {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub entity
|
||||
skinparam entity {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub boundary
|
||||
skinparam boundary {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub agent
|
||||
skinparam agent {
|
||||
BackgroundColor $WARNING
|
||||
BorderColor $WARNING_LIGHT
|
||||
FontColor $DARK
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub note
|
||||
skinparam note {
|
||||
BorderThickness 1
|
||||
BackgroundColor $INFO
|
||||
BorderColor $INFO_DARK
|
||||
FontColor $WHITE
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub artifact
|
||||
skinparam artifact {
|
||||
BackgroundColor $DARK
|
||||
BorderColor $DARK_DARK
|
||||
FontColor $LIGHT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub component
|
||||
skinparam component {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub interface
|
||||
skinparam interface {
|
||||
BackgroundColor $DANGER_DARK
|
||||
BorderColor $DANGER
|
||||
FontColor $DARK
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub storage
|
||||
skinparam storage {
|
||||
BackgroundColor $WARNING
|
||||
BorderColor $WARNING_DARK
|
||||
FontColor $WARNING_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub node
|
||||
skinparam node {
|
||||
BackgroundColor $BGCOLOR
|
||||
BorderColor $LIGHT
|
||||
FontColor $LIGHT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub cloud
|
||||
skinparam cloud {
|
||||
BackgroundColor transparent
|
||||
BorderColor $DARK
|
||||
FontColor $LIGHT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub database
|
||||
skinparam database {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub class
|
||||
skinparam class {
|
||||
$primary_scheme()
|
||||
HeaderBackgroundColor $PRIMARY_LIGHT
|
||||
StereotypeFontColor $DARK
|
||||
BorderThickness 1
|
||||
AttributeFontColor $PRIMARY_TEXT
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub object
|
||||
skinparam object {
|
||||
$primary_scheme()
|
||||
StereotypeFontColor $DARK
|
||||
BorderThickness 1
|
||||
AttributeFontColor $SECONDARY_TEXT
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub usecase
|
||||
skinparam usecase {
|
||||
$primary_scheme()
|
||||
BorderThickness 2
|
||||
StereotypeFontColor $PRIMARY
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub rectangle
|
||||
skinparam rectangle {
|
||||
BorderColor $DARK
|
||||
FontColor $LIGHT
|
||||
BackgroundColor $BGCOLOR
|
||||
BorderThickness 2
|
||||
StereotypeFontColor $DARK
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub package
|
||||
skinparam package {
|
||||
BackgroundColor $SECONDARY
|
||||
BorderColor $LIGHT
|
||||
FontColor $LIGHT
|
||||
BorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub folder
|
||||
skinparam folder {
|
||||
BackgroundColor $SECONDARY_LIGHT
|
||||
BorderColor $WARNING
|
||||
FontColor $WARNING
|
||||
BorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub frame
|
||||
skinparam frame {
|
||||
BackgroundColor $SECONDARY_LIGHT
|
||||
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
|
||||
BorderColor $INFO_DARK
|
||||
FontColor $INFO_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub file
|
||||
skinparam file {
|
||||
BackgroundColor $SECONDARY_DARK
|
||||
BorderColor $LIGHT
|
||||
FontColor $PRIMARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub stack
|
||||
skinparam stack {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
|
||||
|
||||
!if %variable_exists("$THEME")
|
||||
title Object Diagram - $THEME theme
|
||||
!else
|
||||
title Object Diagram
|
||||
!endif
|
||||
|
||||
'skinparam BackgroundColor transparent
|
||||
|
||||
object Object01
|
||||
object Object02
|
||||
object Object03
|
||||
object Object04
|
||||
object Object05
|
||||
object Object06
|
||||
object Object07
|
||||
object Object08
|
||||
Object08 : name = "Dummy"
|
||||
Object08 : id = 123
|
||||
|
||||
Object01 <|- - Object02
|
||||
Object03 *- - Object04
|
||||
Object05 o- - "4" Object06
|
||||
Object07 .. Object08 : some labels
|
||||
|
||||
@enduml
|
||||
|
||||
@startuml
|
||||
|
||||
|
||||
|
||||
skinparam backgroundColor transparent
|
||||
skinparam useBetaStyle false
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
skinparam defaultFontName "Verdana"
|
||||
skinparam defaultFontSize 12
|
||||
skinparam dpi 100
|
||||
skinparam shadowing false
|
||||
skinparam roundcorner 8
|
||||
skinparam ParticipantPadding 40
|
||||
skinparam BoxPadding 40
|
||||
skinparam Padding 5
|
||||
skinparam ArrowColor #4E5D6C
|
||||
skinparam stereotype {
|
||||
CBackgroundColor #222529
|
||||
CBorderColor #55585c
|
||||
ABackgroundColor #558c2a
|
||||
ABorderColor #88bf5d
|
||||
IBackgroundColor #cc4a50
|
||||
IBorderColor #ff7d83
|
||||
EBackgroundColor #bd5b0e
|
||||
EBorderColor #f08e41
|
||||
NBackgroundColor #3694ab
|
||||
NBorderColor #69c7de
|
||||
}
|
||||
skinparam title {
|
||||
FontColor #FFF
|
||||
BorderColor #2a2e33
|
||||
FontSize 20
|
||||
BorderRoundCorner 8
|
||||
BorderThickness 1
|
||||
BackgroundColor #55585c-#2a2e33
|
||||
}
|
||||
|
||||
skinparam legend {
|
||||
BackgroundColor #2a2e33
|
||||
BorderColor #55585c
|
||||
FontColor #abb6c2
|
||||
}
|
||||
|
||||
skinparam swimlane {
|
||||
BorderColor #44b9d6
|
||||
BorderThickness 2
|
||||
TitleBackgroundColor #55585c-#2a2e33
|
||||
TitleFontColor #EC7211
|
||||
}
|
||||
|
||||
skinparam activity {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
BarColor #6aaf35
|
||||
StartColor #44b9d6
|
||||
EndColor #44b9d6
|
||||
DiamondBackgroundColor #222529
|
||||
DiamondBorderColor #55585c
|
||||
DiamondFontColor #FFF
|
||||
}
|
||||
|
||||
skinparam participant {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
ParticipantBorderThickness 2
|
||||
}
|
||||
|
||||
skinparam actor {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam arrow {
|
||||
Thickness 3
|
||||
Color #EC7211
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
skinparam sequence {
|
||||
ArrowThickness 3
|
||||
BorderColor #EC7211
|
||||
TitleFontColor #EC7211
|
||||
BackgroundColor transparent
|
||||
StartColor #EC7211
|
||||
EndColor #EC7211
|
||||
BoxBackgroundColor transparent
|
||||
BoxBorderColor #4E5D6C
|
||||
BoxFontColor #4E5D6C
|
||||
LifeLineBorderColor #abb6c2
|
||||
LifeLineBorderThickness 3
|
||||
LifeLineBackgroundColor #abb6c2
|
||||
GroupBorderColor #4E5D6C
|
||||
GroupFontColor #4E5D6C
|
||||
GroupHeaderFontColor #44b9d6
|
||||
GroupBackgroundColor #2a2e33
|
||||
GroupBodyBackgroundColor transparent
|
||||
GroupHeaderBackgroundColor transparent
|
||||
DividerBackgroundColor #4E5D6C
|
||||
DividerBorderColor #4E5D6C
|
||||
DividerBorderThickness 2
|
||||
DividerFontColor #abb6c2
|
||||
ReferenceBackgroundColor transparent
|
||||
ReferenceBorderColor #4E5D6C
|
||||
ReferenceFontColor #4E5D6C
|
||||
ReferenceHeaderFontColor #44b9d6
|
||||
ReferenceHeaderBackgroundColor #2a2e33
|
||||
StereotypeFontColor #FFF
|
||||
}
|
||||
|
||||
skinparam partition {
|
||||
BorderColor #EC7211
|
||||
FontColor #EC7211
|
||||
BackgroundColor transparent
|
||||
}
|
||||
|
||||
skinparam collections {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam control {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam entity {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam boundary {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam agent {
|
||||
BackgroundColor #EC7211
|
||||
BorderColor #bd5b0e
|
||||
FontColor #4E5D6C
|
||||
}
|
||||
|
||||
skinparam note {
|
||||
BorderThickness 1
|
||||
BackgroundColor #44b9d6
|
||||
BorderColor #69c7de
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
skinparam artifact {
|
||||
BackgroundColor #4E5D6C
|
||||
BorderColor #717d89
|
||||
FontColor #abb6c2
|
||||
}
|
||||
|
||||
skinparam component {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam interface {
|
||||
BackgroundColor #ff7d83
|
||||
BorderColor #ff5d64
|
||||
FontColor #4E5D6C
|
||||
}
|
||||
|
||||
skinparam storage {
|
||||
BackgroundColor #EC7211
|
||||
BorderColor #f08e41
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
skinparam node {
|
||||
BackgroundColor transparent
|
||||
BorderColor #abb6c2
|
||||
FontColor #abb6c2
|
||||
}
|
||||
|
||||
skinparam cloud {
|
||||
BackgroundColor transparent
|
||||
BorderColor #4E5D6C
|
||||
FontColor #abb6c2
|
||||
}
|
||||
|
||||
skinparam database {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam class {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
HeaderBackgroundColor #bd5b0e
|
||||
StereotypeFontColor #4E5D6C
|
||||
BorderThickness 1
|
||||
AttributeFontColor #FFF
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
skinparam object {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
StereotypeFontColor #4E5D6C
|
||||
BorderThickness 1
|
||||
AttributeFontColor #FFF
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
skinparam usecase {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
BorderThickness 2
|
||||
StereotypeFontColor #EC7211
|
||||
}
|
||||
|
||||
skinparam rectangle {
|
||||
BorderColor #4E5D6C
|
||||
FontColor #abb6c2
|
||||
BackgroundColor transparent
|
||||
BorderThickness 2
|
||||
StereotypeFontColor #4E5D6C
|
||||
}
|
||||
|
||||
skinparam package {
|
||||
BackgroundColor #2a2e33
|
||||
BorderColor #abb6c2
|
||||
FontColor #abb6c2
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
skinparam folder {
|
||||
BackgroundColor #222529
|
||||
BorderColor #EC7211
|
||||
FontColor #EC7211
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
skinparam frame {
|
||||
BackgroundColor #222529
|
||||
BorderColor #44b9d6
|
||||
FontColor #44b9d6
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
skinparam state {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
StartColor #44b9d6
|
||||
EndColor #44b9d6
|
||||
AttributeFontColor #FFF
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
skinparam queue {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam card {
|
||||
BackgroundColor #44b9d6
|
||||
BorderColor #69c7de
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
skinparam file {
|
||||
BackgroundColor #55585c
|
||||
BorderColor #abb6c2
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
skinparam stack {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
|
||||
|
||||
title Object Diagram - AWS Orange Dark 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 |
454
puml/aws-orange-dark/puml-theme-aws-orange-dark.puml
Normal file
454
puml/aws-orange-dark/puml-theme-aws-orange-dark.puml
Normal file
@ -0,0 +1,454 @@
|
||||
''
|
||||
'' superhero theme based off of the bootstrap theme of the same name
|
||||
'' https://bootswatch.com/superhero/
|
||||
''
|
||||
'' Author: Brett Schwarz
|
||||
'' Copyright (c) 2019 by Brett Schwarz
|
||||
|
||||
!$THEME = "AWS Orange Dark"
|
||||
|
||||
!if %not(%variable_exists("$BGCOLOR"))
|
||||
!$BGCOLOR = "transparent"
|
||||
!endif
|
||||
|
||||
skinparam backgroundColor $BGCOLOR
|
||||
skinparam useBetaStyle false
|
||||
|
||||
!$WHITE = "#FFF"
|
||||
!$GRAY_LIGHT = "#222"
|
||||
!$GRAY = "#868e96"
|
||||
!$PRIMARY = "#EC7211"
|
||||
!$SECONDARY = "#2a2e33"
|
||||
!$SUCCESS = "#6aaf35"
|
||||
!$INFO = "#44b9d6"
|
||||
'!$WARNING = "#879596"
|
||||
!$WARNING = "#EC7211"
|
||||
!$DANGER = "#ff5d64"
|
||||
!$LIGHT = "#abb6c2"
|
||||
!$DARK = "#4E5D6C"
|
||||
|
||||
'' *_DARK = tint (lighter) of the main color of 80%
|
||||
'' where TINT is calculated by clr + (255-clr) * tint_factor
|
||||
'' *_LIGHT = shade (darker) of the main color of 80%
|
||||
'' and SHADE is calculated by clr * (1 - shade_factor)
|
||||
''
|
||||
!$FGCOLOR = $WHITE
|
||||
!$PRIMARY_DARK = "#f08e41"
|
||||
!$PRIMARY_LIGHT = "#bd5b0e"
|
||||
!$PRIMARY_TEXT = $WHITE
|
||||
!$SECONDARY_DARK = "#55585c"
|
||||
!$SECONDARY_LIGHT = "#222529"
|
||||
!$SECONDARY_TEXT = $WHITE
|
||||
!$INFO_DARK = "#69c7de"
|
||||
!$INFO_LIGHT = "#3694ab"
|
||||
!$INFO_TEXT = $WHITE
|
||||
!$SUCCESS_DARK = "#88bf5d"
|
||||
!$SUCCESS_LIGHT = "#558c2a"
|
||||
!$SUCCESS_TEXT = $WHITE
|
||||
!$WARNING_DARK = "#f08e41"
|
||||
!$WARNING_LIGHT = "#bd5b0e"
|
||||
!$WARNING_TEXT = $WHITE
|
||||
!$DANGER_DARK = "#ff7d83"
|
||||
!$DANGER_LIGHT = "#cc4a50"
|
||||
!$DANGER_TEXT = $WHITE
|
||||
!$DARK_DARK = "#717d89"
|
||||
!$DARK_LIGHT = "#3e4a56"
|
||||
!$LIGHT_DARK = "#bcc5ce"
|
||||
!$LIGHT_LIGHT = "#89929b"
|
||||
|
||||
!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
|
||||
BackgroundColor $PRIMARY_DARK-$PRIMARY
|
||||
!endprocedure
|
||||
|
||||
!_POST = "<color #007a3e>POST</color>"
|
||||
!_PUT = "<color #ea7400>PUT</color>"
|
||||
!_DELETE = "<color #cf2a2a>DELETE</color>"
|
||||
!_GET = "<color #009fdb>GET</color>"
|
||||
!_PATCH = "<color #b5bd00>PATCH</color>"
|
||||
!_HEAD = "<color #9012fe>HEAD</color>"
|
||||
|
||||
' for status codes
|
||||
!procedure $OK($x)
|
||||
<color green>$x</color>
|
||||
!endprocedure
|
||||
!procedure $ERROR($x)
|
||||
<color red>$x</color>
|
||||
!endprocedure
|
||||
!procedure $COND($x)
|
||||
<color orange>x</color>
|
||||
!endprocedure
|
||||
|
||||
' For marking parameters as optionally or required
|
||||
!procedure $REDSTAR()
|
||||
<color red>*</color>
|
||||
!endprocedure
|
||||
!procedure $REQ($x)
|
||||
<b>x</b>
|
||||
!endprocedure
|
||||
!procedure $OPT($x)
|
||||
<color #555>x</color>
|
||||
!endprocedure
|
||||
''
|
||||
'' Global Default Values
|
||||
''
|
||||
skinparam defaultFontName "Verdana"
|
||||
skinparam defaultFontSize 12
|
||||
skinparam dpi 100
|
||||
skinparam shadowing false
|
||||
skinparam roundcorner 8
|
||||
skinparam ParticipantPadding 40
|
||||
skinparam BoxPadding 40
|
||||
skinparam Padding 5
|
||||
skinparam ArrowColor $DARK
|
||||
skinparam stereotype {
|
||||
CBackgroundColor $SECONDARY_LIGHT
|
||||
CBorderColor $SECONDARY_DARK
|
||||
ABackgroundColor $SUCCESS_LIGHT
|
||||
ABorderColor $SUCCESS_DARK
|
||||
IBackgroundColor $DANGER_LIGHT
|
||||
IBorderColor $DANGER_DARK
|
||||
EBackgroundColor $WARNING_LIGHT
|
||||
EBorderColor $WARNING_DARK
|
||||
NBackgroundColor $INFO_LIGHT
|
||||
NBorderColor $INFO_DARK
|
||||
}
|
||||
skinparam title {
|
||||
FontColor $PRIMARY_TEXT
|
||||
BorderColor $SECONDARY
|
||||
FontSize 20
|
||||
BorderRoundCorner 8
|
||||
BorderThickness 1
|
||||
BackgroundColor $SECONDARY_DARK-$SECONDARY
|
||||
}
|
||||
|
||||
skinparam legend {
|
||||
BackgroundColor $SECONDARY
|
||||
BorderColor $SECONDARY_DARK
|
||||
FontColor $LIGHT
|
||||
}
|
||||
|
||||
!startsub swimlane
|
||||
skinparam swimlane {
|
||||
BorderColor $INFO
|
||||
BorderThickness 2
|
||||
TitleBackgroundColor $SECONDARY_DARK-$SECONDARY
|
||||
TitleFontColor $PRIMARY
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub activity
|
||||
skinparam activity {
|
||||
$primary_scheme()
|
||||
BarColor $SUCCESS
|
||||
StartColor $INFO
|
||||
EndColor $INFO
|
||||
''
|
||||
DiamondBackgroundColor $SECONDARY_LIGHT
|
||||
DiamondBorderColor $SECONDARY_DARK
|
||||
DiamondFontColor $SECONDARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub participant
|
||||
skinparam participant {
|
||||
$primary_scheme()
|
||||
ParticipantBorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub actor
|
||||
skinparam actor {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub arrow
|
||||
skinparam arrow {
|
||||
Thickness 3
|
||||
Color $PRIMARY
|
||||
FontColor $FGCOLOR
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub sequence
|
||||
skinparam sequence {
|
||||
ArrowThickness 3
|
||||
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 $LIGHT
|
||||
LifeLineBorderThickness 3
|
||||
LifeLineBackgroundColor $LIGHT
|
||||
''
|
||||
GroupBorderColor $DARK
|
||||
GroupFontColor $DARK
|
||||
GroupHeaderFontColor $INFO
|
||||
GroupBackgroundColor $SECONDARY
|
||||
GroupBodyBackgroundColor $BGCOLOR
|
||||
GroupHeaderBackgroundColor $BGCOLOR
|
||||
''
|
||||
DividerBackgroundColor $DARK
|
||||
DividerBorderColor $DARK
|
||||
DividerBorderThickness 2
|
||||
DividerFontColor $LIGHT
|
||||
''
|
||||
ReferenceBackgroundColor $BGCOLOR
|
||||
ReferenceBorderColor $DARK
|
||||
ReferenceFontColor $DARK
|
||||
ReferenceHeaderFontColor $INFO
|
||||
ReferenceHeaderBackgroundColor $SECONDARY
|
||||
''
|
||||
StereotypeFontColor $PRIMARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub partition
|
||||
skinparam partition {
|
||||
BorderColor $PRIMARY
|
||||
FontColor $PRIMARY
|
||||
BackgroundColor $BGCOLOR
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub collections
|
||||
skinparam collections {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub control
|
||||
skinparam control {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub entity
|
||||
skinparam entity {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub boundary
|
||||
skinparam boundary {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub agent
|
||||
skinparam agent {
|
||||
BackgroundColor $WARNING
|
||||
BorderColor $WARNING_LIGHT
|
||||
FontColor $DARK
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub note
|
||||
skinparam note {
|
||||
BorderThickness 1
|
||||
BackgroundColor $INFO
|
||||
BorderColor $INFO_DARK
|
||||
FontColor $WHITE
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub artifact
|
||||
skinparam artifact {
|
||||
BackgroundColor $DARK
|
||||
BorderColor $DARK_DARK
|
||||
FontColor $LIGHT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub component
|
||||
skinparam component {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub interface
|
||||
skinparam interface {
|
||||
BackgroundColor $DANGER_DARK
|
||||
BorderColor $DANGER
|
||||
FontColor $DARK
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub storage
|
||||
skinparam storage {
|
||||
BackgroundColor $WARNING
|
||||
BorderColor $WARNING_DARK
|
||||
FontColor $WARNING_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub node
|
||||
skinparam node {
|
||||
BackgroundColor $BGCOLOR
|
||||
BorderColor $LIGHT
|
||||
FontColor $LIGHT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub cloud
|
||||
skinparam cloud {
|
||||
BackgroundColor transparent
|
||||
BorderColor $DARK
|
||||
FontColor $LIGHT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub database
|
||||
skinparam database {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub class
|
||||
skinparam class {
|
||||
$primary_scheme()
|
||||
HeaderBackgroundColor $PRIMARY_LIGHT
|
||||
StereotypeFontColor $DARK
|
||||
BorderThickness 1
|
||||
AttributeFontColor $PRIMARY_TEXT
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub object
|
||||
skinparam object {
|
||||
$primary_scheme()
|
||||
StereotypeFontColor $DARK
|
||||
BorderThickness 1
|
||||
AttributeFontColor $SECONDARY_TEXT
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub usecase
|
||||
skinparam usecase {
|
||||
$primary_scheme()
|
||||
BorderThickness 2
|
||||
StereotypeFontColor $PRIMARY
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub rectangle
|
||||
skinparam rectangle {
|
||||
BorderColor $DARK
|
||||
FontColor $LIGHT
|
||||
BackgroundColor $BGCOLOR
|
||||
BorderThickness 2
|
||||
StereotypeFontColor $DARK
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub package
|
||||
skinparam package {
|
||||
BackgroundColor $SECONDARY
|
||||
BorderColor $LIGHT
|
||||
FontColor $LIGHT
|
||||
BorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub folder
|
||||
skinparam folder {
|
||||
BackgroundColor $SECONDARY_LIGHT
|
||||
BorderColor $WARNING
|
||||
FontColor $WARNING
|
||||
BorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub frame
|
||||
skinparam frame {
|
||||
BackgroundColor $SECONDARY_LIGHT
|
||||
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
|
||||
BorderColor $INFO_DARK
|
||||
FontColor $INFO_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub file
|
||||
skinparam file {
|
||||
BackgroundColor $SECONDARY_DARK
|
||||
BorderColor $LIGHT
|
||||
FontColor $PRIMARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub stack
|
||||
skinparam stack {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
|
||||
' <style>
|
||||
' mindmapDiagram {
|
||||
' Padding 6
|
||||
' Margin 10
|
||||
' FontSize 12
|
||||
' FontName Verdana
|
||||
' Shadowing 0.0
|
||||
' FontStyle bold
|
||||
' LineThickness 1.5
|
||||
' FontColor $PRIMARY_TEXT
|
||||
' LineColor $SECONDARY_DARK
|
||||
' node {
|
||||
' LineColor $PRIMARY
|
||||
' RoundCorner 20
|
||||
' $primary_scheme()
|
||||
' }
|
||||
' arrow {
|
||||
' LineThickness 2.5
|
||||
' LineColor $SECONDARY
|
||||
' }
|
||||
' }
|
||||
' </style>
|
||||
866
puml/aws-orange-dark/sequence-ex.svg
Normal file
866
puml/aws-orange-dark/sequence-ex.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 43 KiB |
798
puml/aws-orange-dark/state-ex.svg
Normal file
798
puml/aws-orange-dark/state-ex.svg
Normal file
@ -0,0 +1,798 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentScriptType="application/ecmascript" contentStyleType="text/css" height="1179.1667px" preserveAspectRatio="none" style="width:481px;height:1179px;background:#00000000;" version="1.1" viewBox="0 0 481 1179" width="481.25px" zoomAndPan="magnify"><defs><linearGradient id="g1tky9kdqfqhu30" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#55585C"/><stop offset="100%" stop-color="#2A2E33"/></linearGradient><linearGradient id="g1tky9kdqfqhu31" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#F08E41"/><stop offset="100%" stop-color="#EC7211"/></linearGradient></defs><g><rect fill="url(#g1tky9kdqfqhu30)" height="46.1528" rx="4.1667" ry="4.1667" style="stroke:#2A2E33;stroke-width:1.0416666666666667;" width="468.75" x="2.0833" y="2.0833"/><text fill="#FFFFFF" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="441.6667" x="15.625" y="33.4452">State Diagram - AWS Orange Dark theme</text><rect fill="#6AAF35" height="8.3333" style="stroke:none;stroke-width:1.0416666666666667;" width="83.3333" x="201.0417" y="141.9861"/><ellipse cx="242.7083" cy="68.0278" fill="#44B9D6" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="State2"><rect fill="url(#g1tky9kdqfqhu31)" height="56.8583" rx="13.0208" ry="13.0208" style="stroke:#EC7211;stroke-width:1.5625;" width="75" x="150" y="213.8611"/><line style="stroke:#EC7211;stroke-width:1.5625;" x1="150" x2="225" y1="249.8861" y2="249.8861"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="165.625" y="236.8449">State2</text></g><g id="State3"><rect fill="url(#g1tky9kdqfqhu31)" height="56.8583" rx="13.0208" ry="13.0208" style="stroke:#EC7211;stroke-width:1.5625;" width="75" x="267.7083" y="213.8611"/><line style="stroke:#EC7211;stroke-width:1.5625;" x1="267.7083" x2="342.7083" y1="249.8861" y2="249.8861"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="283.3333" y="236.8449">State3</text></g><rect fill="#6AAF35" height="8.3333" style="stroke:none;stroke-width:1.0416666666666667;" width="83.3333" x="202.0833" y="360.7361"/><g id="State4"><rect fill="url(#g1tky9kdqfqhu31)" height="56.8583" rx="13.0208" ry="13.0208" style="stroke:#EC7211;stroke-width:1.5625;" width="75" x="206.25" y="432.6111"/><line style="stroke:#EC7211;stroke-width:1.5625;" x1="206.25" x2="281.25" y1="468.6361" y2="468.6361"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="221.875" y="455.5949">State4</text></g><rect fill="url(#g1tky9kdqfqhu31)" height="620.1416" rx="13.0208" ry="13.0208" style="stroke:#EC7211;stroke-width:1.5625;" width="326.0417" x="80.7292" 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="83.8542" y="592.5944"/><line style="stroke:#EC7211;stroke-width:1.5625;fill:none;" x1="80.7292" x2="406.7708" y1="589.4694" y2="589.4694"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="38.5417" x="224.4792" y="576.4282">Active</text><ellipse cx="102.6042" cy="630.6152" fill="#44B9D6" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="Active.NumLockOff"><rect fill="url(#g1tky9kdqfqhu31)" height="56.8583" rx="13.0208" ry="13.0208" style="stroke:#EC7211;stroke-width:1.5625;" width="108.3333" x="131.7708" y="601.9694"/><line style="stroke:#EC7211;stroke-width:1.5625;" x1="131.7708" x2="240.1042" y1="637.9944" y2="637.9944"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="77.0833" x="147.3958" y="624.9532">NumLockOff</text></g><g id="Active.NumLockOn"><rect fill="url(#g1tky9kdqfqhu31)" height="56.8583" rx="13.0208" ry="13.0208" style="stroke:#EC7211;stroke-width:1.5625;" width="108.3333" x="130.7292" y="723.8444"/><line style="stroke:#EC7211;stroke-width:1.5625;" x1="130.7292" x2="239.0625" y1="759.8694" y2="759.8694"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="77.0833" x="146.3542" y="746.8282">NumLockOn</text></g><!--MD5=[f1e44e9cdf7ed6fd162579f896fb76ea]
|
||||
link *start*Active to NumLockOff--><path d="M113.0208,630.6152 C117.3646,630.6152 121.6979,630.6152 126.0417,630.6152 " fill="none" id="*start*Active-to-NumLockOff" style="stroke:#EC7211;stroke-width:3.125;"/><polygon fill="#EC7211" points="131.5313,630.6152,122.1563,626.4486,126.3229,630.6152,122.1563,634.7819,131.5313,630.6152" style="stroke:#EC7211;stroke-width:3.125;"/><!--MD5=[b6ef3c088f5474ecc81df30475e7d61b]
|
||||
link NumLockOff to NumLockOn--><path d="M131.5208,657.3652 C119,664.4277 108.2813,671.834 104.6875,678.0111 C98.6458,688.4173 98.6667,694.6673 104.6875,705.0944 C109.7708,713.9069 117.25,721.1986 125.6146,727.1777 " fill="none" id="NumLockOff-to-NumLockOn" style="stroke:#EC7211;stroke-width:3.125;"/><polygon fill="#EC7211" points="130.3438,730.3652,124.9096,721.6634,126.0286,727.4488,120.2432,728.5677,130.3438,730.3652" style="stroke:#EC7211;stroke-width:3.125;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="127.0833" x="110.9375" y="696.8282">EvNumLockPressed</text><!--MD5=[3bfddee0d82dc74c927fbeb3d3f2e6a3]
|
||||
link NumLockOn to NumLockOff--><path d="M230.25,723.6673 C235.9063,718.2298 240.8854,712.0319 244.2708,705.0944 C249.5521,694.2715 249.5,688.8548 244.2708,678.0111 C241.6875,672.6569 238.1563,667.7402 234.0938,663.2611 " fill="none" id="NumLockOn-to-NumLockOff" style="stroke:#EC7211;stroke-width:3.125;"/><polygon fill="#EC7211" points="230.2292,659.2715,233.7571,668.905,233.8521,663.0132,239.7439,663.1083,230.2292,659.2715" style="stroke:#EC7211;stroke-width:3.125;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="127.0833" x="254.6875" y="696.8282">EvNumLockPressed</text><line style="stroke:#EC7211;stroke-width:1.5625;stroke-dasharray:8.0,10.0;" x1="85.9375" x2="399.4792" y1="785.9111" y2="785.9111"/><ellipse cx="102.6042" cy="821.8486" fill="#44B9D6" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="Active.CONC87.CapsLockOff"><rect fill="url(#g1tky9kdqfqhu31)" height="56.8583" rx="13.0208" ry="13.0208" style="stroke:#EC7211;stroke-width:1.5625;" width="112.5" x="131.7708" y="793.2027"/><line style="stroke:#EC7211;stroke-width:1.5625;" x1="131.7708" x2="244.2708" y1="829.2277" y2="829.2277"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="81.25" x="147.3958" y="816.1865">CapsLockOff</text></g><g id="Active.CONC87.CapsLockOn"><rect fill="url(#g1tky9kdqfqhu31)" height="56.8583" rx="13.0208" ry="13.0208" style="stroke:#EC7211;stroke-width:1.5625;" width="112.5" x="130.7292" y="915.0777"/><line style="stroke:#EC7211;stroke-width:1.5625;" x1="130.7292" x2="243.2292" y1="951.1027" y2="951.1027"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="81.25" x="146.3542" y="938.0615">CapsLockOn</text></g><!--MD5=[70bdb58272bc1a7d9e9d21dfe0316432]
|
||||
link *start*CONC87 to CapsLockOff--><path d="M113.2813,821.8486 C117.5938,821.8486 121.9063,821.8486 126.2188,821.8486 " fill="none" id="*start*CONC87-to-CapsLockOff" style="stroke:#EC7211;stroke-width:3.125;"/><polygon fill="#EC7211" points="131.6771,821.8486,122.3021,817.6819,126.4688,821.8486,122.3021,826.0152,131.6771,821.8486" style="stroke:#EC7211;stroke-width:3.125;"/><!--MD5=[dc4675bd3056f3ef68701d9e8e02a3f3]
|
||||
link CapsLockOff to CapsLockOn--><path d="M131.3542,848.9423 C118.8854,855.859 108.2917,863.109 104.6875,869.2444 C98.5833,879.6194 98.6146,885.9319 104.6875,896.3277 C109.8542,905.1715 117.3958,912.4527 125.8438,918.4111 " fill="none" id="CapsLockOff-to-CapsLockOn" style="stroke:#EC7211;stroke-width:3.125;"/><polygon fill="#EC7211" points="130.625,921.5881,125.1358,912.9209,126.2914,918.6991,120.5133,919.8547,130.625,921.5881" style="stroke:#EC7211;stroke-width:3.125;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="110.9375" y="888.0615">EvCapsLockPressed</text><!--MD5=[79e17b083e07746bd1a647600952cab6]
|
||||
link CapsLockOn to CapsLockOff--><path d="M234.1979,914.8381 C239.9375,909.4423 244.9792,903.2652 248.4375,896.3277 C253.8021,885.5569 253.7604,880.0361 248.4375,869.2444 C245.7917,863.8902 242.2083,858.984 238.0833,854.5256 " fill="none" id="CapsLockOn-to-CapsLockOff" style="stroke:#EC7211;stroke-width:3.125;"/><polygon fill="#EC7211" points="234.1563,850.5673,237.781,860.1648,237.8167,854.2724,243.7092,854.3081,234.1563,850.5673" style="stroke:#EC7211;stroke-width:3.125;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="258.8542" y="888.0615">EvCapsLockPressed</text><line style="stroke:#EC7211;stroke-width:1.5625;stroke-dasharray:8.0,10.0;" x1="85.9375" x2="399.4792" y1="977.1444" y2="977.1444"/><ellipse cx="102.6042" cy="1013.0819" fill="#44B9D6" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="Active.CONC95.ScrollLockOff"><rect fill="url(#g1tky9kdqfqhu31)" height="56.8583" rx="13.0208" ry="13.0208" style="stroke:#EC7211;stroke-width:1.5625;" width="113.5417" x="132.2917" y="984.436"/><line style="stroke:#EC7211;stroke-width:1.5625;" x1="132.2917" x2="245.8333" y1="1020.461" y2="1020.461"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="82.2917" x="147.9167" y="1007.4198">ScrollLockOff</text></g><g id="Active.CONC95.ScrollLockOn"><rect fill="url(#g1tky9kdqfqhu31)" height="56.8583" rx="13.0208" ry="13.0208" style="stroke:#EC7211;stroke-width:1.5625;" width="113.5417" x="132.2917" y="1106.311"/><line style="stroke:#EC7211;stroke-width:1.5625;" x1="132.2917" x2="245.8333" y1="1142.336" y2="1142.336"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="82.2917" x="147.9167" y="1129.2948">ScrollLockOn</text></g><!--MD5=[8676698f49c1acec7e35e8e65e103748]
|
||||
link *start*CONC95 to ScrollLockOff--><path d="M113.0729,1013.0819 C117.625,1013.0819 122.1771,1013.0819 126.7292,1013.0819 " fill="none" id="*start*CONC95-to-ScrollLockOff" style="stroke:#EC7211;stroke-width:3.125;"/><polygon fill="#EC7211" points="132.0729,1013.0819,122.6979,1008.9152,126.8646,1013.0819,122.6979,1017.2485,132.0729,1013.0819" style="stroke:#EC7211;stroke-width:3.125;"/><!--MD5=[da4e1e55b4a6de250eca2c82023085fa]
|
||||
link ScrollLockOff to ScrollLockOn--><path d="M132.2917,1035.4777 C122.0938,1041.936 112.8125,1050.1444 106.7708,1060.4777 C100.6979,1070.8735 100.6979,1077.1652 106.7708,1087.561 C111.8646,1096.2798 119.2708,1103.4881 127.5833,1109.4048 " fill="none" id="ScrollLockOff-to-ScrollLockOn" style="stroke:#EC7211;stroke-width:3.125;"/><polygon fill="#EC7211" points="132.2917,1112.561,126.823,1103.8808,127.9649,1109.6617,122.1841,1110.8036,132.2917,1112.561" style="stroke:#EC7211;stroke-width:3.125;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="113.0208" y="1079.2948">EvCapsLockPressed</text><!--MD5=[6ad2c621f2407b82317910f4deb17639]
|
||||
link ScrollLockOn to ScrollLockOff--><path d="M236.2813,1106.0715 C242.0208,1100.6756 247.0625,1094.4985 250.5208,1087.561 C255.8854,1076.7902 255.8854,1071.2485 250.5208,1060.4777 C247.875,1055.1652 244.2917,1050.3006 240.1875,1045.8944 " fill="none" id="ScrollLockOn-to-ScrollLockOff" style="stroke:#EC7211;stroke-width:3.125;"/><polygon fill="#EC7211" points="236.2813,1041.9673,239.9447,1051.5501,239.9567,1045.6576,245.8492,1045.6695,236.2813,1041.9673" style="stroke:#EC7211;stroke-width:3.125;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="259.8958" y="1079.2948">EvCapsLockPressed</text><!--MD5=[242ad121cef04112e9b0ee8f25f52375]
|
||||
link *start to fork_state--><path d="M242.7083,78.7048 C242.7083,93.5382 242.7083,121.7569 242.7083,136.1632 " fill="none" id="*start-to-fork_state" style="stroke:#EC7211;stroke-width:3.125;"/><polygon fill="#EC7211" points="242.7083,141.7153,246.875,132.3403,242.7083,136.5069,238.5417,132.3403,242.7083,141.7153" style="stroke:#EC7211;stroke-width:3.125;"/><!--MD5=[44dd36eb382d4fffd186e8c447a61da0]
|
||||
link fork_state to State2--><path d="M240.875,150.3298 C235.5313,159.4548 219.5313,186.7673 206.4375,209.1319 " fill="none" id="fork_state-to-State2" style="stroke:#EC7211;stroke-width:3.125;"/><polygon fill="#EC7211" points="203.6875,213.8298,212.0227,207.8485,206.3211,209.3364,204.8332,203.6348,203.6875,213.8298" style="stroke:#EC7211;stroke-width:3.125;"/><!--MD5=[43d4d70f9cd19f132a5eb1ce9d85c890]
|
||||
link fork_state to State3--><path d="M244.7917,150.3298 C250.8646,159.4965 269.1042,186.9965 283.9583,209.4132 " fill="none" id="fork_state-to-State3" style="stroke:#EC7211;stroke-width:3.125;"/><polygon fill="#EC7211" points="286.8854,213.8298,285.152,203.7181,283.9964,209.4962,278.2182,208.3406,286.8854,213.8298" style="stroke:#EC7211;stroke-width:3.125;"/><!--MD5=[8cf5ef3a64654818495211b4c165bd62]
|
||||
link State2 to join_state--><path d="M173.5417,271.3923 C166.7188,289.2153 162.0729,312.1736 172.9167,329.4861 C183.2813,346.0382 204.1354,354.8194 220.5417,359.3507 " fill="none" id="State2-to-join_state" style="stroke:#EC7211;stroke-width:3.125;"/><polygon fill="#EC7211" points="225.9167,360.7257,217.8717,354.3593,220.8718,359.431,215.8002,362.4311,225.9167,360.7257" style="stroke:#EC7211;stroke-width:3.125;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="98.9583" x="179.1667" y="321.2199">some message</text><!--MD5=[183fde86cac17ac230b97143534e47db]
|
||||
link State3 to join_state--><path d="M304.7917,271.2986 C303.375,289.0903 299.3333,312.0382 288.5417,329.4861 C280.4792,342.5278 265.5521,352.4653 255.1563,358.2257 " fill="none" id="State3-to-join_state" style="stroke:#EC7211;stroke-width:3.125;"/><polygon fill="#EC7211" points="250.4583,360.7048,260.6936,360.0039,255.0621,358.2693,256.7967,352.6378,250.4583,360.7048" style="stroke:#EC7211;stroke-width:3.125;"/><!--MD5=[1e473d623208eebf6d5ebd6e9bc5a11d]
|
||||
link join_state to State4--><path d="M243.75,369.0798 C243.75,378.1319 243.75,405.0694 243.75,427.3194 " fill="none" id="join_state-to-State4" style="stroke:#EC7211;stroke-width:3.125;"/><polygon fill="#EC7211" points="243.75,432.5798,247.9167,423.2048,243.75,427.3715,239.5833,423.2048,243.75,432.5798" style="stroke:#EC7211;stroke-width:3.125;"/><!--MD5=[0a70b1a7cf318979336334b4227eefe4]
|
||||
link State4 to Active--><path d="M243.75,490.1111 C243.75,504.934 243.75,524.8507 243.75,547.809 " fill="none" id="State4-to-Active" style="stroke:#EC7211;stroke-width:3.125;"/><polygon fill="#EC7211" points="243.75,553.059,247.9167,543.684,243.75,547.8507,239.5833,543.684,243.75,553.059" style="stroke:#EC7211;stroke-width:3.125;"/><!--MD5=[1f962a730689e9e23b89408e51059d0e]
|
||||
@startuml
|
||||
|
||||
!$THEME = "AWS Orange Dark"
|
||||
|
||||
!if %not(%variable_exists("$BGCOLOR"))
|
||||
!$BGCOLOR = "transparent"
|
||||
!endif
|
||||
|
||||
skinparam backgroundColor $BGCOLOR
|
||||
skinparam useBetaStyle false
|
||||
|
||||
!$WHITE = "#FFF"
|
||||
!$GRAY_LIGHT = "#222"
|
||||
!$GRAY = "#868e96"
|
||||
!$PRIMARY = "#EC7211"
|
||||
!$SECONDARY = "#2a2e33"
|
||||
!$SUCCESS = "#6aaf35"
|
||||
!$INFO = "#44b9d6"
|
||||
!$WARNING = "#EC7211"
|
||||
!$DANGER = "#ff5d64"
|
||||
!$LIGHT = "#abb6c2"
|
||||
!$DARK = "#4E5D6C"
|
||||
|
||||
!$FGCOLOR = $WHITE
|
||||
!$PRIMARY_DARK = "#f08e41"
|
||||
!$PRIMARY_LIGHT = "#bd5b0e"
|
||||
!$PRIMARY_TEXT = $WHITE
|
||||
!$SECONDARY_DARK = "#55585c"
|
||||
!$SECONDARY_LIGHT = "#222529"
|
||||
!$SECONDARY_TEXT = $WHITE
|
||||
!$INFO_DARK = "#69c7de"
|
||||
!$INFO_LIGHT = "#3694ab"
|
||||
!$INFO_TEXT = $WHITE
|
||||
!$SUCCESS_DARK = "#88bf5d"
|
||||
!$SUCCESS_LIGHT = "#558c2a"
|
||||
!$SUCCESS_TEXT = $WHITE
|
||||
!$WARNING_DARK = "#f08e41"
|
||||
!$WARNING_LIGHT = "#bd5b0e"
|
||||
!$WARNING_TEXT = $WHITE
|
||||
!$DANGER_DARK = "#ff7d83"
|
||||
!$DANGER_LIGHT = "#cc4a50"
|
||||
!$DANGER_TEXT = $WHITE
|
||||
!$DARK_DARK = "#717d89"
|
||||
!$DARK_LIGHT = "#3e4a56"
|
||||
!$LIGHT_DARK = "#bcc5ce"
|
||||
!$LIGHT_LIGHT = "#89929b"
|
||||
|
||||
!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
|
||||
BackgroundColor $PRIMARY_DARK-$PRIMARY
|
||||
!endprocedure
|
||||
|
||||
!_POST = "<color #007a3e>POST</color>"
|
||||
!_PUT = "<color #ea7400>PUT</color>"
|
||||
!_DELETE = "<color #cf2a2a>DELETE</color>"
|
||||
!_GET = "<color #009fdb>GET</color>"
|
||||
!_PATCH = "<color #b5bd00>PATCH</color>"
|
||||
!_HEAD = "<color #9012fe>HEAD</color>"
|
||||
|
||||
!procedure $OK($x)
|
||||
<color green>$x</color>
|
||||
!endprocedure
|
||||
!procedure $ERROR($x)
|
||||
<color red>$x</color>
|
||||
!endprocedure
|
||||
!procedure $COND($x)
|
||||
<color orange>x</color>
|
||||
!endprocedure
|
||||
|
||||
!procedure $REDSTAR()
|
||||
<color red>*</color>
|
||||
!endprocedure
|
||||
!procedure $REQ($x)
|
||||
<b>x</b>
|
||||
!endprocedure
|
||||
!procedure $OPT($x)
|
||||
<color #555>x</color>
|
||||
!endprocedure
|
||||
skinparam defaultFontName "Verdana"
|
||||
skinparam defaultFontSize 12
|
||||
skinparam dpi 100
|
||||
skinparam shadowing false
|
||||
skinparam roundcorner 8
|
||||
skinparam ParticipantPadding 40
|
||||
skinparam BoxPadding 40
|
||||
skinparam Padding 5
|
||||
skinparam ArrowColor $DARK
|
||||
skinparam stereotype {
|
||||
CBackgroundColor $SECONDARY_LIGHT
|
||||
CBorderColor $SECONDARY_DARK
|
||||
ABackgroundColor $SUCCESS_LIGHT
|
||||
ABorderColor $SUCCESS_DARK
|
||||
IBackgroundColor $DANGER_LIGHT
|
||||
IBorderColor $DANGER_DARK
|
||||
EBackgroundColor $WARNING_LIGHT
|
||||
EBorderColor $WARNING_DARK
|
||||
NBackgroundColor $INFO_LIGHT
|
||||
NBorderColor $INFO_DARK
|
||||
}
|
||||
skinparam title {
|
||||
FontColor $PRIMARY_TEXT
|
||||
BorderColor $SECONDARY
|
||||
FontSize 20
|
||||
BorderRoundCorner 8
|
||||
BorderThickness 1
|
||||
BackgroundColor $SECONDARY_DARK-$SECONDARY
|
||||
}
|
||||
|
||||
skinparam legend {
|
||||
BackgroundColor $SECONDARY
|
||||
BorderColor $SECONDARY_DARK
|
||||
FontColor $LIGHT
|
||||
}
|
||||
|
||||
!startsub swimlane
|
||||
skinparam swimlane {
|
||||
BorderColor $INFO
|
||||
BorderThickness 2
|
||||
TitleBackgroundColor $SECONDARY_DARK-$SECONDARY
|
||||
TitleFontColor $PRIMARY
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub activity
|
||||
skinparam activity {
|
||||
$primary_scheme()
|
||||
BarColor $SUCCESS
|
||||
StartColor $INFO
|
||||
EndColor $INFO
|
||||
DiamondBackgroundColor $SECONDARY_LIGHT
|
||||
DiamondBorderColor $SECONDARY_DARK
|
||||
DiamondFontColor $SECONDARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub participant
|
||||
skinparam participant {
|
||||
$primary_scheme()
|
||||
ParticipantBorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub actor
|
||||
skinparam actor {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub arrow
|
||||
skinparam arrow {
|
||||
Thickness 3
|
||||
Color $PRIMARY
|
||||
FontColor $FGCOLOR
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub sequence
|
||||
skinparam sequence {
|
||||
ArrowThickness 3
|
||||
BorderColor $PRIMARY
|
||||
TitleFontColor $PRIMARY
|
||||
BackgroundColor $BGCOLOR
|
||||
StartColor $PRIMARY
|
||||
EndColor $PRIMARY
|
||||
BoxBackgroundColor $BGCOLOR
|
||||
BoxBorderColor $DARK
|
||||
BoxFontColor $DARK
|
||||
LifeLineBorderColor $LIGHT
|
||||
LifeLineBorderThickness 3
|
||||
LifeLineBackgroundColor $LIGHT
|
||||
GroupBorderColor $DARK
|
||||
GroupFontColor $DARK
|
||||
GroupHeaderFontColor $INFO
|
||||
GroupBackgroundColor $SECONDARY
|
||||
GroupBodyBackgroundColor $BGCOLOR
|
||||
GroupHeaderBackgroundColor $BGCOLOR
|
||||
DividerBackgroundColor $DARK
|
||||
DividerBorderColor $DARK
|
||||
DividerBorderThickness 2
|
||||
DividerFontColor $LIGHT
|
||||
ReferenceBackgroundColor $BGCOLOR
|
||||
ReferenceBorderColor $DARK
|
||||
ReferenceFontColor $DARK
|
||||
ReferenceHeaderFontColor $INFO
|
||||
ReferenceHeaderBackgroundColor $SECONDARY
|
||||
StereotypeFontColor $PRIMARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub partition
|
||||
skinparam partition {
|
||||
BorderColor $PRIMARY
|
||||
FontColor $PRIMARY
|
||||
BackgroundColor $BGCOLOR
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub collections
|
||||
skinparam collections {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub control
|
||||
skinparam control {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub entity
|
||||
skinparam entity {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub boundary
|
||||
skinparam boundary {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub agent
|
||||
skinparam agent {
|
||||
BackgroundColor $WARNING
|
||||
BorderColor $WARNING_LIGHT
|
||||
FontColor $DARK
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub note
|
||||
skinparam note {
|
||||
BorderThickness 1
|
||||
BackgroundColor $INFO
|
||||
BorderColor $INFO_DARK
|
||||
FontColor $WHITE
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub artifact
|
||||
skinparam artifact {
|
||||
BackgroundColor $DARK
|
||||
BorderColor $DARK_DARK
|
||||
FontColor $LIGHT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub component
|
||||
skinparam component {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub interface
|
||||
skinparam interface {
|
||||
BackgroundColor $DANGER_DARK
|
||||
BorderColor $DANGER
|
||||
FontColor $DARK
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub storage
|
||||
skinparam storage {
|
||||
BackgroundColor $WARNING
|
||||
BorderColor $WARNING_DARK
|
||||
FontColor $WARNING_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub node
|
||||
skinparam node {
|
||||
BackgroundColor $BGCOLOR
|
||||
BorderColor $LIGHT
|
||||
FontColor $LIGHT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub cloud
|
||||
skinparam cloud {
|
||||
BackgroundColor transparent
|
||||
BorderColor $DARK
|
||||
FontColor $LIGHT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub database
|
||||
skinparam database {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub class
|
||||
skinparam class {
|
||||
$primary_scheme()
|
||||
HeaderBackgroundColor $PRIMARY_LIGHT
|
||||
StereotypeFontColor $DARK
|
||||
BorderThickness 1
|
||||
AttributeFontColor $PRIMARY_TEXT
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub object
|
||||
skinparam object {
|
||||
$primary_scheme()
|
||||
StereotypeFontColor $DARK
|
||||
BorderThickness 1
|
||||
AttributeFontColor $SECONDARY_TEXT
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub usecase
|
||||
skinparam usecase {
|
||||
$primary_scheme()
|
||||
BorderThickness 2
|
||||
StereotypeFontColor $PRIMARY
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub rectangle
|
||||
skinparam rectangle {
|
||||
BorderColor $DARK
|
||||
FontColor $LIGHT
|
||||
BackgroundColor $BGCOLOR
|
||||
BorderThickness 2
|
||||
StereotypeFontColor $DARK
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub package
|
||||
skinparam package {
|
||||
BackgroundColor $SECONDARY
|
||||
BorderColor $LIGHT
|
||||
FontColor $LIGHT
|
||||
BorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub folder
|
||||
skinparam folder {
|
||||
BackgroundColor $SECONDARY_LIGHT
|
||||
BorderColor $WARNING
|
||||
FontColor $WARNING
|
||||
BorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub frame
|
||||
skinparam frame {
|
||||
BackgroundColor $SECONDARY_LIGHT
|
||||
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
|
||||
BorderColor $INFO_DARK
|
||||
FontColor $INFO_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub file
|
||||
skinparam file {
|
||||
BackgroundColor $SECONDARY_DARK
|
||||
BorderColor $LIGHT
|
||||
FontColor $PRIMARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub stack
|
||||
skinparam stack {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
|
||||
|
||||
!if %variable_exists("$THEME")
|
||||
title State Diagram - $THEME theme
|
||||
!else
|
||||
title State Diagram
|
||||
!endif
|
||||
|
||||
'skinparam BackgroundColor transparent
|
||||
|
||||
state fork_state <<fork>>
|
||||
[*] - -> fork_state
|
||||
fork_state - -> State2
|
||||
fork_state - -> State3
|
||||
|
||||
state join_state <<join>>
|
||||
State2 - -> join_state: some message
|
||||
State3 - -> join_state
|
||||
join_state - -> State4
|
||||
State4 - -> Active
|
||||
|
||||
state Active {
|
||||
[*] -> NumLockOff
|
||||
NumLockOff - -> NumLockOn : EvNumLockPressed
|
||||
NumLockOn - -> NumLockOff : EvNumLockPressed
|
||||
- -
|
||||
[*] -> CapsLockOff
|
||||
CapsLockOff - -> CapsLockOn : EvCapsLockPressed
|
||||
CapsLockOn - -> CapsLockOff : EvCapsLockPressed
|
||||
- -
|
||||
[*] -> ScrollLockOff
|
||||
ScrollLockOff - -> ScrollLockOn : EvCapsLockPressed
|
||||
ScrollLockOn - -> ScrollLockOff : EvCapsLockPressed
|
||||
}
|
||||
|
||||
@enduml
|
||||
|
||||
@startuml
|
||||
|
||||
|
||||
|
||||
skinparam backgroundColor transparent
|
||||
skinparam useBetaStyle false
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
skinparam defaultFontName "Verdana"
|
||||
skinparam defaultFontSize 12
|
||||
skinparam dpi 100
|
||||
skinparam shadowing false
|
||||
skinparam roundcorner 8
|
||||
skinparam ParticipantPadding 40
|
||||
skinparam BoxPadding 40
|
||||
skinparam Padding 5
|
||||
skinparam ArrowColor #4E5D6C
|
||||
skinparam stereotype {
|
||||
CBackgroundColor #222529
|
||||
CBorderColor #55585c
|
||||
ABackgroundColor #558c2a
|
||||
ABorderColor #88bf5d
|
||||
IBackgroundColor #cc4a50
|
||||
IBorderColor #ff7d83
|
||||
EBackgroundColor #bd5b0e
|
||||
EBorderColor #f08e41
|
||||
NBackgroundColor #3694ab
|
||||
NBorderColor #69c7de
|
||||
}
|
||||
skinparam title {
|
||||
FontColor #FFF
|
||||
BorderColor #2a2e33
|
||||
FontSize 20
|
||||
BorderRoundCorner 8
|
||||
BorderThickness 1
|
||||
BackgroundColor #55585c-#2a2e33
|
||||
}
|
||||
|
||||
skinparam legend {
|
||||
BackgroundColor #2a2e33
|
||||
BorderColor #55585c
|
||||
FontColor #abb6c2
|
||||
}
|
||||
|
||||
skinparam swimlane {
|
||||
BorderColor #44b9d6
|
||||
BorderThickness 2
|
||||
TitleBackgroundColor #55585c-#2a2e33
|
||||
TitleFontColor #EC7211
|
||||
}
|
||||
|
||||
skinparam activity {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
BarColor #6aaf35
|
||||
StartColor #44b9d6
|
||||
EndColor #44b9d6
|
||||
DiamondBackgroundColor #222529
|
||||
DiamondBorderColor #55585c
|
||||
DiamondFontColor #FFF
|
||||
}
|
||||
|
||||
skinparam participant {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
ParticipantBorderThickness 2
|
||||
}
|
||||
|
||||
skinparam actor {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam arrow {
|
||||
Thickness 3
|
||||
Color #EC7211
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
skinparam sequence {
|
||||
ArrowThickness 3
|
||||
BorderColor #EC7211
|
||||
TitleFontColor #EC7211
|
||||
BackgroundColor transparent
|
||||
StartColor #EC7211
|
||||
EndColor #EC7211
|
||||
BoxBackgroundColor transparent
|
||||
BoxBorderColor #4E5D6C
|
||||
BoxFontColor #4E5D6C
|
||||
LifeLineBorderColor #abb6c2
|
||||
LifeLineBorderThickness 3
|
||||
LifeLineBackgroundColor #abb6c2
|
||||
GroupBorderColor #4E5D6C
|
||||
GroupFontColor #4E5D6C
|
||||
GroupHeaderFontColor #44b9d6
|
||||
GroupBackgroundColor #2a2e33
|
||||
GroupBodyBackgroundColor transparent
|
||||
GroupHeaderBackgroundColor transparent
|
||||
DividerBackgroundColor #4E5D6C
|
||||
DividerBorderColor #4E5D6C
|
||||
DividerBorderThickness 2
|
||||
DividerFontColor #abb6c2
|
||||
ReferenceBackgroundColor transparent
|
||||
ReferenceBorderColor #4E5D6C
|
||||
ReferenceFontColor #4E5D6C
|
||||
ReferenceHeaderFontColor #44b9d6
|
||||
ReferenceHeaderBackgroundColor #2a2e33
|
||||
StereotypeFontColor #FFF
|
||||
}
|
||||
|
||||
skinparam partition {
|
||||
BorderColor #EC7211
|
||||
FontColor #EC7211
|
||||
BackgroundColor transparent
|
||||
}
|
||||
|
||||
skinparam collections {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam control {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam entity {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam boundary {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam agent {
|
||||
BackgroundColor #EC7211
|
||||
BorderColor #bd5b0e
|
||||
FontColor #4E5D6C
|
||||
}
|
||||
|
||||
skinparam note {
|
||||
BorderThickness 1
|
||||
BackgroundColor #44b9d6
|
||||
BorderColor #69c7de
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
skinparam artifact {
|
||||
BackgroundColor #4E5D6C
|
||||
BorderColor #717d89
|
||||
FontColor #abb6c2
|
||||
}
|
||||
|
||||
skinparam component {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam interface {
|
||||
BackgroundColor #ff7d83
|
||||
BorderColor #ff5d64
|
||||
FontColor #4E5D6C
|
||||
}
|
||||
|
||||
skinparam storage {
|
||||
BackgroundColor #EC7211
|
||||
BorderColor #f08e41
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
skinparam node {
|
||||
BackgroundColor transparent
|
||||
BorderColor #abb6c2
|
||||
FontColor #abb6c2
|
||||
}
|
||||
|
||||
skinparam cloud {
|
||||
BackgroundColor transparent
|
||||
BorderColor #4E5D6C
|
||||
FontColor #abb6c2
|
||||
}
|
||||
|
||||
skinparam database {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam class {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
HeaderBackgroundColor #bd5b0e
|
||||
StereotypeFontColor #4E5D6C
|
||||
BorderThickness 1
|
||||
AttributeFontColor #FFF
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
skinparam object {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
StereotypeFontColor #4E5D6C
|
||||
BorderThickness 1
|
||||
AttributeFontColor #FFF
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
skinparam usecase {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
BorderThickness 2
|
||||
StereotypeFontColor #EC7211
|
||||
}
|
||||
|
||||
skinparam rectangle {
|
||||
BorderColor #4E5D6C
|
||||
FontColor #abb6c2
|
||||
BackgroundColor transparent
|
||||
BorderThickness 2
|
||||
StereotypeFontColor #4E5D6C
|
||||
}
|
||||
|
||||
skinparam package {
|
||||
BackgroundColor #2a2e33
|
||||
BorderColor #abb6c2
|
||||
FontColor #abb6c2
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
skinparam folder {
|
||||
BackgroundColor #222529
|
||||
BorderColor #EC7211
|
||||
FontColor #EC7211
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
skinparam frame {
|
||||
BackgroundColor #222529
|
||||
BorderColor #44b9d6
|
||||
FontColor #44b9d6
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
skinparam state {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
StartColor #44b9d6
|
||||
EndColor #44b9d6
|
||||
AttributeFontColor #FFF
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
skinparam queue {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam card {
|
||||
BackgroundColor #44b9d6
|
||||
BorderColor #69c7de
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
skinparam file {
|
||||
BackgroundColor #55585c
|
||||
BorderColor #abb6c2
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
skinparam stack {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
|
||||
|
||||
title State Diagram - AWS Orange Dark 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 |
751
puml/aws-orange-dark/swimlane-ex.svg
Normal file
751
puml/aws-orange-dark/swimlane-ex.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 22 KiB |
771
puml/aws-orange-dark/usecase-ex.svg
Normal file
771
puml/aws-orange-dark/usecase-ex.svg
Normal file
@ -0,0 +1,771 @@
|
||||
<?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="487.5px" preserveAspectRatio="none" style="width:509px;height:487px;background:#00000000;" version="1.1" viewBox="0 0 509 487" width="509.375px" zoomAndPan="magnify"><defs><linearGradient id="g34xgl1vq6ir00" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#55585C"/><stop offset="100%" stop-color="#2A2E33"/></linearGradient><linearGradient id="g34xgl1vq6ir01" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#F08E41"/><stop offset="100%" stop-color="#EC7211"/></linearGradient></defs><g><rect fill="url(#g34xgl1vq6ir00)" height="46.1528" rx="4.1667" ry="4.1667" style="stroke:#2A2E33;stroke-width:1.0416666666666667;" width="496.875" x="2.0833" y="2.0833"/><text fill="#FFFFFF" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="469.7917" x="15.625" y="33.4452">Usecase Diagram - AWS Orange Dark theme</text><!--MD5=[111002b242a260edbcaabc3e471064d0]
|
||||
cluster checkout--><rect height="317.7083" rx="4.1667" ry="4.1667" style="stroke:#4E5D6C;stroke-width:2.0833333333333335;fill:none;" width="154.1667" x="195.3125" y="58.6528"/><text fill="#ABB6C2" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="61.4583" x="241.6667" y="78.5116">checkout</text><ellipse cx="272.5566" cy="231.4481" fill="url(#g34xgl1vq6ir01)" rx="60.5774" ry="21.2328" style="stroke:#EC7211;stroke-width:2.0833333333333335;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="58.3333" x="243.3899" y="234.336">checkout</text><ellipse cx="272.3409" cy="125.1981" fill="url(#g34xgl1vq6ir01)" rx="59.8409" ry="21.2328" style="stroke:#EC7211;stroke-width:2.0833333333333335;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="57.2917" x="243.695" y="128.086">payment</text><ellipse cx="272.5502" cy="337.6981" fill="url(#g34xgl1vq6ir01)" rx="39.2169" ry="21.2328" style="stroke:#EC7211;stroke-width:2.0833333333333335;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="28.125" x="258.4877" y="340.586">help</text><!--MD5=[92848cbaf65985a669855153c5362c37]
|
||||
entity customer--><ellipse cx="110.9375" cy="196.1528" fill="url(#g34xgl1vq6ir01)" rx="8.3333" ry="8.3333" style="stroke:#EC7211;stroke-width:1.5625;"/><path d="M110.9375,204.4861 L110.9375,232.6111 M97.3958,212.8194 L124.4792,212.8194 M110.9375,232.6111 L97.3958,248.2361 M110.9375,232.6111 L124.4792,248.2361 " fill="none" style="stroke:#EC7211;stroke-width:1.5625;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="60.4167" x="80.7292" y="268.6157">customer</text><!--MD5=[ebeabf449828f4e0b33bbb47961e644b]
|
||||
entity clerk--><ellipse cx="418.75" cy="196.1528" fill="url(#g34xgl1vq6ir01)" rx="8.3333" ry="8.3333" style="stroke:#EC7211;stroke-width:1.5625;"/><path d="M418.75,204.4861 L418.75,232.6111 M405.2083,212.8194 L432.2917,212.8194 M418.75,232.6111 L405.2083,248.2361 M418.75,232.6111 L432.2917,248.2361 " fill="none" style="stroke:#EC7211;stroke-width:1.5625;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="30.2083" x="403.6458" y="268.6157">clerk</text><!--MD5=[852381a7bb976b86080137fb6d718ea9]
|
||||
link customer to checkout--><path d="M146.5625,231.5694 C165.6042,231.5694 189.7708,231.5694 211.75,231.5694 " fill="none" id="customer-checkout" style="stroke:#EC7211;stroke-width:3.125;"/><!--MD5=[3ad5c6d5c608bfd6b87dc9c07c40a15f]
|
||||
link checkout to payment--><path d="M272.3958,210.0694 C272.3958,193.3611 272.3958,170.1007 272.3958,152.1632 " fill="none" id="checkout-to-payment" style="stroke:#EC7211;stroke-width:3.125;stroke-dasharray:7.0,7.0;"/><polygon fill="#EC7211" points="272.3958,146.7882,268.2292,156.1632,272.3958,151.9965,276.5625,156.1632,272.3958,146.7882" style="stroke:#EC7211;stroke-width:3.125;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="45.8333" x="232.8125" y="183.7199">include</text><!--MD5=[739e7928149c8fe27c2b5850560351c7]
|
||||
link help to checkout--><path d="M272.3958,316.3194 C272.3958,299.6111 272.3958,276.3507 272.3958,258.4132 " fill="none" id="help-to-checkout" style="stroke:#EC7211;stroke-width:3.125;stroke-dasharray:7.0,7.0;"/><polygon fill="#EC7211" points="272.3958,253.0382,268.2292,262.4132,272.3958,258.2465,276.5625,262.4132,272.3958,253.0382" style="stroke:#EC7211;stroke-width:3.125;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="53.125" x="229.1667" y="289.9699">extends</text><!--MD5=[b4c4ee8f2d94c159d2b9e04bd372cbe0]
|
||||
link checkout to clerk--><path d="M332.9479,231.5694 C356.2396,231.5694 381.3333,231.5694 398.125,231.5694 " fill="none" id="checkout-clerk" style="stroke:#EC7211;stroke-width:3.125;"/><rect fill="#2A2E33" height="81.5999" rx="5.2083" ry="5.2083" style="stroke:#55585C;stroke-width:1.0416666666666667;" width="246.875" x="127.0833" y="389.9028"/><text fill="#ABB6C2" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="112.5" x="138.5417" y="412.8866">This is my legend</text><text fill="#ABB6C2" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="223.9583" x="138.5417" y="428.0782">it can have a long list of stuff here</text><text fill="#ABB6C2" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="206.25" x="138.5417" y="443.2699">and it can go on and on and on</text><text fill="#ABB6C2" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="92.7083" x="138.5417" y="458.4615">that's about it</text><!--MD5=[87eabb74f7465b91372c1c710bd51e70]
|
||||
@startuml
|
||||
|
||||
!$THEME = "AWS Orange Dark"
|
||||
|
||||
!if %not(%variable_exists("$BGCOLOR"))
|
||||
!$BGCOLOR = "transparent"
|
||||
!endif
|
||||
|
||||
skinparam backgroundColor $BGCOLOR
|
||||
skinparam useBetaStyle false
|
||||
|
||||
!$WHITE = "#FFF"
|
||||
!$GRAY_LIGHT = "#222"
|
||||
!$GRAY = "#868e96"
|
||||
!$PRIMARY = "#EC7211"
|
||||
!$SECONDARY = "#2a2e33"
|
||||
!$SUCCESS = "#6aaf35"
|
||||
!$INFO = "#44b9d6"
|
||||
!$WARNING = "#EC7211"
|
||||
!$DANGER = "#ff5d64"
|
||||
!$LIGHT = "#abb6c2"
|
||||
!$DARK = "#4E5D6C"
|
||||
|
||||
!$FGCOLOR = $WHITE
|
||||
!$PRIMARY_DARK = "#f08e41"
|
||||
!$PRIMARY_LIGHT = "#bd5b0e"
|
||||
!$PRIMARY_TEXT = $WHITE
|
||||
!$SECONDARY_DARK = "#55585c"
|
||||
!$SECONDARY_LIGHT = "#222529"
|
||||
!$SECONDARY_TEXT = $WHITE
|
||||
!$INFO_DARK = "#69c7de"
|
||||
!$INFO_LIGHT = "#3694ab"
|
||||
!$INFO_TEXT = $WHITE
|
||||
!$SUCCESS_DARK = "#88bf5d"
|
||||
!$SUCCESS_LIGHT = "#558c2a"
|
||||
!$SUCCESS_TEXT = $WHITE
|
||||
!$WARNING_DARK = "#f08e41"
|
||||
!$WARNING_LIGHT = "#bd5b0e"
|
||||
!$WARNING_TEXT = $WHITE
|
||||
!$DANGER_DARK = "#ff7d83"
|
||||
!$DANGER_LIGHT = "#cc4a50"
|
||||
!$DANGER_TEXT = $WHITE
|
||||
!$DARK_DARK = "#717d89"
|
||||
!$DARK_LIGHT = "#3e4a56"
|
||||
!$LIGHT_DARK = "#bcc5ce"
|
||||
!$LIGHT_LIGHT = "#89929b"
|
||||
|
||||
!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
|
||||
BackgroundColor $PRIMARY_DARK-$PRIMARY
|
||||
!endprocedure
|
||||
|
||||
!_POST = "<color #007a3e>POST</color>"
|
||||
!_PUT = "<color #ea7400>PUT</color>"
|
||||
!_DELETE = "<color #cf2a2a>DELETE</color>"
|
||||
!_GET = "<color #009fdb>GET</color>"
|
||||
!_PATCH = "<color #b5bd00>PATCH</color>"
|
||||
!_HEAD = "<color #9012fe>HEAD</color>"
|
||||
|
||||
!procedure $OK($x)
|
||||
<color green>$x</color>
|
||||
!endprocedure
|
||||
!procedure $ERROR($x)
|
||||
<color red>$x</color>
|
||||
!endprocedure
|
||||
!procedure $COND($x)
|
||||
<color orange>x</color>
|
||||
!endprocedure
|
||||
|
||||
!procedure $REDSTAR()
|
||||
<color red>*</color>
|
||||
!endprocedure
|
||||
!procedure $REQ($x)
|
||||
<b>x</b>
|
||||
!endprocedure
|
||||
!procedure $OPT($x)
|
||||
<color #555>x</color>
|
||||
!endprocedure
|
||||
skinparam defaultFontName "Verdana"
|
||||
skinparam defaultFontSize 12
|
||||
skinparam dpi 100
|
||||
skinparam shadowing false
|
||||
skinparam roundcorner 8
|
||||
skinparam ParticipantPadding 40
|
||||
skinparam BoxPadding 40
|
||||
skinparam Padding 5
|
||||
skinparam ArrowColor $DARK
|
||||
skinparam stereotype {
|
||||
CBackgroundColor $SECONDARY_LIGHT
|
||||
CBorderColor $SECONDARY_DARK
|
||||
ABackgroundColor $SUCCESS_LIGHT
|
||||
ABorderColor $SUCCESS_DARK
|
||||
IBackgroundColor $DANGER_LIGHT
|
||||
IBorderColor $DANGER_DARK
|
||||
EBackgroundColor $WARNING_LIGHT
|
||||
EBorderColor $WARNING_DARK
|
||||
NBackgroundColor $INFO_LIGHT
|
||||
NBorderColor $INFO_DARK
|
||||
}
|
||||
skinparam title {
|
||||
FontColor $PRIMARY_TEXT
|
||||
BorderColor $SECONDARY
|
||||
FontSize 20
|
||||
BorderRoundCorner 8
|
||||
BorderThickness 1
|
||||
BackgroundColor $SECONDARY_DARK-$SECONDARY
|
||||
}
|
||||
|
||||
skinparam legend {
|
||||
BackgroundColor $SECONDARY
|
||||
BorderColor $SECONDARY_DARK
|
||||
FontColor $LIGHT
|
||||
}
|
||||
|
||||
!startsub swimlane
|
||||
skinparam swimlane {
|
||||
BorderColor $INFO
|
||||
BorderThickness 2
|
||||
TitleBackgroundColor $SECONDARY_DARK-$SECONDARY
|
||||
TitleFontColor $PRIMARY
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub activity
|
||||
skinparam activity {
|
||||
$primary_scheme()
|
||||
BarColor $SUCCESS
|
||||
StartColor $INFO
|
||||
EndColor $INFO
|
||||
DiamondBackgroundColor $SECONDARY_LIGHT
|
||||
DiamondBorderColor $SECONDARY_DARK
|
||||
DiamondFontColor $SECONDARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub participant
|
||||
skinparam participant {
|
||||
$primary_scheme()
|
||||
ParticipantBorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub actor
|
||||
skinparam actor {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub arrow
|
||||
skinparam arrow {
|
||||
Thickness 3
|
||||
Color $PRIMARY
|
||||
FontColor $FGCOLOR
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub sequence
|
||||
skinparam sequence {
|
||||
ArrowThickness 3
|
||||
BorderColor $PRIMARY
|
||||
TitleFontColor $PRIMARY
|
||||
BackgroundColor $BGCOLOR
|
||||
StartColor $PRIMARY
|
||||
EndColor $PRIMARY
|
||||
BoxBackgroundColor $BGCOLOR
|
||||
BoxBorderColor $DARK
|
||||
BoxFontColor $DARK
|
||||
LifeLineBorderColor $LIGHT
|
||||
LifeLineBorderThickness 3
|
||||
LifeLineBackgroundColor $LIGHT
|
||||
GroupBorderColor $DARK
|
||||
GroupFontColor $DARK
|
||||
GroupHeaderFontColor $INFO
|
||||
GroupBackgroundColor $SECONDARY
|
||||
GroupBodyBackgroundColor $BGCOLOR
|
||||
GroupHeaderBackgroundColor $BGCOLOR
|
||||
DividerBackgroundColor $DARK
|
||||
DividerBorderColor $DARK
|
||||
DividerBorderThickness 2
|
||||
DividerFontColor $LIGHT
|
||||
ReferenceBackgroundColor $BGCOLOR
|
||||
ReferenceBorderColor $DARK
|
||||
ReferenceFontColor $DARK
|
||||
ReferenceHeaderFontColor $INFO
|
||||
ReferenceHeaderBackgroundColor $SECONDARY
|
||||
StereotypeFontColor $PRIMARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub partition
|
||||
skinparam partition {
|
||||
BorderColor $PRIMARY
|
||||
FontColor $PRIMARY
|
||||
BackgroundColor $BGCOLOR
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub collections
|
||||
skinparam collections {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub control
|
||||
skinparam control {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub entity
|
||||
skinparam entity {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub boundary
|
||||
skinparam boundary {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub agent
|
||||
skinparam agent {
|
||||
BackgroundColor $WARNING
|
||||
BorderColor $WARNING_LIGHT
|
||||
FontColor $DARK
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub note
|
||||
skinparam note {
|
||||
BorderThickness 1
|
||||
BackgroundColor $INFO
|
||||
BorderColor $INFO_DARK
|
||||
FontColor $WHITE
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub artifact
|
||||
skinparam artifact {
|
||||
BackgroundColor $DARK
|
||||
BorderColor $DARK_DARK
|
||||
FontColor $LIGHT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub component
|
||||
skinparam component {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub interface
|
||||
skinparam interface {
|
||||
BackgroundColor $DANGER_DARK
|
||||
BorderColor $DANGER
|
||||
FontColor $DARK
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub storage
|
||||
skinparam storage {
|
||||
BackgroundColor $WARNING
|
||||
BorderColor $WARNING_DARK
|
||||
FontColor $WARNING_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub node
|
||||
skinparam node {
|
||||
BackgroundColor $BGCOLOR
|
||||
BorderColor $LIGHT
|
||||
FontColor $LIGHT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub cloud
|
||||
skinparam cloud {
|
||||
BackgroundColor transparent
|
||||
BorderColor $DARK
|
||||
FontColor $LIGHT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub database
|
||||
skinparam database {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub class
|
||||
skinparam class {
|
||||
$primary_scheme()
|
||||
HeaderBackgroundColor $PRIMARY_LIGHT
|
||||
StereotypeFontColor $DARK
|
||||
BorderThickness 1
|
||||
AttributeFontColor $PRIMARY_TEXT
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub object
|
||||
skinparam object {
|
||||
$primary_scheme()
|
||||
StereotypeFontColor $DARK
|
||||
BorderThickness 1
|
||||
AttributeFontColor $SECONDARY_TEXT
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub usecase
|
||||
skinparam usecase {
|
||||
$primary_scheme()
|
||||
BorderThickness 2
|
||||
StereotypeFontColor $PRIMARY
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub rectangle
|
||||
skinparam rectangle {
|
||||
BorderColor $DARK
|
||||
FontColor $LIGHT
|
||||
BackgroundColor $BGCOLOR
|
||||
BorderThickness 2
|
||||
StereotypeFontColor $DARK
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub package
|
||||
skinparam package {
|
||||
BackgroundColor $SECONDARY
|
||||
BorderColor $LIGHT
|
||||
FontColor $LIGHT
|
||||
BorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub folder
|
||||
skinparam folder {
|
||||
BackgroundColor $SECONDARY_LIGHT
|
||||
BorderColor $WARNING
|
||||
FontColor $WARNING
|
||||
BorderThickness 2
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub frame
|
||||
skinparam frame {
|
||||
BackgroundColor $SECONDARY_LIGHT
|
||||
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
|
||||
BorderColor $INFO_DARK
|
||||
FontColor $INFO_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub file
|
||||
skinparam file {
|
||||
BackgroundColor $SECONDARY_DARK
|
||||
BorderColor $LIGHT
|
||||
FontColor $PRIMARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub stack
|
||||
skinparam stack {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
|
||||
|
||||
!if %variable_exists("$THEME")
|
||||
title Usecase Diagram - $THEME theme
|
||||
!else
|
||||
title Usecase Diagram
|
||||
!endif
|
||||
|
||||
legend
|
||||
This is my legend
|
||||
it can have a long list of stuff here
|
||||
and it can go on and on and on
|
||||
that's about it
|
||||
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 8
|
||||
skinparam ParticipantPadding 40
|
||||
skinparam BoxPadding 40
|
||||
skinparam Padding 5
|
||||
skinparam ArrowColor #4E5D6C
|
||||
skinparam stereotype {
|
||||
CBackgroundColor #222529
|
||||
CBorderColor #55585c
|
||||
ABackgroundColor #558c2a
|
||||
ABorderColor #88bf5d
|
||||
IBackgroundColor #cc4a50
|
||||
IBorderColor #ff7d83
|
||||
EBackgroundColor #bd5b0e
|
||||
EBorderColor #f08e41
|
||||
NBackgroundColor #3694ab
|
||||
NBorderColor #69c7de
|
||||
}
|
||||
skinparam title {
|
||||
FontColor #FFF
|
||||
BorderColor #2a2e33
|
||||
FontSize 20
|
||||
BorderRoundCorner 8
|
||||
BorderThickness 1
|
||||
BackgroundColor #55585c-#2a2e33
|
||||
}
|
||||
|
||||
skinparam legend {
|
||||
BackgroundColor #2a2e33
|
||||
BorderColor #55585c
|
||||
FontColor #abb6c2
|
||||
}
|
||||
|
||||
skinparam swimlane {
|
||||
BorderColor #44b9d6
|
||||
BorderThickness 2
|
||||
TitleBackgroundColor #55585c-#2a2e33
|
||||
TitleFontColor #EC7211
|
||||
}
|
||||
|
||||
skinparam activity {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
BarColor #6aaf35
|
||||
StartColor #44b9d6
|
||||
EndColor #44b9d6
|
||||
DiamondBackgroundColor #222529
|
||||
DiamondBorderColor #55585c
|
||||
DiamondFontColor #FFF
|
||||
}
|
||||
|
||||
skinparam participant {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
ParticipantBorderThickness 2
|
||||
}
|
||||
|
||||
skinparam actor {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam arrow {
|
||||
Thickness 3
|
||||
Color #EC7211
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
skinparam sequence {
|
||||
ArrowThickness 3
|
||||
BorderColor #EC7211
|
||||
TitleFontColor #EC7211
|
||||
BackgroundColor transparent
|
||||
StartColor #EC7211
|
||||
EndColor #EC7211
|
||||
BoxBackgroundColor transparent
|
||||
BoxBorderColor #4E5D6C
|
||||
BoxFontColor #4E5D6C
|
||||
LifeLineBorderColor #abb6c2
|
||||
LifeLineBorderThickness 3
|
||||
LifeLineBackgroundColor #abb6c2
|
||||
GroupBorderColor #4E5D6C
|
||||
GroupFontColor #4E5D6C
|
||||
GroupHeaderFontColor #44b9d6
|
||||
GroupBackgroundColor #2a2e33
|
||||
GroupBodyBackgroundColor transparent
|
||||
GroupHeaderBackgroundColor transparent
|
||||
DividerBackgroundColor #4E5D6C
|
||||
DividerBorderColor #4E5D6C
|
||||
DividerBorderThickness 2
|
||||
DividerFontColor #abb6c2
|
||||
ReferenceBackgroundColor transparent
|
||||
ReferenceBorderColor #4E5D6C
|
||||
ReferenceFontColor #4E5D6C
|
||||
ReferenceHeaderFontColor #44b9d6
|
||||
ReferenceHeaderBackgroundColor #2a2e33
|
||||
StereotypeFontColor #FFF
|
||||
}
|
||||
|
||||
skinparam partition {
|
||||
BorderColor #EC7211
|
||||
FontColor #EC7211
|
||||
BackgroundColor transparent
|
||||
}
|
||||
|
||||
skinparam collections {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam control {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam entity {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam boundary {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam agent {
|
||||
BackgroundColor #EC7211
|
||||
BorderColor #bd5b0e
|
||||
FontColor #4E5D6C
|
||||
}
|
||||
|
||||
skinparam note {
|
||||
BorderThickness 1
|
||||
BackgroundColor #44b9d6
|
||||
BorderColor #69c7de
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
skinparam artifact {
|
||||
BackgroundColor #4E5D6C
|
||||
BorderColor #717d89
|
||||
FontColor #abb6c2
|
||||
}
|
||||
|
||||
skinparam component {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam interface {
|
||||
BackgroundColor #ff7d83
|
||||
BorderColor #ff5d64
|
||||
FontColor #4E5D6C
|
||||
}
|
||||
|
||||
skinparam storage {
|
||||
BackgroundColor #EC7211
|
||||
BorderColor #f08e41
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
skinparam node {
|
||||
BackgroundColor transparent
|
||||
BorderColor #abb6c2
|
||||
FontColor #abb6c2
|
||||
}
|
||||
|
||||
skinparam cloud {
|
||||
BackgroundColor transparent
|
||||
BorderColor #4E5D6C
|
||||
FontColor #abb6c2
|
||||
}
|
||||
|
||||
skinparam database {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam class {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
HeaderBackgroundColor #bd5b0e
|
||||
StereotypeFontColor #4E5D6C
|
||||
BorderThickness 1
|
||||
AttributeFontColor #FFF
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
skinparam object {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
StereotypeFontColor #4E5D6C
|
||||
BorderThickness 1
|
||||
AttributeFontColor #FFF
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
skinparam usecase {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
BorderThickness 2
|
||||
StereotypeFontColor #EC7211
|
||||
}
|
||||
|
||||
skinparam rectangle {
|
||||
BorderColor #4E5D6C
|
||||
FontColor #abb6c2
|
||||
BackgroundColor transparent
|
||||
BorderThickness 2
|
||||
StereotypeFontColor #4E5D6C
|
||||
}
|
||||
|
||||
skinparam package {
|
||||
BackgroundColor #2a2e33
|
||||
BorderColor #abb6c2
|
||||
FontColor #abb6c2
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
skinparam folder {
|
||||
BackgroundColor #222529
|
||||
BorderColor #EC7211
|
||||
FontColor #EC7211
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
skinparam frame {
|
||||
BackgroundColor #222529
|
||||
BorderColor #44b9d6
|
||||
FontColor #44b9d6
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
skinparam state {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
StartColor #44b9d6
|
||||
EndColor #44b9d6
|
||||
AttributeFontColor #FFF
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
skinparam queue {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
skinparam card {
|
||||
BackgroundColor #44b9d6
|
||||
BorderColor #69c7de
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
skinparam file {
|
||||
BackgroundColor #55585c
|
||||
BorderColor #abb6c2
|
||||
FontColor #FFF
|
||||
}
|
||||
|
||||
skinparam stack {
|
||||
FontColor #FFF
|
||||
BorderColor #EC7211
|
||||
BackgroundColor #f08e41-#EC7211
|
||||
}
|
||||
|
||||
|
||||
|
||||
title Usecase Diagram - AWS Orange Dark theme
|
||||
|
||||
legend
|
||||
This is my legend
|
||||
it can have a long list of stuff here
|
||||
and it can go on and on and on
|
||||
that's about it
|
||||
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 |
764
puml/aws-orange-dark/wbs-ex.svg
Normal file
764
puml/aws-orange-dark/wbs-ex.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 22 KiB |
Reference in New Issue
Block a user