mirror of
https://github.com/octoleo/plantuml.git
synced 2024-12-22 02:49:06 +00:00
carbon gray theme
This commit is contained in:
Bharat Rajagopalan
parent
17a517eaa5
commit
c21c32b425
544
themes/puml-theme-carbon-gray.puml
Normal file
544
themes/puml-theme-carbon-gray.puml
Normal file
@ -0,0 +1,544 @@
|
||||
''
|
||||
'' Carbon Gray theme - using the Gray palette from https://carbondesignsystem.com
|
||||
''
|
||||
'' Author: Bharat Rajagopalan
|
||||
'' Copyright (c) 2022 by Bharat Rajagopalan
|
||||
|
||||
!$THEME = "carbon-gray"
|
||||
|
||||
'!$BGCOLOR = "#f5f5f5"
|
||||
|
||||
!if %not(%variable_exists("$BGCOLOR"))
|
||||
!$BGCOLOR = "transparent"
|
||||
!endif
|
||||
|
||||
skinparam backgroundColor $BGCOLOR
|
||||
skinparam useBetaStyle false
|
||||
|
||||
!$GRAY_10 = '#f4f4f4'
|
||||
!$GRAY_20 = '#e0e0e0'
|
||||
!$GRAY_30 = '#c6c6c6'
|
||||
!$GRAY_40 = '#a8a8a8'
|
||||
!$GRAY_50 = '#8d8d8d'
|
||||
!$GRAY_60 = '#6f6f6f'
|
||||
!$GRAY_70 = '#525252'
|
||||
!$GRAY_80 = '#393939'
|
||||
!$GRAY_90 = '#262626'
|
||||
!$GRAY_100 = '#161616'
|
||||
!$WHITE = '#FFFFF'
|
||||
|
||||
!$GRAY_DARK = $GRAY_100
|
||||
!$GRAY = $GRAY_30
|
||||
!$LIGHT = $GRAY_70
|
||||
!$DARK = $GRAY_90
|
||||
|
||||
'' *_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 = $GRAY_10
|
||||
!$PRIMARY_LIGHT = $GRAY_10
|
||||
!$PRIMARY_DARK = $GRAY_30
|
||||
!$PRIMARY_TEXT = $DARK
|
||||
!$SECONDARY = $GRAY_10
|
||||
!$SECONDARY_LIGHT = $GRAY_10
|
||||
!$SECONDARY_DARK = $GRAY_30
|
||||
!$SECONDARY_TEXT = $DARK
|
||||
!$INFO = $WHITE
|
||||
!$INFO_LIGHT = $GRAY_20
|
||||
!$INFO_DARK = $GRAY_30
|
||||
!$INFO_TEXT = $DARK
|
||||
!$SUCCESS = $DARK
|
||||
!$SUCCESS_LIGHT = $DARK
|
||||
!$SUCCESS_DARK = $DARK
|
||||
!$SUCCESS_TEXT = $WHITE
|
||||
!$WARNING = $WHITE
|
||||
!$WARNING_LIGHT = $WHITE
|
||||
!$WARNING_DARK = $WHITE
|
||||
!$WARNING_TEXT = $DARK
|
||||
!$DANGER = $WHITE
|
||||
!$DANGER_LIGHT = $WHITE
|
||||
!$DANGER_DARK = $WHITE
|
||||
!$DANGER_TEXT = $DARK
|
||||
|
||||
!$OTHER_BG = $WHITE
|
||||
!$DB_BG = $GRAY
|
||||
!$LINE_THICKNESS = 1
|
||||
!$BORDER_THICKNESS = 1
|
||||
|
||||
!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 $PRIMARY_LIGHT-$PRIMARY
|
||||
RoundCorner 0
|
||||
!endprocedure
|
||||
|
||||
''
|
||||
'' Global Default Values
|
||||
''
|
||||
skinparam defaultFontName IBM Plex Sans, Noto Sans, Verdana
|
||||
skinparam defaultFontSize 12
|
||||
'skinparam dpi 125
|
||||
skinparam shadowing false
|
||||
skinparam roundcorner 0
|
||||
skinparam ParticipantPadding 30
|
||||
skinparam BoxPadding 30
|
||||
skinparam Padding 10
|
||||
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 $SECONDARY_TEXT
|
||||
BorderColor $SECONDARY
|
||||
FontSize 20
|
||||
BorderRoundCorner 8
|
||||
BorderThickness 0
|
||||
BackgroundColor $BGCOLOR
|
||||
}
|
||||
|
||||
|
||||
skinparam legend {
|
||||
BackgroundColor $OTHER_BG
|
||||
BorderColor $DARK
|
||||
FontColor $PRIMARY_TEXT
|
||||
}
|
||||
|
||||
!startsub swimlane
|
||||
skinparam swimlane {
|
||||
BorderColor $PRIMARY
|
||||
BorderThickness $LINE_THICKNESS
|
||||
TitleBackgroundColor $PRIMARY_LIGHT-$PRIMARY
|
||||
TitleFontColor $PRIMARY_TEXT
|
||||
BackgroundColor $BG_COLOR
|
||||
TitleFontStyle bold
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub activity
|
||||
|
||||
skinparam activity {
|
||||
$primary_scheme()
|
||||
BarColor $DARK
|
||||
StartColor $LIGHT-$DARK
|
||||
EndColor $LIGHT-$DARK
|
||||
''
|
||||
DiamondBackgroundColor $SECONDARY_LIGHT-$SECONDARY
|
||||
DiamondBorderColor $SECONDARY
|
||||
DiamondFontColor $SECONDARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub participant
|
||||
|
||||
skinparam participant {
|
||||
$primary_scheme()
|
||||
ParticipantBorderThickness $BORDER_THICKNESS
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub actor
|
||||
|
||||
skinparam actor {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub arrow
|
||||
|
||||
skinparam arrow {
|
||||
Thickness $LINE_THICKNESS
|
||||
Color $GRAY
|
||||
FontColor $FGCOLOR
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub sequence
|
||||
|
||||
skinparam sequence {
|
||||
BorderColor $PRIMARY_DARK
|
||||
' For some reason sequence title font color does not pick up from global
|
||||
TitleFontColor $SECONDARY_TEXT
|
||||
BackgroundColor $OTHER_BG
|
||||
StartColor $PRIMARY
|
||||
EndColor $PRIMARY
|
||||
''
|
||||
BoxBackgroundColor $OTHER_BG
|
||||
BoxBorderColor $PRIMARY_DARK
|
||||
BoxFontColor $PRIMARY_TEXT
|
||||
''
|
||||
DelayFontColor $PRIMARY_TEXT
|
||||
''
|
||||
LifeLineBorderColor $PRIMARY_DARK
|
||||
LifeLineBorderThickness $LINE_THICKNESS
|
||||
LifeLineBackgroundColor $PRIMARY
|
||||
''
|
||||
GroupBorderColor $PRIMARY_DARK
|
||||
GroupFontColor $PRIMARY_TEXT
|
||||
GroupFontStyle bold
|
||||
GroupHeaderFontColor $INFO_TEXT
|
||||
GroupBackgroundColor $PRIMARY
|
||||
GroupBodyBackgroundColor $OTHER_BG
|
||||
GroupHeaderBackgroundColor $PRIMARY
|
||||
''
|
||||
DividerBackgroundColor $PRIMARY
|
||||
DividerBorderColor $PRIMARY_DARK
|
||||
DividerBorderThickness $LINE_THICKNESS
|
||||
DividerFontColor $PRIMARY_TEXT
|
||||
''
|
||||
ReferenceBackgroundColor $BGCOLOR
|
||||
ReferenceHeaderBorderColor $PRIMARY_DARK
|
||||
ReferenceHeaderBackgroundColor $PRIMARY
|
||||
ReferenceBorderColor $PRIMARY_DARK
|
||||
ReferenceFontColor $DARK
|
||||
ReferenceHeaderFontColor $INFO_TEXT
|
||||
''
|
||||
StereotypeFontColor $PRIMARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub partition
|
||||
|
||||
skinparam partition {
|
||||
BorderColor $PRIMARY
|
||||
FontColor $PRIMARY_TEXT
|
||||
BackgroundColor $OTHER_BG
|
||||
fontStyle bold
|
||||
}
|
||||
!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 #orange
|
||||
BorderColor #999999
|
||||
FontColor #333333
|
||||
RoundCorner 0
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub note
|
||||
|
||||
skinparam note {
|
||||
BorderThickness 1
|
||||
BackgroundColor $INFO_LIGHT-$INFO
|
||||
BorderColor $DARK
|
||||
FontColor $INFO_TEXT
|
||||
RoundCorner 0
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub artifact
|
||||
|
||||
skinparam artifact {
|
||||
BackgroundColor $OTHER_BG
|
||||
BorderColor $DARK
|
||||
FontColor $DARK
|
||||
RoundCorner 0
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub component
|
||||
|
||||
skinparam component {
|
||||
$primary_scheme()
|
||||
BackgroundColor $OTHER_BG
|
||||
BorderColor $DARK
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub interface
|
||||
|
||||
skinparam interface {
|
||||
BackgroundColor $PRIMARY_DARK
|
||||
BorderColor $PRIMARY_DARK
|
||||
FontColor $PRIMARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub storage
|
||||
|
||||
skinparam storage {
|
||||
BackgroundColor $OTHER_BG
|
||||
BorderColor $DARK
|
||||
FontColor $WARNING_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub node
|
||||
|
||||
skinparam node {
|
||||
BackgroundColor $OTHER_BG
|
||||
BorderColor $PRIMARY_DARK
|
||||
FontColor $PRIMARY_TEXT
|
||||
Roundcorner 0
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub cloud
|
||||
|
||||
skinparam cloud {
|
||||
BackgroundColor $OTHER_BG
|
||||
BorderColor $PRIMARY_DARK
|
||||
FontColor $PRIMARY_TEXT
|
||||
Roundcorner 0
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub database
|
||||
|
||||
skinparam database {
|
||||
$primary_scheme()
|
||||
BorderColor $PRIMARY_DARK
|
||||
BackgroundColor $OTHER_BG
|
||||
Roundcorner 0
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub class
|
||||
|
||||
skinparam class {
|
||||
$primary_scheme()
|
||||
HeaderBackgroundColor $PRIMARY_LIGHT-$PRIMARY
|
||||
StereotypeFontColor $DARK
|
||||
StereotypeFontSize 9
|
||||
BorderThickness $LINE_THICKNESS
|
||||
AttributeFontColor $DARK
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub object
|
||||
|
||||
skinparam object {
|
||||
$primary_scheme()
|
||||
StereotypeFontColor $PRIMARY_TEXT
|
||||
BorderThickness $BORDER_THICKNESS
|
||||
AttributeFontColor $PRIMARY_TEXT
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub usecase
|
||||
|
||||
skinparam usecase {
|
||||
$primary_scheme()
|
||||
BorderThickness $BORDER_THICKNESS
|
||||
StereotypeFontColor $PRIMARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub rectangle
|
||||
|
||||
skinparam rectangle {
|
||||
$primary_scheme()
|
||||
BackgroundColor $OTHER_BG
|
||||
BorderThickness $BORDER_THICKNESS
|
||||
StereotypeFontColor $PRIMARY_TEXT
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub package
|
||||
|
||||
skinparam package {
|
||||
$primary_scheme()
|
||||
BackgroundColor $OTHER_BG
|
||||
BorderThickness $BORDER_THICKNESS
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub folder
|
||||
|
||||
skinparam folder {
|
||||
BackgroundColor $OTHER_BG
|
||||
BorderColor $PRIMARY_DARK
|
||||
FontColor $WARNING_TEXT
|
||||
BorderThickness $BORDER_THICKNESS
|
||||
Roundcorner 0
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub frame
|
||||
|
||||
skinparam frame {
|
||||
BackgroundColor $OTHER_BG
|
||||
BorderColor $PRIMARY_DARK
|
||||
FontColor $DARK
|
||||
BorderThickness $BORDER_THICKNESS
|
||||
Roundcorner 0
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub state
|
||||
|
||||
skinparam state {
|
||||
$primary_scheme()
|
||||
BorderColor $PRIMARY_DARK
|
||||
StartColor $INFO
|
||||
EndColor $INFO
|
||||
AttributeFontColor $SECONDARY_TEXT
|
||||
AttributeFontSize 11
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub queue
|
||||
|
||||
skinparam queue {
|
||||
$primary_scheme()
|
||||
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub card
|
||||
|
||||
skinparam card {
|
||||
BackgroundColor $OTHER_BG
|
||||
BorderColor $DARK
|
||||
FontColor $INFO_TEXT
|
||||
RoundCorner 0
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub file
|
||||
|
||||
skinparam file {
|
||||
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
|
||||
BorderColor $SECONDARY_DARK
|
||||
FontColor $SECONDARY_TEXT
|
||||
RoundCorner 0
|
||||
|
||||
}
|
||||
!endsub
|
||||
|
||||
!startsub stack
|
||||
|
||||
skinparam stack {
|
||||
$primary_scheme()
|
||||
}
|
||||
!endsub
|
||||
|
||||
!if (%variable_exists("LEGACY"))
|
||||
!$LEGACY = "true"
|
||||
!endif
|
||||
|
||||
!if (%getenv("LEGACY") == "true")
|
||||
!$LEGACY = "true"
|
||||
!endif
|
||||
|
||||
'!if (not %variable_exists("$LEGACY"))
|
||||
|
||||
skinparam useBetaStyle true
|
||||
|
||||
!startsub mindmap
|
||||
|
||||
<style>
|
||||
|
||||
mindmapDiagram {
|
||||
'Padding 8
|
||||
'Margin 8
|
||||
LineThickness $LINE_THICKNESS
|
||||
FontColor $PRIMARY_TEXT
|
||||
LineColor $PRIMARY_DARK
|
||||
'BackgroundColor $PRIMARY_LIGHT-$PRIMARY
|
||||
Roundcorner 0
|
||||
node {
|
||||
'Padding 12
|
||||
'Margin 3
|
||||
'HorizontalAlignment center
|
||||
LineColor $PRIMARY_DARK
|
||||
LineThickness $BORDER_THICKNESS
|
||||
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
|
||||
RoundCorner 0
|
||||
MaximumWidth 100
|
||||
FontColor $DARK
|
||||
'FontStyle bold
|
||||
}
|
||||
}
|
||||
|
||||
wbsDiagram {
|
||||
'Padding 8
|
||||
node {
|
||||
'Padding 12
|
||||
'Margin 3
|
||||
'HorizontalAlignment center
|
||||
LineColor $PRIMARY_DARK
|
||||
LineThickness $BORDER_THICKNESS
|
||||
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
|
||||
RoundCorner 0
|
||||
MaximumWidth 100
|
||||
FontColor $PRIMARY_TEXT
|
||||
'FontStyle bold
|
||||
}
|
||||
'Margin 8
|
||||
'LineThickness $LINE_THICKNESS
|
||||
'FontColor $PRIMARY_TEXT
|
||||
'LineColor $PRIMARY
|
||||
'BorderColor $PRIMARY
|
||||
'BackgroundColor $PRIMARY_LIGHT-$PRIMARY
|
||||
'RoundCorner 0
|
||||
|
||||
arrow {
|
||||
' note that Connectors are actually "Arrows"; this may change in the future
|
||||
' so this means all Connectors and Arrows are now going to be green
|
||||
|
||||
lineColor $PRIMARY_DARK
|
||||
fontColor $PRIMARY_TEXT
|
||||
thickness $LINE_THICKNESS
|
||||
}
|
||||
|
||||
noteBorderColor $DARK
|
||||
}
|
||||
</style>
|
||||
!endsub
|
||||
'!endif
|
||||
Loading…
Reference in New Issue
Block a user