iterative/vscode-dvc

/* stylelint-disable custom-property-pattern -- VSCode variables are not kebab-case */

/* common */
$bullet-size: 9px;
$tooltip-border: var(--vscode-editorHoverWidget-border);
$hover-background-color: var(--vscode-list-hoverBackground);
$shadow: var(--vscode-widget-shadow);
$editor-font: var(--vscode-editor-font-family);
$font: var(--vscode-font-family);
$bg-transparency-1: var(--editor-background-transparency-1);
$bg-transparency-5: var(--editor-background-transparency-5);
$fg-transparency-1: var(--editor-foreground-transparency-1);
$fg-transparency-3: var(--editor-foreground-transparency-3);
$fg-transparency-4: var(--editor-foreground-transparency-4);
$fg-transparency-5: var(--editor-foreground-transparency-5);

/* common colors */
$fg-color: var(--vscode-editor-foreground);
$bg-color: var(--vscode-editor-background);
$watermark-color: var(--vscode-descriptionForeground);
$border-color: var(--vscode-checkbox-border);
$metrics-color: var(--vscode-dvc-metrics);
$params-color: var(--vscode-dvc-params);
$deps-color: var(--vscode-dvc-deps);
$changed-color: var(--vscode-dvc-workspaceChanged);
$error-color: var(--vscode-errorForeground);
$warn-color: var(--vscode-list-warningForeground);
$meta-cell-color: var(--vscode-descriptionForeground);
$accent-color: var(--button-primary-background);
$accent-color-transparent: var(--accent-transparency-3);
$passed-color: var(--vscode-testing-iconPassed);
$description-color: var(--vscode-descriptionForeground);
$link-fg-color: var(--vscode-textLink-foreground);
$link-active-color: var(--vscode-textLink-activeForeground);

/* experiments table */
$row-bg-color: $bg-color;
$header-fg-color: $fg-color;
$row-bg-alt-color: var(--vscode-sideBar-background);
$row-bg-selected-color: var(--vscode-list-activeSelectionBackground);
$row-fg-selected-color: var(--vscode-list-activeSelectionForeground);
$row-border-selected-color: var(--vscode-list-focusOutline);
$header-bg-color: $bg-color;
$header-border-color: $border-color;
$header-dnd-outline: var(--contrast-active-border);
$header-dnd-drop-background: var(--vscode-editorGroup-dropBackground);
$header-resizer-color: var(--vscode-sash-hoverBorder);
$header-drop-target-color: var(--vscode-focusBorder);
$row-hover-background-color: var(--vscode-list-hoverBackground);
$icon-color: var(--vscode-descriptionForeground);
$selected-icon-color: var(
  --vscode-list-activeSelectionIconForeground,
  var(--vscode-descriptionForeground)
);
$row-action-star-checked: var(--vscode-editorLightBulb-foreground);
$checkbox-background: var(--checkbox-background);
$checkbox-border: var(--checkbox-border);
$checkbox-border-radius: calc(var(--checkbox-corner-radius) * 1px);
$checkbox-border-width: calc(var(--border-width) * 1px);
$checkbox-size: calc(var(--design-unit) * 4px + 2px);
$indicator-badge-background: var(--vscode-activityBarBadge-background);
$indicator-badge-foreground: var(--vscode-activityBarBadge-foreground);
$disabled-opacity: var(--disabled-opacity);

/* plots */
$plot-block-bg-color: var(--vscode-dropdown-background);

/* tooltips */
$tooltip-border: var(--vscode-editorHoverWidget-border);
$tooltip-drop-shadow: drop-shadow(0 0 4px var(--vscode-widget-shadow));
$tooltip-foreground: var(--vscode-quickInput-foreground);
$tooltip-background: var(--vscode-quickInput-background);