Skip to content

Kanagawa 🌊

Kanagawa theme implements a color palette defined in kanagawa.nvim. This color scheme is inspired by Katsushika Hokusai’s work, especially, his famous "The Great Wave".

Open Styles on GitHub

How to use

In order to use this theme with mkdocs_puml, set theme config of the plugin as follows:

plantuml:
  theme:
    light: kanagawa/fuji
    dark: kanagawa/wave

Flavors

This theme has two flavors

  • fuji for light mode
  • wave for dark mode

Examples

Below you may find a few examples showing how this theme looks like.

Class Diagram

fsCSVReaderRead data from csv filenew(p: AsRef<Path>) -> Selfread() -> Vec<Data>JSONReaderRead data from json filenew(p: AsRef<Path>) -> Selfread() -> Vec<Data>DisplayRepresent an object in StringAbstractReaderRead the data from various sourcesread() -> Vec<Data>CategoryDEVICEFOODMISCItemObject representing a data itemname: Stringcategory: Categoryprice: f64
fsCSVReaderRead data from csv filenew(p: AsRef<Path>) -> Selfread() -> Vec<Data>JSONReaderRead data from json filenew(p: AsRef<Path>) -> Selfread() -> Vec<Data>DisplayRepresent an object in StringAbstractReaderRead the data from various sourcesread() -> Vec<Data>CategoryDEVICEFOODMISCItemObject representing a data itemname: Stringcategory: Categoryprice: f64

fsCSVReaderRead data from csv filenew(p: AsRef<Path>) -> Selfread() -> Vec<Data>JSONReaderRead data from json filenew(p: AsRef<Path>) -> Selfread() -> Vec<Data>DisplayRepresent an object in StringAbstractReaderRead the data from various sourcesread() -> Vec<Data>CategoryDEVICEFOODMISCItemObject representing a data itemname: Stringcategory: Categoryprice: f64
fsCSVReaderRead data from csv filenew(p: AsRef<Path>) -> Selfread() -> Vec<Data>JSONReaderRead data from json filenew(p: AsRef<Path>) -> Selfread() -> Vec<Data>DisplayRepresent an object in StringAbstractReaderRead the data from various sourcesread() -> Vec<Data>CategoryDEVICEFOODMISCItemObject representing a data itemname: Stringcategory: Categoryprice: f64

Sequence

AliceAliceBobBobLogLogAuthentication Requestthis is a first noteInitializationalt[successful case]Authentication Accepted[some kind of failure]Authentication FailureLog attack startLog attack end[Another type of failure]Please repeat
AliceAliceBobBobLogLogAuthentication Requestthis is a first noteInitializationalt[successful case]Authentication Accepted[some kind of failure]Authentication FailureLog attack startLog attack end[Another type of failure]Please repeat

AliceAliceBobBobLogLogAuthentication Requestthis is a first noteInitializationalt[successful case]Authentication Accepted[some kind of failure]Authentication FailureLog attack startLog attack end[Another type of failure]Please repeat
AliceAliceBobBobLogLogAuthentication Requestthis is a first noteInitializationalt[successful case]Authentication Accepted[some kind of failure]Authentication FailureLog attack startLog attack end[Another type of failure]Please repeat

State

NotShootingIdleConfiguringNewValueSelectionNewValuePreviewState1State2EvNewValueEvNewValueRejectedEvNewValueSavedEvConfigEvConfig
NotShootingIdleConfiguringNewValueSelectionNewValuePreviewState1State2EvNewValueEvNewValueRejectedEvNewValueSavedEvConfigEvConfig

NotShootingIdleConfiguringNewValueSelectionNewValuePreviewState1State2EvNewValueEvNewValueRejectedEvNewValueSavedEvConfigEvConfig
NotShootingIdleConfiguringNewValueSelectionNewValuePreviewState1State2EvNewValueEvNewValueRejectedEvNewValueSavedEvConfigEvConfig

Entity

DatabaseDatabaseauthentication.modelsprojects.modelsuser_cards.modelsuser_devices.modelsUserid: INT<PK>email: VARCHAR<unique, case_insensitive>password: VARCHAR<argon2>is_staff: BOOLEANis_superuser: BOOLEANis_active: BOOLEANlast_login_at: TIMESTAMPcreated_at: TIMESTAMPProjectid: INT<PK>user: INT<FK>name: VARCHARlast_updated_at: TIMESTAMPcreated_at: TIMESTAMPUMLid: INT<PK>project: INT<FK>c4_type: ENUMdiagram: TEXTCardid: INT<PK>user: INT<FK>stripe_token: VARCHARname: VARCHARlast_numbers: VARCHAR(4)created_at: TIMESTAMPPhoneDeviceid: INT<PK>user: INT<FK, unique>phone_number: VARCHAR<unique=True>secret_key: VARCHAR
DatabaseDatabaseauthentication.modelsprojects.modelsuser_cards.modelsuser_devices.modelsUserid: INT<PK>email: VARCHAR<unique, case_insensitive>password: VARCHAR<argon2>is_staff: BOOLEANis_superuser: BOOLEANis_active: BOOLEANlast_login_at: TIMESTAMPcreated_at: TIMESTAMPProjectid: INT<PK>user: INT<FK>name: VARCHARlast_updated_at: TIMESTAMPcreated_at: TIMESTAMPUMLid: INT<PK>project: INT<FK>c4_type: ENUMdiagram: TEXTCardid: INT<PK>user: INT<FK>stripe_token: VARCHARname: VARCHARlast_numbers: VARCHAR(4)created_at: TIMESTAMPPhoneDeviceid: INT<PK>user: INT<FK, unique>phone_number: VARCHAR<unique=True>secret_key: VARCHAR

DatabaseDatabaseauthentication.modelsprojects.modelsuser_cards.modelsuser_devices.modelsUserid: INT<PK>email: VARCHAR<unique, case_insensitive>password: VARCHAR<argon2>is_staff: BOOLEANis_superuser: BOOLEANis_active: BOOLEANlast_login_at: TIMESTAMPcreated_at: TIMESTAMPProjectid: INT<PK>user: INT<FK>name: VARCHARlast_updated_at: TIMESTAMPcreated_at: TIMESTAMPUMLid: INT<PK>project: INT<FK>c4_type: ENUMdiagram: TEXTCardid: INT<PK>user: INT<FK>stripe_token: VARCHARname: VARCHARlast_numbers: VARCHAR(4)created_at: TIMESTAMPPhoneDeviceid: INT<PK>user: INT<FK, unique>phone_number: VARCHAR<unique=True>secret_key: VARCHAR
DatabaseDatabaseauthentication.modelsprojects.modelsuser_cards.modelsuser_devices.modelsUserid: INT<PK>email: VARCHAR<unique, case_insensitive>password: VARCHAR<argon2>is_staff: BOOLEANis_superuser: BOOLEANis_active: BOOLEANlast_login_at: TIMESTAMPcreated_at: TIMESTAMPProjectid: INT<PK>user: INT<FK>name: VARCHARlast_updated_at: TIMESTAMPcreated_at: TIMESTAMPUMLid: INT<PK>project: INT<FK>c4_type: ENUMdiagram: TEXTCardid: INT<PK>user: INT<FK>stripe_token: VARCHARname: VARCHARlast_numbers: VARCHAR(4)created_at: TIMESTAMPPhoneDeviceid: INT<PK>user: INT<FK, unique>phone_number: VARCHAR<unique=True>secret_key: VARCHAR

Activity

action 1action 2action 3action 4
action 1action 2action 3action 4

action 1action 2action 3action 4
action 1action 2action 3action 4

C4

«container_boundary»«boundary»Databases[container]«container»Database[Microsoft SQL] Holds product, order andinvoice information«container»Cache & MB[Redis] Cache and simple messagebroker«person»Customer People that need products«container»SPA[angular] The main interface that thecustomer interacts with«container»API[java] Handles all business logicUsesUsesReads/Writes
«container_boundary»«boundary»Databases[container]«container»Database[Microsoft SQL] Holds product, order andinvoice information«container»Cache & MB[Redis] Cache and simple messagebroker«person»Customer People that need products«container»SPA[angular] The main interface that thecustomer interacts with«container»API[java] Handles all business logicUsesUsesReads/Writes

«container_boundary»«boundary»Databases[container]«container»Database[Microsoft SQL] Holds product, order andinvoice information«container»Cache & MB[Redis] Cache and simple messagebroker«person»Customer People that need products«container»SPA[angular] The main interface that thecustomer interacts with«container»API[java] Handles all business logicUsesUsesReads/Writes
«container_boundary»«boundary»Databases[container]«container»Database[Microsoft SQL] Holds product, order andinvoice information«container»Cache & MB[Redis] Cache and simple messagebroker«person»Customer People that need products«container»SPA[angular] The main interface that thecustomer interacts with«container»API[java] Handles all business logicUsesUsesReads/Writes