Справочник / Общие возможности / Цвета и стили

Цвета и стили

Цвет помогает выделить главное: новые элементы, внешние системы, проблемные места. Можно покрасить один элемент, все элементы одного вида или подключить готовую тему.

Цвет одного элемента

Цвет фона пишется после объявления через #: имя цвета (LightBlue, Gold) или код #RRGGBB. Для линии — ##.

@startuml
class Новый #LightGreen
class Внешний #FFE4E1 ##[dashed]red
class Обычный
Новый --> Обычный
Обычный --> Внешний #blue : вызов
@enduml

Параметры оформления skinparam

skinparam меняет вид всех элементов: шрифт, цвета, скругления, тип линий. Ставится в начале схемы.

@startuml
skinparam shadowing false
skinparam roundCorner 10
skinparam classBackgroundColor #F5F8FE
skinparam classBorderColor #0D4CD3
class Товар
class Корзина
Корзина --> Товар
@enduml

Блок стилей <style>

Похож на CSS: селектор — вид диаграммы или элемента, внутри — свойства. Действует на всю схему.

@startuml
<style>
classDiagram {
  class {
    BackgroundColor #FFF8E6
    LineColor #C2410C
  }
  arrow { LineColor #C2410C }
}
</style>
class Склад
class Поставщик
Поставщик --> Склад
@enduml

Готовые темы

!theme подключает набор стилей. Темы встроены в PlantUML: cerulean, plain, sketchy-outline, materia и другие.

@startuml
!theme cerulean
class Пользователь
class Профиль
Пользователь --> Профиль
@enduml

Монохромная схема для печати

skinparam monochrome true делает всю схему чёрно-белой — удобно для печати курсовой.

@startuml
skinparam monochrome true
class Заказ
class Позиция
Заказ *-- Позиция
@enduml