@kieler/klighd-core/styles/theme.css

Core KLighD diagram visualization with Sprotty

/*
 * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
 *
 * http://rtsys.informatik.uni-kiel.de/kieler
 *
 * Copyright 2021 by
 * + Kiel University
 *   + Department of Computer Science
 *     + Real-Time and Embedded Systems Group
 *
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0.
 *
 * SPDX-License-Identifier: EPL-2.0
 */

/* Set of CSS variables used in klighd-core. All variables should be prefixed with "kdc" */

:root {
    /* Behavior and sizing variables */
    --kdc-transition: 200ms ease-in-out;
    --kdc-border-radius-default: 4px;
    --kdc-font-size-base: 16px;
    --kdc-sidebar-shadow: 0 15px 25px rgba(0, 0, 0, 0.15), 0 5px 10px rgba(0, 0, 0, 0.05);
    --kdc-sidebar-button-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);

    /* Color semantic theme token (no "dump" token like gray100 etc.
    but rather scoped to where they should be applied). Allows for finer theme control. */
    --kdc-color-sidebar-background: white;
    --kdc-color-sidebar-trigger-background: white;
    --kdc-color-sidebar-trigger-background-hover: hsl(0, 0%, 88%);
    --kdc-color-sidebar-trigger-background-active: hsl(0, 0%, 81%);
    --kdc-color-sidebar-hover-background: rgba(0, 0, 0, 0.15);
    --kdc-color-sidebar-font-primary: hsl(0, 0%, 12%);
    --kdc-color-sidebar-icon-primary: hsl(0, 0%, 24%);
    --kdc-color-primary: #0552b5;
}