variables-color-primitive.css

/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/*
 * @file
 * Primitive CSS color variables.
 */

.root,
[data-gin-accent] {
  /*
   * Tier 1 (primitive colors).
   */
  --admin-color-white: white;
  --admin-color-gray-950: #222330;
  --admin-color-gray-900: #393a3f;
  --admin-color-gray-800: #545560;
  --admin-color-gray-700: #767676;
  --admin-color-gray-500: #8e929c;
  --admin-color-gray-400: #adaeb3;
  --admin-color-gray-300: #c2c2c2;
  --admin-color-gray-200: #d4d4d8;
  --admin-color-gray-100: #dedfe4;
  --admin-color-blue-900: #000f33;
  --admin-color-blue-700: #002e9a;
  --admin-color-blue-650: #0036b1;
  --admin-color-blue-600: #003ecc;
  --admin-color-blue-050: #e5edff;

  /*
   * Default accent color. Will get overridden by inline style.
   */
  --accent-base: #015efe;

  /*
   * Mix base. These are only used as utilities to compose other colors.
   */
  --admin-color-accent-base: light-dark(var(--accent-base), color-mix(in lch, lch(from var(--accent-base) calc(l * 20) c h), black 12%));
  --accent-mix-base: light-dark(color-mix(in lch, var(--accent-base), white 97%), color-mix(in lch, var(--accent-base), black 80%));
  --accent-mix-base-scheme: light-dark(black, white);

  /*
   * Base accent colors.
   */
  --admin-color-accent-020: color-mix(in lch, var(--admin-color-accent-base) 10%, transparent);
  --admin-color-accent-030: color-mix(in lch, var(--admin-color-accent-base) 15%, transparent);
  --admin-color-accent-040: color-mix(in lch, var(--admin-color-accent-base) 20%, transparent);
  --admin-color-accent-100: color-mix(in lch, var(--accent-mix-base) 60%, var(--admin-color-accent-base));
  --admin-color-accent-500: var(--admin-color-accent-base);
  --admin-color-accent-550: color-mix(in lch, var(--accent-mix-base-scheme) 8%, var(--admin-color-accent-base));
  --admin-color-accent-600: color-mix(in lch, var(--accent-mix-base-scheme) 15%, var(--admin-color-accent-base));
  --admin-color-accent-700: color-mix(in lch, var(--accent-mix-base-scheme) 30%, var(--admin-color-accent-base));
  --admin-color-accent-900: color-mix(in lch, var(--accent-mix-base-scheme) 60%, var(--admin-color-accent-base));
}

File

View on git.drupalcode.org

core/themes/default_admin/css/_variables/variables-color-primitive.css

View source 
  1. /*

  2.  * DO NOT EDIT THIS FILE.

  3.  * See the following change record for more information,

  4.  * https://www.drupal.org/node/3084859

  5.  * @preserve

  6.  */

  7. 

  8. /*

  9.  * @file

  10.  * Primitive CSS color variables.

  11.  */

  12. 

  13. .root,

  14. [data-gin-accent] {

  15.   /*

  16.    * Tier 1 (primitive colors).

  17.    */

  18.   --admin-color-white: white;

  19.   --admin-color-gray-950: #222330;

  20.   --admin-color-gray-900: #393a3f;

  21.   --admin-color-gray-800: #545560;

  22.   --admin-color-gray-700: #767676;

  23.   --admin-color-gray-500: #8e929c;

  24.   --admin-color-gray-400: #adaeb3;

  25.   --admin-color-gray-300: #c2c2c2;

  26.   --admin-color-gray-200: #d4d4d8;

  27.   --admin-color-gray-100: #dedfe4;

  28.   --admin-color-blue-900: #000f33;

  29.   --admin-color-blue-700: #002e9a;

  30.   --admin-color-blue-650: #0036b1;

  31.   --admin-color-blue-600: #003ecc;

  32.   --admin-color-blue-050: #e5edff;

  33. 

  34.   /*

  35.    * Default accent color. Will get overridden by inline style.

  36.    */

  37.   --accent-base: #015efe;

  38. 

  39.   /*

  40.    * Mix base. These are only used as utilities to compose other colors.

  41.    */

  42.   --admin-color-accent-base: light-dark(var(--accent-base), color-mix(in lch, lch(from var(--accent-base) calc(l * 20) c h), black 12%));

  43.   --accent-mix-base: light-dark(color-mix(in lch, var(--accent-base), white 97%), color-mix(in lch, var(--accent-base), black 80%));

  44.   --accent-mix-base-scheme: light-dark(black, white);

  45. 

  46.   /*

  47.    * Base accent colors.

  48.    */

  49.   --admin-color-accent-020: color-mix(in lch, var(--admin-color-accent-base) 10%, transparent);

  50.   --admin-color-accent-030: color-mix(in lch, var(--admin-color-accent-base) 15%, transparent);

  51.   --admin-color-accent-040: color-mix(in lch, var(--admin-color-accent-base) 20%, transparent);

  52.   --admin-color-accent-100: color-mix(in lch, var(--accent-mix-base) 60%, var(--admin-color-accent-base));

  53.   --admin-color-accent-500: var(--admin-color-accent-base);

  54.   --admin-color-accent-550: color-mix(in lch, var(--accent-mix-base-scheme) 8%, var(--admin-color-accent-base));

  55.   --admin-color-accent-600: color-mix(in lch, var(--accent-mix-base-scheme) 15%, var(--admin-color-accent-base));

  56.   --admin-color-accent-700: color-mix(in lch, var(--accent-mix-base-scheme) 30%, var(--admin-color-accent-base));

  57.   --admin-color-accent-900: color-mix(in lch, var(--accent-mix-base-scheme) 60%, var(--admin-color-accent-base));

  58. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.