themes.puml-theme-sketchy-outline.puml Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of plantuml-asl Show documentation
Show all versions of plantuml-asl Show documentation
PlantUML is a component that allows to quickly write diagrams from text.
The newest version!
''
'' 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)
$msg
!endprocedure
!procedure $failure($msg)
$msg
!endprocedure
!procedure $warning($msg)
$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
''
DelayFontColor $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
''
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 $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 $BGCOLOR
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