penpot/frontend/resources/styles/common/refactor/themes/default-theme.scss

// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at http://mozilla.org/MPL/2.0/.
//
// Copyright (c) KALEIDOS INC

@use "sass:meta";

:root {
  --color-background-primary: var(--db-primary);
  --color-background-secondary: var(--db-secondary);
  --color-background-tertiary: var(--db-tertiary);
  --color-background-quaternary: var(--db-quaternary);
  --color-background-subtle: var(--db-secondary-30);
  --color-background-disabled: var(--df-secondary);
  --color-foreground-primary: var(--df-primary);
  --color-foreground-secondary: var(--df-secondary);
  --color-foreground-disabled: var(--df-secondary-40);
  --color-accent-primary: var(--da-primary);
  --color-accent-primary-muted: var(--da-primary-muted);
  --color-accent-secondary: var(--da-secondary);
  --color-accent-tertiary: var(--da-tertiary);
  --color-accent-tertiary-muted: var(--da-tertiary-10);
  --color-accent-quaternary: var(--da-quaternary);
  --color-component-highlight: var(--da-secondary);

  --overlay-color: var(--db-primary-60);

  --shadow-color: var(--db-secondary-30);
  --radio-button-box-shadow: 0 0 0 1px var(--db-secondary-30) inset;

  @include meta.load-css("hljs-dark-theme");
}