Documentation
.keyword {
    color: var(--color-keyword);
    //  background-color: var(--color-background-code)
}

.generic {
    color: var(--color-generic);
    //  background-color: var(--color-background-code)
}

.union,
.bitflag,
.class {
    color: var(--color-class);
    //  background-color: var(--color-background-code)
}

.primitive {
    color: var(--color-primitive);
    //  background-color: var(--color-background-code)
}

.function,
.method {
    color: var(--color-function);
}

.trait,
.string,
.extension {
    color: var(--color-trait);
    //  background-color: var(--color-background-code)
}


.string {
    color: var(--color-string);
    //  background-color: var(--color-background-code)
}

html {
    --color-background-code: #f5f5f5;
    --color-background: #ffffff;
    --input-color: #000;
    --input-box-shadow-focus: 0 0 8px #078dd8;
    --color-border-light: #eaeaea;
    --color-border: #ddd;
    --color-doc-link-background: #333;
    --color-doc-link-hover: #3061f3;
    --color-error-hover: #be2525;
    --color-error: #d93d3d;

    --color-menu-border: #cdcdcd;
    --color-menu-header-background: #e0e0e0;
    --color-navbar-standard: #777;

    --color-brand: #000;

    //
    --color-default: #000000;
    --color-module: #383a42;

    --color-keyword: #823ff1;
    --color-macro: #d52753;
    --color-type: #c5a332;
    --color-generic: #7a82da;
    --color-primitive: #823ff1;
    --color-string: #23974a;
    --color-trait: #23974a;
    --color-class: #c5a332;
    --color-function: #4d76ae;

    //
    --color-url: #4d76ae;
    --color-warn-background: #ffe5cc;
    --color-warn-msg: #e57300;
    --color-warn-hover: #b25900;
    --color-warn: #e57300;
    --color-background-input: #fff;
    --color-table-header-background: #e0e0e0;
    --color-table-header: #000;
    --color-search-focus: #078dd8;
    --chart-title-color: #000;
    --chart-grid: #ddd
}

html[data-theme="dark"] {
    --color-background-code: #2a2a2a;
    --color-background: #353535;
    --input-color: #111;
    --input-box-shadow-focus: 0 0 8px 4px #078dd8;
    --color-border-light: #eaeaea;
    --color-border: #4e4e4e;
    --color-doc-link-background: #c0c0c0;
    --color-doc-link-hover: #3061f3;
    --color-error-hover: #be2525;
    --color-error: #d93d3d;
    --color-macro: #068000;
    --color-menu-border: #cdcdcd;
    --color-menu-header-background: #e0e0e0;
    --color-navbar-standard: #ddd;
    --color-standard: #c0c0c0;
    --color-brand: #fff;
    --color-struct: #df3600;
    --color-type: #e57300;
    --color-url: #d2991d;
    --color-warn-background: #6b3603;
    --color-warn-msg: #d8d8d8;
    --color-warn-hover: #b25900;
    --color-warn: #e57300;
    --color-background-input: #f0f0f0;
    --color-table-header-background: #e0e0e0;
    --color-table-header: #000;
    --color-search-focus: #078dd8;
    --chart-title-color: #c0c0c0;
    --chart-grid: #4e4e4e
}