'' '' 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 = "superhero-outline" !if %not(%variable_exists("$BGCOLOR")) !$BGCOLOR = "transparent" !endif skinparam backgroundColor $BGCOLOR skinparam useBetaStyle false '' '' Colors taken from the css file of the BS theme '' !$BLUE = "#DF691A" !$INDIGO = "#6610f2" !$PURPLE = "#6f42c1" !$PINK = "#e83e8c" !$RED = "#d9534f" !$ORANGE = "#f0ad4e" !$YELLOW = "#f0ad4e" !$GREEN = "#5cb85c" !$TEAL = "#20c997" !$CYAN = "#5bc0de" !$WHITE = "#FFF" !$GRAY_LIGHT = "#222" !$GRAY = "#868e96" !$PRIMARY = "#DF691A" !$SECONDARY = "#4E5D6C" !$SUCCESS = "#5cb85c" !$INFO = "#5bc0de" !$WARNING = "#f0ad4e" !$DANGER = "#d9534f" !$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 = "#e58748" !$PRIMARY_LIGHT = "#b25415" !$PRIMARY_TEXT = $PRIMARY !$SECONDARY_DARK = "#717d89" !$SECONDARY_LIGHT = "#3e4a56" !$SECONDARY_TEXT = $SECONDARY_DARK !$INFO_DARK = "#7ccde5" !$INFO_LIGHT = "#499AB2" !$INFO_TEXT = $INFO !$SUCCESS_DARK = "#4a934a" !$SUCCESS_LIGHT = "#5F8F00" !$SUCCESS_TEXT = $SUCCESS !$WARNING_DARK = "#f3bd71" !$WARNING_LIGHT = "#C08A3E" !$WARNING_TEXT = $WARNING !$DANGER_DARK = "#e17572" !$DANGER_LIGHT = "#AE423F" !$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_DARK BackgroundColor $BGCOLOR !endprocedure <style> root { BackgroundColor $BGCOLOR FontColor $PRIMARY_TEXT HyperLinkColor $ORANGE LineColor $PRIMARY_DARK LineThickness 1 Margin 10 Padding 6 Shadowing 0.0 } node { Padding 15 roundcorner 20 BackgroundColor $BGCOLOR } caption { LineThickness 0 } footer { LineThickness 0 } groupHeader { BackgroundColor $SECONDARY FontColor $INFO FontStyle bold } header { LineThickness 0 } referenceHeader { BackgroundColor $BGCOLOR FontColor $DARK FontStyle bold } separator { BackgroundColor $FGCOLOR FontColor $BGCOLOR FontStyle bold } title { FontSize 20 BorderRoundCorner 8 BorderThickness 1 BackgroundColor $BGCOLOR FontColor $PRIMARY BorderColor $SECONDARY } nwdiagDiagram { network { $primary_scheme() LineColor $PRIMARY LineThickness 1.0 FontColor $PRIMARY_LIGHT } server { $primary_scheme() } arrow { FontColor $PRIMARY_LIGHT LineColor $PRIMARY_LIGHT } group { BackGroundColor $LIGHT LineColor $LIGHT_DARK LineThickness 2.0 Margin 5 Padding 5 } } ganttDiagram { task { $primary_scheme() LineColor $PRIMARY Margin 10 Padding 6 } note { FontColor $INFO_TEXT LineColor $INFO_DARK BackGroundColor $BGCOLOR } separator { LineColor $SECONDARY_DARK BackGroundColor $BGCOLOR FontColor $SECONDARY_TEXT } milestone { FontColor $INFO FontSize 16 FontStyle italic BackGroundColor $SECONDARY LineColor $SECONDARY_DARK } timeline { BackgroundColor $SECONDARY FontColor $SECONDARY_TEXT } closed { BackgroundColor $WARNING_DARK FontColor $WARNING_TEXT } } </style> '' '' 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 TitleFontColor $DARK skinparam TitleFontSize 20 skinparam TitleBorderThickness 0 skinparam ArrowColor $DARK skinparam stereotype { CBackgroundColor $SECONDARY_DARK CBorderColor $SECONDARY_LIGHT ABackgroundColor $SUCCESS_LIGHT ABorderColor $SUCCESS_DARK IBackgroundColor $DANGER_LIGHT IBorderColor $DANGER_DARK EBackgroundColor $WARNING_LIGHT EBorderColor $WARNING_DARK NBackgroundColor $INFO_LIGHT NBorderColor $INFO_DARK } skinparam title { FontColor $PRIMARY BorderColor $SECONDARY_DARK FontSize 20 BorderRoundCorner 8 BorderThickness 1 BackgroundColor $BGCOLOR } skinparam legend { BackgroundColor $BGCOLOR BorderColor $SECONDARY_DARK FontColor $LIGHT } !startsub swimlane skinparam swimlane { BorderColor $INFO BorderThickness 2 TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY TitleFontColor $PRIMARY } !endsub !startsub activity skinparam activity { $primary_scheme() BarColor $SUCCESS StartColor $INFO EndColor $INFO '' DiamondBackgroundColor $BGCOLOR DiamondBorderColor $SECONDARY_DARK DiamondFontColor $SECONDARY_TEXT } !endsub !startsub participant skinparam participant { $primary_scheme() ParticipantBorderThickness 2 } !endsub !startsub actor skinparam actor { $primary_scheme() FontColor $PRIMARY } !endsub !startsub arrow skinparam arrow { Thickness 3 Color $PRIMARY FontColor $FGCOLOR } !endsub !startsub sequence skinparam sequence { BorderColor $PRIMARY ' For some reason sequence title font color does not pick up from global TitleFontColor $PRIMARY BackgroundColor $BGCOLOR StartColor $PRIMARY EndColor $PRIMARY '' BoxBackgroundColor $BGCOLOR BoxBorderColor $DARK BoxFontColor $DARK '' DelayFontColor $DARK '' LifeLineBorderColor $SECONDARY LifeLineBorderThickness 2 LifeLineBackgroundColor $BGCOLOR '' GroupBorderColor $DARK GroupFontColor $DARK GroupHeaderFontColor $INFO GroupBackgroundColor $BGCOLOR GroupHeaderBackgroundColor $BGCOLOR '' DividerBackgroundColor $BGCOLOR DividerBorderColor $DARK DividerBorderThickness 2 DividerFontColor $LIGHT '' ReferenceBackgroundColor $BGCOLOR ReferenceBorderColor $LIGHT ReferenceFontColor $LIGHT ReferenceHeaderFontColor $INFO ReferenceHeaderBackgroundColor $BGCOLOR '' 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 $BGCOLOR BorderColor $WARNING_LIGHT FontColor $DARK } !endsub !startsub note skinparam note { BorderThickness 1 BackgroundColor $BGCOLOR BorderColor $INFO_DARK FontColor $INFO_DARK } !endsub !startsub artifact skinparam artifact { BackgroundColor $BGCOLOR BorderColor $DARK_DARK FontColor $LIGHT } !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_TEXT } !endsub !startsub node skinparam node { BackgroundColor $BGCOLOR BorderColor $LIGHT FontColor $LIGHT } !endsub !startsub cloud skinparam cloud { BackgroundColor $BGCOLOR BorderColor #F2FCFE FontColor $DARK } !endsub !startsub database skinparam database { $primary_scheme() FontColor $PRIMARY } !endsub !startsub class skinparam class { $primary_scheme() FontColor $LIGHT HeaderBackgroundColor $PRIMARY_LIGHT StereotypeFontColor $DARK BorderThickness 1 AttributeFontColor $DARK AttributeFontSize 11 } !endsub !startsub object skinparam object { $primary_scheme() StereotypeFontColor $DARK BorderThickness 1 AttributeFontColor $SECONDARY_DARK 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 FontColor $INFO_TEXT } !endsub !startsub file skinparam file { BackgroundColor $BGCOLOR BorderColor $LIGHT FontColor $LIGHT } !endsub !startsub stack skinparam stack { $primary_scheme() } !endsub