first

puml/sketchy-outline/index.md

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

puml/sketchy-outline/puml-theme-sketchy-outline.puml

@@ -0,0 +1,441 @@
+''
+'' sketchy-outline theme based off of the bootstrap theme of the same name
+'' https://bootswatch.com/sketchy/
+''
+'' Author = "Brett Schwarz
+'' Copyright (c) 2020 by Brett Schwarz
+
+!$THEME = "sketchy-outline"
+
+!if %not(%variable_exists("$BGCOLOR"))
+!$BGCOLOR = "transparent"
+!endif
+
+skinparam backgroundColor $BGCOLOR
+skinparam useBetaStyle false
+skinparam handwritten true
+skinparam shadowing false
+
+''
+'' Colors taken from the css file of the BS theme
+''
+!$BLUE = "#007bff"
+!$INDIGO = "#6610f2"
+!$PURPLE = "#6f42c1"
+!$PINK = "#e83e8c"
+!$RED = "#dc3545"
+!$ORANGE = "#fd7e14"
+!$YELLOW = "#ffc107"
+!$GREEN = "#28a745"
+!$TEAL = "#20c997"
+!$CYAN = "#17a2b8"
+!$WHITE = "#ffffff"
+!$GRAY = "#868e96"
+!$GRAYDARK = "#333333"
+!$PRIMARY = "#333333"
+!$SECONDARY = "#555555"
+!$SUCCESS = "#28a745"
+!$INFO = "#17a2b8"
+!$WARNING = "#ffc107"
+!$DANGER = "#dc3545"
+!$LIGHT = "#ffffff"
+!$DARK = "#555555"
+
+'' *_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 = "#2e2e2e"
+!$PRIMARY_LIGHT = "#474747"
+!$PRIMARY_TEXT = "#2e2e2e"
+!$SECONDARY_DARK = "#4d4d4d"
+!$SECONDARY_LIGHT = "#666666"
+!$SECONDARY_TEXT = $WHITE
+!$INFO_DARK = "#1592a6"
+!$INFO_LIGHT = "#2eabbf"
+!$INFO_TEXT = $WHITE
+!$SUCCESS_DARK = "#24963e"
+!$SUCCESS_LIGHT = "#3eb058"
+!$SUCCESS_TEXT = $WHITE
+!$WARNING_DARK = "#e6ae06"
+!$WARNING_LIGHT = "#ffc720"
+!$WARNING_TEXT = $WHITE
+!$DANGER_DARK = "#c6303e"
+!$DANGER_LIGHT = "#e04958"
+!$DANGER_TEXT = $WHITE
+!$DARK_DARK = "#4d4d4d"
+!$DARK_LIGHT = "#666666"
+!$LIGHT_DARK = "#e6e6e6"
+!$LIGHT_LIGHT = "#ffffff"
+
+!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 $BGCOLOR
+!endprocedure
+
+''
+'' Global Default Values
+''
+skinparam defaultFontName       "Segoe Print"
+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 $BGCOLOR
+    CBorderColor $SECONDARY_DARK
+    ABackgroundColor $BGCOLOR
+    ABorderColor $SUCCESS_DARK
+    IBackgroundColor $BGCOLOR
+    IBorderColor $DANGER_DARK
+    EBackgroundColor $BGCOLOR
+    EBorderColor $WARNING_DARK
+    NBackgroundColor $BGCOLOR
+    NBorderColor $INFO_DARK
+}
+skinparam title {
+	FontColor	                 $PRIMARY_TEXT
+	BorderColor	                 $SECONDARY_DARK
+	FontSize	    	         20
+	BorderRoundCorner            8
+	BorderThickness 	         1
+	BackgroundColor              $BGCOLOR
+}
+
+skinparam legend {
+	BackgroundColor $BGCOLOR
+	BorderColor $SECONDARY_DARK
+	FontColor $PRIMARY_TEXT
+}
+
+!startsub swimlane
+skinparam swimlane {
+	BorderColor $INFO
+	BorderThickness 2
+	TitleBackgroundColor  $BGCOLOR
+	TitleFontColor $PRIMARY_TEXT
+}
+!endsub
+
+!startsub activity
+
+skinparam activity {
+	$primary_scheme()
+	BarColor $SUCCESS
+	StartColor $INFO
+	EndColor $INFO
+	''
+	DiamondBackgroundColor $BGCOLOR
+  	DiamondBorderColor $SECONDARY_DARK
+  	DiamondFontColor $PRIMARY_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 $PRIMARY_TEXT
+}
+!endsub
+
+!startsub sequence
+
+skinparam sequence {
+	BorderColor $PRIMARY
+	' For some reason sequence title font color does not pick up from global
+	TitleFontColor $PRIMARY_TEXT
+	BackgroundColor $BGCOLOR
+	StartColor $PRIMARY
+	EndColor $PRIMARY
+	''
+	BoxBackgroundColor $BGCOLOR
+	BoxBorderColor $DARK
+	BoxFontColor $DARK
+	''
+	LifeLineBorderColor $SECONDARY
+	LifeLineBorderThickness 2
+	LifeLineBackgroundColor $SECONDARY_DARK
+	''
+	GroupBorderColor $DARK
+	GroupFontColor $DARK
+	GroupHeaderFontColor $INFO
+	GroupBackgroundColor $SECONDARY
+	GroupHeaderBackgroundColor $BGCOLOR
+	''
+	DividerBackgroundColor $DARK
+    DividerBorderColor $DARK
+    DividerBorderThickness 2
+    DividerFontColor $LIGHT
+	''
+	ReferenceBackgroundColor $BGCOLOR
+	ReferenceBorderColor $DARK
+	ReferenceFontColor $DARK
+	ReferenceHeaderFontColor $INFO
+	ReferenceHeaderBackgroundColor $SECONDARY
+}
+!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 $BGCOLOR
+	BorderColor $DARK_DARK
+	FontColor $DARK_DARK
+}
+!endsub
+
+!startsub component
+
+skinparam component {
+	$primary_scheme()
+}
+!endsub
+
+!startsub interface
+
+skinparam interface {
+	BackgroundColor  $BGCOLOR
+	BorderColor  $DANGER
+	FontColor $DARK
+}
+!endsub
+
+!startsub storage
+
+skinparam storage {
+	BackgroundColor $BGCOLOR
+  	BorderColor $WARNING_DARK
+	FontColor $WARNING_DARK
+}
+!endsub
+
+!startsub node
+
+skinparam node {
+	BackgroundColor  $BGCOLOR
+	BorderColor $LIGHT
+	FontColor $LIGHT
+}
+!endsub
+
+!startsub cloud
+
+skinparam cloud {
+	BackgroundColor transparent
+	BorderColor #F2FCFE
+	FontColor $PRIMARY_TEXT
+}
+!endsub
+
+!startsub database
+
+skinparam database {
+	$primary_scheme()
+}
+!endsub
+
+!startsub class
+
+skinparam class {
+	$primary_scheme()
+	HeaderBackgroundColor $BGCOLOR
+	StereotypeFontColor $DARK
+	BorderThickness 1
+	AttributeFontColor $DARK
+	AttributeFontSize 11
+}
+!endsub
+
+!startsub object
+
+skinparam object {
+	$primary_scheme()
+	StereotypeFontColor $PRIMARY_TEXT
+	BorderThickness 1
+	AttributeFontColor $PRIMARY_TEXT
+	AttributeFontSize 11
+}
+!endsub
+
+!startsub usecase
+
+skinparam usecase {
+	$primary_scheme()
+	BorderThickness 2
+	StereotypeFontColor $PRIMARY
+}
+!endsub
+
+!startsub rectangle
+
+skinparam rectangle {
+	$primary_scheme()
+	BorderThickness 2
+	StereotypeFontColor $PRIMARY
+}
+!endsub
+
+!startsub package
+
+skinparam package {
+	BackgroundColor $BGCOLOR
+  	BorderColor $PRIMARY
+	FontColor $PRIMARY
+	BorderThickness 2
+}
+!endsub
+
+!startsub folder
+
+skinparam folder {
+	BackgroundColor $BGCOLOR
+  	BorderColor $WARNING
+	FontColor $WARNING
+	BorderThickness 2
+}
+!endsub
+
+!startsub frame
+
+skinparam frame {
+	BackgroundColor $BGCOLOR
+  	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 $BGCOLOR
+	BorderColor $INFO_DARK
+	FontColor $INFO_DARK
+}
+!endsub
+
+!startsub file
+
+skinparam file {
+	BackgroundColor $BGCOLOR
+	BorderColor $LIGHT
+	FontColor $LIGHT
+}
+!endsub
+
+!startsub stack
+
+skinparam stack {
+	$primary_scheme()
+}
+!endsub