Last active
March 2, 2022 07:45
-
-
Save brianorwhatever/a481cf09636322d4ce8b4542d0a89312 to your computer and use it in GitHub Desktop.
ods-theme.puml
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
'' | |
'' materia theme based off of the bootstrap theme of the same name | |
'' https://bootswatch.com/materia/ | |
'' | |
'' Author: Brett Schwarz | |
'' Copyright (c) 2019 by Brett Schwarz | |
!$THEME = "materia-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 = "#2196F3" | |
!$INDIGO = "#6610f2" | |
!$PURPLE = "#6f42c1" | |
!$PINK = "#e83e8c" | |
!$RED = "#e51c23" | |
!$ORANGE = "#fd7e14" | |
!$YELLOW = "#ff9800" | |
!$GREEN = "#4CAF50" | |
!$TEAL = "#20c997" | |
!$CYAN = "#9C27B0" | |
!$WHITE = "#FFF" | |
!$GRAY_DARK = "#222" | |
!$GRAY = "#666" | |
!$PRIMARY = "#2196F3" | |
!$SECONDARY = "#fff" | |
!$SUCCESS = "#4CAF50" | |
!$INFO = "#9C27B0" | |
!$WARNING = "#ff9800" | |
!$DANGER = "#e51c23" | |
!$LIGHT = "#fff" | |
!$DARK = "#222" | |
'' *_LIGHT = tint (lighter) of the main color of 80% | |
'' where TINT is calculated by clr + (255-clr) * tint_factor | |
'' *_DARK = shade (darker) of the main color of 80% | |
'' and SHADE is calculated by clr * (1 - shade_factor) | |
'' | |
!$FGCOLOR = $DARK | |
!$PRIMARY_LIGHT = "#4dabf5" | |
!$PRIMARY_DARK = "#1a78c2" | |
!$PRIMARY_TEXT = $PRIMARY | |
!$SECONDARY_LIGHT = "#fff" | |
!$SECONDARY_DARK = "#cccccc" | |
!$SECONDARY_TEXT = $SECONDARY_DARK | |
!$INFO_LIGHT = "#b052c0" | |
!$INFO_DARK = "#7D1F8D" | |
!$INFO_TEXT = $INFO | |
!$SUCCESS_LIGHT = "#70bf73" | |
!$SUCCESS_DARK = "#3D8C40" | |
!$SUCCESS_TEXT = $SUCCESS | |
!$WARNING_LIGHT = "#ffad33" | |
!$WARNING_DARK = "#CC7A00" | |
!$WARNING_TEXT = $WARNING | |
!$DANGER_LIGHT = "#B7161C" | |
!$DANGER_TEXT = $DANGER | |
!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 | |
<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_DARK | |
} | |
server { | |
$primary_scheme() | |
} | |
arrow { | |
FontColor $PRIMARY_DARK | |
LineColor $PRIMARY_DARK | |
} | |
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 true | |
skinparam roundcorner 8 | |
skinparam ParticipantPadding 40 | |
skinparam BoxPadding 40 | |
skinparam Padding 10 | |
skinparam TitleFontColor $DARK | |
skinparam TitleFontSize 20 | |
skinparam TitleBorderThickness 0 | |
skinparam ArrowColor $GRAY | |
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 | |
BorderColor $SECONDARY_DARK | |
FontSize 20 | |
BorderRoundCorner 8 | |
BorderThickness 1 | |
BackgroundColor $BGCOLOR | |
} | |
skinparam legend { | |
BackgroundColor $BGCOLOR | |
BorderColor $SECONDARY_DARK | |
FontColor $DARK | |
} | |
!startsub swimlane | |
skinparam swimlane { | |
BorderColor $INFO | |
BorderThickness 2 | |
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY | |
TitleFontColor $PRIMARY | |
} | |
!endsub | |
!startsub activity | |
skinparam activity { | |
$primary_scheme() | |
' FontColor $PRIMARY_TEXT | |
' BorderColor $PRIMARY | |
' BackgroundColor $BGCOLOR | |
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 $DARK | |
} | |
!endsub | |
!startsub arrow | |
skinparam arrow { | |
Thickness 3 | |
Color $PRIMARY | |
FontColor $FGCOLOR | |
} | |
!endsub | |
!startsub sequence | |
skinparam sequence { | |
BorderColor $PRIMARY | |
' For some reason sequence title font color does not pick up from global | |
TitleFontColor $PRIMARY | |
BackgroundColor $BGCOLOR | |
StartColor $PRIMARY | |
EndColor $PRIMARY | |
'' | |
BoxBackgroundColor $BGCOLOR | |
BoxBorderColor $GRAY | |
BoxFontColor $DARK | |
'' | |
DelayFontColor $DARK | |
'' | |
LifeLineBorderColor $SECONDARY_DARK | |
LifeLineBorderThickness 2 | |
LifeLineBackgroundColor $BGCOLOR | |
'' | |
GroupBorderColor $GRAY | |
GroupFontColor $DARK | |
GroupHeaderFontColor $INFO | |
'' | |
DividerBackgroundColor $BGCOLOR | |
DividerBorderColor $GRAY | |
DividerBorderThickness 2 | |
DividerFontColor $DARK | |
'' | |
ReferenceBackgroundColor $BGCOLOR | |
ReferenceBorderColor $GRAY | |
ReferenceFontColor $DARK | |
ReferenceHeaderFontColor $INFO | |
'' | |
StereotypeFontColor $PRIMARY_TEXT | |
} | |
!endsub | |
!startsub partition | |
skinparam partition { | |
BorderColor $PRIMARY | |
FontColor $PRIMARY | |
BackgroundColor $BGCOLOR | |
} | |
!endsub | |
!startsub collections | |
skinparam collections { | |
$primary_scheme() | |
' BackgroundColor $BGCOLOR | |
' BorderColor $PRIMARY | |
} | |
!endsub | |
!startsub control | |
skinparam control { | |
$primary_scheme() | |
' BackgroundColor $BGCOLOR | |
' BorderColor $PRIMARY_DARK | |
' FontColor $DARK | |
} | |
!endsub | |
!startsub entity | |
skinparam entity { | |
$primary_scheme() | |
' BackgroundColor $BGCOLOR | |
' BorderColor $PRIMARY_DARK | |
' FontColor $DARK | |
} | |
!endsub | |
!startsub boundary | |
skinparam boundary { | |
$primary_scheme() | |
' BackgroundColor $BGCOLOR | |
' BorderColor $PRIMARY_DARK | |
' FontColor $DARK | |
} | |
!endsub | |
!startsub agent | |
skinparam agent { | |
BackgroundColor $BGCOLOR | |
BorderColor #999999 | |
FontColor #333333 | |
} | |
!endsub | |
!startsub note | |
skinparam note { | |
BorderThickness 1 | |
BackgroundColor $BGCOLOR | |
BorderColor $INFO | |
FontColor $INFO | |
} | |
!endsub | |
!startsub artifact | |
skinparam artifact { | |
BackgroundColor $BGCOLOR | |
BorderColor $GRAY | |
FontColor $GRAY | |
} | |
!endsub | |
!startsub component | |
skinparam component { | |
$primary_scheme() | |
' BackgroundColor $BGCOLOR | |
' BorderColor $SUCCESS | |
' FontColor $SUCCESS_TEXT | |
} | |
!endsub | |
!startsub interface | |
skinparam interface { | |
BackgroundColor $BGCOLOR | |
BorderColor $DANGER | |
FontColor $DARK | |
} | |
!endsub | |
!startsub storage | |
skinparam storage { | |
BackgroundColor $BGCOLOR | |
BorderColor $WARNING | |
FontColor $WARNING_TEXT | |
} | |
!endsub | |
!startsub node | |
skinparam node { | |
BackgroundColor $BGCOLOR | |
BorderColor $DARK | |
FontColor $DARK | |
} | |
!endsub | |
!startsub cloud | |
skinparam cloud { | |
BackgroundColor #F2FCFE-#eeeeee | |
BorderColor #F2FCFE | |
FontColor $DARK | |
} | |
!endsub | |
!startsub database | |
skinparam database { | |
$primary_scheme() | |
' BackgroundColor $BGCOLOR | |
' BorderColor $PRIMARY_DARK | |
' FontColor $DARK | |
} | |
!endsub | |
!startsub class | |
skinparam class { | |
$primary_scheme() | |
FontColor $LIGHT | |
HeaderBackgroundColor $PRIMARY-$PRIMARY_DARK | |
' FontColor $PRIMARY_TEXT | |
' BackgroundColor $BGCOLOR | |
' BorderColor $PRIMARY_DARK | |
StereotypeFontColor $DARK | |
BorderThickness 1 | |
AttributeFontColor $DARK | |
AttributeFontSize 11 | |
} | |
!endsub | |
!startsub object | |
skinparam object { | |
$primary_scheme() | |
' FontColor $SUCCESS | |
' BackgroundColor $BGCOLOR | |
' BorderColor $SECONDARY_DARK | |
StereotypeFontColor $DARK | |
BorderThickness 1 | |
AttributeFontColor $SECONDARY_DARK | |
AttributeFontSize 11 | |
} | |
!endsub | |
!startsub usecase | |
skinparam usecase { | |
$primary_scheme() | |
' BackgroundColor $BGCOLOR | |
' BorderColor $SECONDARY_DARK | |
BorderThickness 2 | |
' FontColor $SECONDARY_TEXT | |
StereotypeFontColor $PRIMARY | |
} | |
!endsub | |
!startsub rectangle | |
skinparam rectangle { | |
$primary_scheme() | |
' BackgroundColor $BGCOLOR | |
' BorderColor $PRIMARY_DARK | |
BorderThickness 2 | |
' FontColor $PRIMARY | |
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 | |
' BackgroundColor $BGCOLOR | |
' BorderColor $SECONDARY_DARK | |
' FontColor $INFO | |
AttributeFontColor $SECONDARY_TEXT | |
AttributeFontSize 11 | |
} | |
!endsub | |
!startsub queue | |
skinparam queue { | |
$primary_scheme() | |
' BackgroundColor $BGCOLOR | |
' BorderColor $WARNING_DARK | |
' FontColor $WARNING_TEXT | |
} | |
!endsub | |
!startsub card | |
skinparam card { | |
BackgroundColor $BGCOLOR | |
BorderColor $INFO | |
FontColor $INFO_TEXT | |
} | |
!endsub | |
!startsub file | |
skinparam file { | |
BackgroundColor $BGCOLOR | |
BorderColor $GRAY | |
FontColor $GRAY | |
} | |
!endsub | |
!startsub stack | |
skinparam stack { | |
$primary_scheme() | |
' BackgroundColor $BGCOLOR | |
' BorderColor $PRIMARY | |
' FontColor $PRIMARY_TEXT | |
} | |
!endsub |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment