Update puml-theme-logseq.puml
This commit is contained in:
@@ -24,38 +24,38 @@ skinparam useBetaStyle false
|
|||||||
!$GRAY_LIGHT = "#222"
|
!$GRAY_LIGHT = "#222"
|
||||||
!$GRAY = "#555"
|
!$GRAY = "#555"
|
||||||
!$PRIMARY = "#6093a0"
|
!$PRIMARY = "#6093a0"
|
||||||
!$SECONDARY = "#023643"
|
!$SECONDARY = "#555"
|
||||||
!$SUCCESS = "#77B300"
|
!$SUCCESS = "#77B300"
|
||||||
!$INFO = "#9933CC"
|
!$INFO = "#9933CC"
|
||||||
!$WARNING = "#FF8800"
|
!$WARNING = "#FF8800"
|
||||||
!$DANGER = "#CC0000"
|
!$DANGER = "#CC0000"
|
||||||
!$LIGHT = "#222"
|
!$LIGHT = "#222"
|
||||||
!$DARK = "#ADAFAE"
|
!$DARK = "#dfdfdf"
|
||||||
|
|
||||||
'' *_DARK = tint (lighter) of the main color of 80%
|
'' *_DARK = tint (lighter) of the main color of 80%
|
||||||
'' where TINT is calculated by clr + (255-clr) * tint_factor
|
'' where TINT is calculated by clr + (255-clr) * tint_factor
|
||||||
'' *_LIGHT = shade (darker) of the main color of 80%
|
'' *_LIGHT = shade (darker) of the main color of 80%
|
||||||
'' and SHADE is calculated by clr * (1 - shade_factor)
|
'' and SHADE is calculated by clr * (1 - shade_factor)
|
||||||
''
|
''
|
||||||
!$FGCOLOR = "#a4b5b6"
|
!$FGCOLOR = "#dfdfdf"
|
||||||
!$PRIMARY_DARK = $PRIMARY
|
!$PRIMARY_DARK = "#6093a0"
|
||||||
!$PRIMARY_LIGHT = "#002b36"
|
!$PRIMARY_LIGHT = "#08404f"
|
||||||
!$PRIMARY_TEXT = "#002b36"
|
!$PRIMARY_TEXT = $PRIMARY
|
||||||
!$SECONDARY_DARK = "#08404f"
|
!$SECONDARY_DARK = "#161e2e"
|
||||||
!$SECONDARY_LIGHT = "#023643"
|
!$SECONDARY_LIGHT = "#023643"
|
||||||
!$SECONDARY_TEXT = $SECONDARY_DARK
|
!$SECONDARY_TEXT = $SECONDARY_DARK
|
||||||
!$INFO_DARK = "#8ec2c2"
|
!$INFO_DARK = "#AD5CD6"
|
||||||
!$INFO_LIGHT = "#023643"
|
!$INFO_LIGHT = "#7a29a3"
|
||||||
!$INFO_TEXT = $INFO_DARK
|
!$INFO_TEXT = $INFO
|
||||||
!$SUCCESS_DARK = "#92C233"
|
!$SUCCESS_DARK = "#92C233"
|
||||||
!$SUCCESS_LIGHT = "#5F8F00"
|
!$SUCCESS_LIGHT = "#5F8F00"
|
||||||
!$SUCCESS_TEXT = $SUCCESS_DARK
|
!$SUCCESS_TEXT = $SUCCESS
|
||||||
!$WARNING_DARK = "#FFA033"
|
!$WARNING_DARK = "#FFA033"
|
||||||
!$WARNING_LIGHT = "#CC6D00"
|
!$WARNING_LIGHT = "#cc6d00"
|
||||||
!$WARNING_TEXT = $WARNING_DARK
|
!$WARNING_TEXT = $WARNING
|
||||||
!$DANGER_DARK = "#D63333"
|
!$DANGER_DARK = "#D63333"
|
||||||
!$DANGER_LIGHT = "#A30000"
|
!$DANGER_LIGHT = "#a30000"
|
||||||
!$DANGER_TEXT = $DANGER_DARK
|
!$DANGER_TEXT = $WHITE
|
||||||
!$DARK_DARK = "#3a7e8e"
|
!$DARK_DARK = "#3a7e8e"
|
||||||
!$DARK_LIGHT = "#266c7d"
|
!$DARK_LIGHT = "#266c7d"
|
||||||
!$LIGHT_DARK = "#195d6c"
|
!$LIGHT_DARK = "#195d6c"
|
||||||
@@ -76,9 +76,112 @@ skinparam useBetaStyle false
|
|||||||
!procedure $primary_scheme()
|
!procedure $primary_scheme()
|
||||||
FontColor $PRIMARY_TEXT
|
FontColor $PRIMARY_TEXT
|
||||||
BorderColor $PRIMARY_DARK
|
BorderColor $PRIMARY_DARK
|
||||||
BackgroundColor $PRIMARY
|
BackgroundColor $BGCOLOR
|
||||||
!endprocedure
|
!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
|
'' Global Default Values
|
||||||
''
|
''
|
||||||
@@ -109,12 +212,11 @@ skinparam title {
|
|||||||
FontSize 20
|
FontSize 20
|
||||||
BorderRoundCorner 8
|
BorderRoundCorner 8
|
||||||
BorderThickness 1
|
BorderThickness 1
|
||||||
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
|
BackgroundColor $BGCOLOR
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
skinparam legend {
|
skinparam legend {
|
||||||
BackgroundColor $SECONDARY
|
BackgroundColor $BGCOLOR
|
||||||
BorderColor $SECONDARY_DARK
|
BorderColor $SECONDARY_DARK
|
||||||
FontColor $DARK
|
FontColor $DARK
|
||||||
}
|
}
|
||||||
@@ -136,7 +238,7 @@ skinparam activity {
|
|||||||
StartColor $INFO
|
StartColor $INFO
|
||||||
EndColor $INFO
|
EndColor $INFO
|
||||||
''
|
''
|
||||||
DiamondBackgroundColor $SECONDARY_LIGHT
|
DiamondBackgroundColor $BGCOLOR
|
||||||
DiamondBorderColor $SECONDARY_DARK
|
DiamondBorderColor $SECONDARY_DARK
|
||||||
DiamondFontColor $SECONDARY_TEXT
|
DiamondFontColor $SECONDARY_TEXT
|
||||||
}
|
}
|
||||||
@@ -185,24 +287,24 @@ skinparam sequence {
|
|||||||
''
|
''
|
||||||
LifeLineBorderColor $SECONDARY
|
LifeLineBorderColor $SECONDARY
|
||||||
LifeLineBorderThickness 2
|
LifeLineBorderThickness 2
|
||||||
LifeLineBackgroundColor $SECONDARY_DARK
|
LifeLineBackgroundColor $BGCOLOR
|
||||||
''
|
''
|
||||||
GroupBorderColor $SECONDARY
|
GroupBorderColor $DARK
|
||||||
GroupFontColor $DARK
|
GroupFontColor $DARK
|
||||||
GroupHeaderFontColor $INFO
|
GroupHeaderFontColor $INFO_TEXT
|
||||||
GroupBackgroundColor $SECONDARY
|
GroupBackgroundColor $BGCOLOR
|
||||||
GroupBodyBackgroundColor $BGCOLOR
|
|
||||||
GroupHeaderBackgroundColor $BGCOLOR
|
GroupHeaderBackgroundColor $BGCOLOR
|
||||||
''
|
''
|
||||||
DividerBackgroundColor $DARK
|
DividerBackgroundColor $BGCOLOR
|
||||||
DividerBorderColor $DARK
|
DividerBorderColor $DARK
|
||||||
DividerBorderThickness 2
|
DividerBorderThickness 2
|
||||||
DividerFontColor $LIGHT
|
DividerFontColor $DARK
|
||||||
''
|
''
|
||||||
ReferenceBackgroundColor $BGCOLOR
|
ReferenceBackgroundColor $BGCOLOR
|
||||||
ReferenceBorderColor $SECONDARY
|
ReferenceBorderColor $DARK
|
||||||
ReferenceFontColor $SECONDARY_TEXT
|
ReferenceFontColor $DARK
|
||||||
ReferenceHeaderBackgroundColor $SECONDARY
|
ReferenceHeaderFontColor $INFO_TEXT
|
||||||
|
ReferenceHeaderBackgroundColor $BGCOLOR
|
||||||
''
|
''
|
||||||
StereotypeFontColor $PRIMARY_TEXT
|
StereotypeFontColor $PRIMARY_TEXT
|
||||||
}
|
}
|
||||||
@@ -228,7 +330,7 @@ skinparam collections {
|
|||||||
|
|
||||||
skinparam control {
|
skinparam control {
|
||||||
$primary_scheme()
|
$primary_scheme()
|
||||||
FontColor $DARK
|
FontColor $PRIMARY
|
||||||
}
|
}
|
||||||
!endsub
|
!endsub
|
||||||
|
|
||||||
@@ -236,7 +338,7 @@ skinparam control {
|
|||||||
|
|
||||||
skinparam entity {
|
skinparam entity {
|
||||||
$primary_scheme()
|
$primary_scheme()
|
||||||
FontColor $DARK
|
FontColor $PRIMARY
|
||||||
}
|
}
|
||||||
!endsub
|
!endsub
|
||||||
|
|
||||||
@@ -244,14 +346,14 @@ skinparam entity {
|
|||||||
|
|
||||||
skinparam boundary {
|
skinparam boundary {
|
||||||
$primary_scheme()
|
$primary_scheme()
|
||||||
FontColor $DARK
|
FontColor $PRIMARY
|
||||||
}
|
}
|
||||||
!endsub
|
!endsub
|
||||||
|
|
||||||
!startsub agent
|
!startsub agent
|
||||||
|
|
||||||
skinparam agent {
|
skinparam agent {
|
||||||
BackgroundColor $WARNING
|
BackgroundColor $BGCOLOR
|
||||||
BorderColor $WARNING_LIGHT
|
BorderColor $WARNING_LIGHT
|
||||||
FontColor $DARK
|
FontColor $DARK
|
||||||
}
|
}
|
||||||
@@ -261,18 +363,18 @@ skinparam agent {
|
|||||||
|
|
||||||
skinparam note {
|
skinparam note {
|
||||||
BorderThickness 1
|
BorderThickness 1
|
||||||
BackgroundColor $INFO
|
BackgroundColor $BGCOLOR
|
||||||
BorderColor $INFO_DARK
|
BorderColor $INFO_DARK
|
||||||
FontColor $WHITE
|
FontColor $INFO_DARK
|
||||||
}
|
}
|
||||||
!endsub
|
!endsub
|
||||||
|
|
||||||
!startsub artifact
|
!startsub artifact
|
||||||
|
|
||||||
skinparam artifact {
|
skinparam artifact {
|
||||||
BackgroundColor $DARK
|
BackgroundColor $BGCOLOR
|
||||||
BorderColor $DARK_DARK
|
BorderColor $DARK_DARK
|
||||||
FontColor $LIGHT
|
FontColor $DARK_DARK
|
||||||
}
|
}
|
||||||
!endsub
|
!endsub
|
||||||
|
|
||||||
@@ -286,7 +388,7 @@ skinparam component {
|
|||||||
!startsub interface
|
!startsub interface
|
||||||
|
|
||||||
skinparam interface {
|
skinparam interface {
|
||||||
BackgroundColor $DANGER_DARK
|
BackgroundColor $BGCOLOR
|
||||||
BorderColor $DANGER
|
BorderColor $DANGER
|
||||||
FontColor $DARK
|
FontColor $DARK
|
||||||
}
|
}
|
||||||
@@ -295,7 +397,7 @@ skinparam interface {
|
|||||||
!startsub storage
|
!startsub storage
|
||||||
|
|
||||||
skinparam storage {
|
skinparam storage {
|
||||||
BackgroundColor $WARNING
|
BackgroundColor $BGCOLOR
|
||||||
BorderColor $WARNING_DARK
|
BorderColor $WARNING_DARK
|
||||||
FontColor $WARNING_TEXT
|
FontColor $WARNING_TEXT
|
||||||
}
|
}
|
||||||
@@ -304,7 +406,7 @@ skinparam storage {
|
|||||||
!startsub node
|
!startsub node
|
||||||
|
|
||||||
skinparam node {
|
skinparam node {
|
||||||
BackgroundColor $SECONDARY
|
BackgroundColor $BGCOLOR
|
||||||
BorderColor $DARK
|
BorderColor $DARK
|
||||||
FontColor $DARK
|
FontColor $DARK
|
||||||
}
|
}
|
||||||
@@ -313,8 +415,8 @@ skinparam node {
|
|||||||
!startsub cloud
|
!startsub cloud
|
||||||
|
|
||||||
skinparam cloud {
|
skinparam cloud {
|
||||||
BackgroundColor transparent
|
BackgroundColor $BGCOLOR
|
||||||
BorderColor $LIGHT
|
BorderColor #F2FCFE
|
||||||
FontColor $DARK
|
FontColor $DARK
|
||||||
}
|
}
|
||||||
!endsub
|
!endsub
|
||||||
@@ -323,25 +425,20 @@ skinparam cloud {
|
|||||||
|
|
||||||
skinparam database {
|
skinparam database {
|
||||||
$primary_scheme()
|
$primary_scheme()
|
||||||
FontColor $DARK
|
FontColor $PRIMARY
|
||||||
}
|
}
|
||||||
!endsub
|
!endsub
|
||||||
|
|
||||||
!startsub actor
|
|
||||||
|
|
||||||
skinparam actor {
|
|
||||||
FontColor $DARK
|
|
||||||
}
|
|
||||||
!endsub
|
|
||||||
|
|
||||||
!startsub class
|
!startsub class
|
||||||
|
|
||||||
skinparam class {
|
skinparam class {
|
||||||
$primary_scheme()
|
$primary_scheme()
|
||||||
|
FontColor $LIGHT
|
||||||
HeaderBackgroundColor $PRIMARY_LIGHT
|
HeaderBackgroundColor $PRIMARY_LIGHT
|
||||||
StereotypeFontColor $DARK
|
StereotypeFontColor $DARK
|
||||||
BorderThickness 1
|
BorderThickness 1
|
||||||
AttributeFontColor $LIGHT
|
AttributeFontColor $DARK
|
||||||
AttributeFontSize 11
|
AttributeFontSize 11
|
||||||
}
|
}
|
||||||
!endsub
|
!endsub
|
||||||
@@ -352,7 +449,7 @@ skinparam object {
|
|||||||
$primary_scheme()
|
$primary_scheme()
|
||||||
StereotypeFontColor $DARK
|
StereotypeFontColor $DARK
|
||||||
BorderThickness 1
|
BorderThickness 1
|
||||||
AttributeFontColor $SECONDARY_TEXT
|
AttributeFontColor $SECONDARY_DARK
|
||||||
AttributeFontSize 11
|
AttributeFontSize 11
|
||||||
}
|
}
|
||||||
!endsub
|
!endsub
|
||||||
@@ -370,7 +467,6 @@ skinparam usecase {
|
|||||||
|
|
||||||
skinparam rectangle {
|
skinparam rectangle {
|
||||||
$primary_scheme()
|
$primary_scheme()
|
||||||
BackgroundColor $SECONDARY_LIGHT
|
|
||||||
BorderThickness 2
|
BorderThickness 2
|
||||||
StereotypeFontColor $PRIMARY
|
StereotypeFontColor $PRIMARY
|
||||||
}
|
}
|
||||||
@@ -379,7 +475,7 @@ skinparam rectangle {
|
|||||||
!startsub package
|
!startsub package
|
||||||
|
|
||||||
skinparam package {
|
skinparam package {
|
||||||
BackgroundColor $SECONDARY
|
BackgroundColor $BGCOLOR
|
||||||
BorderColor $PRIMARY
|
BorderColor $PRIMARY
|
||||||
FontColor $PRIMARY
|
FontColor $PRIMARY
|
||||||
BorderThickness 2
|
BorderThickness 2
|
||||||
@@ -389,7 +485,7 @@ skinparam package {
|
|||||||
!startsub folder
|
!startsub folder
|
||||||
|
|
||||||
skinparam folder {
|
skinparam folder {
|
||||||
BackgroundColor $SECONDARY_LIGHT
|
BackgroundColor $BGCOLOR
|
||||||
BorderColor $WARNING
|
BorderColor $WARNING
|
||||||
FontColor $WARNING
|
FontColor $WARNING
|
||||||
BorderThickness 2
|
BorderThickness 2
|
||||||
@@ -399,9 +495,9 @@ skinparam folder {
|
|||||||
!startsub frame
|
!startsub frame
|
||||||
|
|
||||||
skinparam frame {
|
skinparam frame {
|
||||||
BackgroundColor $SECONDARY_LIGHT
|
BackgroundColor $BGCOLOR
|
||||||
BorderColor $INFO
|
BorderColor $INFO
|
||||||
FontColor $INFO
|
FontColor $INFO_TEXT
|
||||||
BorderThickness 2
|
BorderThickness 2
|
||||||
}
|
}
|
||||||
!endsub
|
!endsub
|
||||||
@@ -427,8 +523,8 @@ skinparam queue {
|
|||||||
!startsub card
|
!startsub card
|
||||||
|
|
||||||
skinparam card {
|
skinparam card {
|
||||||
BackgroundColor $INFO
|
BackgroundColor $BGCOLOR
|
||||||
BorderColor $INFO_DARK
|
BorderColor $INFO
|
||||||
FontColor $INFO_TEXT
|
FontColor $INFO_TEXT
|
||||||
}
|
}
|
||||||
!endsub
|
!endsub
|
||||||
@@ -436,9 +532,9 @@ skinparam card {
|
|||||||
!startsub file
|
!startsub file
|
||||||
|
|
||||||
skinparam file {
|
skinparam file {
|
||||||
BackgroundColor $SECONDARY_DARK
|
BackgroundColor $BGCOLOR
|
||||||
BorderColor $DARK
|
BorderColor $GRAY
|
||||||
FontColor $DARK
|
FontColor $GRAY
|
||||||
}
|
}
|
||||||
!endsub
|
!endsub
|
||||||
|
|
||||||
@@ -447,4 +543,4 @@ skinparam file {
|
|||||||
skinparam stack {
|
skinparam stack {
|
||||||
$primary_scheme()
|
$primary_scheme()
|
||||||
}
|
}
|
||||||
!endsub
|
!endsub
|
||||||
Reference in New Issue
Block a user