@primer/primitives 10.0.0-rc.fd912e08 → 10.1.0-rc.5ced3fe0

package/dist/build/transformers/utilities/rgbaFloatToHex.js

@@ -0,0 +1,11 @@
+export const rgbaFloatToHex = ({ r, g, b, a }, alpha = true) => {
+    const values = [r, g, b, alpha === true && a && a < 1 ? a : undefined].filter(item => item !== undefined);
+    if (r > 1 || r < 0 || g > 1 || g < 0 || b > 1 || b < 0) {
+        throw new Error('Invalid RgbaFloat value. R, G and B values must be between 0 and 1.');
+    }
+    return `#${values
+        .map(v => Number(parseInt(`${v * 255}`, 10))
+        .toString(16)
+        .padStart(2, '0'))
+        .join('')}`;
+};

package/dist/build/types/border.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @description a css border string
+ * @format color | style | width
+ */
+type Border = `${string} ${string} ${string}`

package/dist/build/types/borderTokenValue.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Type definition for w3c border composite token value
+ * @link https://design-tokens.github.io/community-group/format/#border
+ */
+export type StrokeStyleString = 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'outset' | 'inset'
+export type BorderTokenValue = {
+  color: string
+  width: string
+  style: StrokeStyleString
+}

package/dist/build/types/colorHex.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @description hex string (6 or 8-digit)
+ */
+type ColorHex = string

package/dist/build/types/platformInitializer.d.ts

@@ -0,0 +1,11 @@
+import type {LocalOptions, PlatformConfig} from 'style-dictionary/types'
+
+export type PlatformInitializer = (
+  // the filename including the extension (e.g. `.css`) and any subfolders after the buildPath (e.g. `functional`)
+  outputFile: string,
+  // the prefix is prepended to all tokens
+  prefix: string | undefined,
+  // the build path in which the `outputFile` is placed
+  buildPath: string,
+  options?: LocalOptions,
+) => PlatformConfig

package/dist/build/types/shadow.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @description a css shadow
+ * @format inset? | offset-x | offset-y | blur-radius? | spread-radius? | color?
+ */
+type Shadow = string

package/dist/build/types/shadowTokenValue.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Type definition for w3c shadow composite token value
+ * @link https://design-tokens.github.io/community-group/format/#shadow
+ */
+export type ShadowTokenValue = {
+  color: string
+  offsetX: string
+  offsetY: string
+  blur: string
+  spread: string
+  // custom non w3c values
+  inset?: boolean
+  alpha?: number
+}

package/dist/build/types/sizeEm.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @description size in em
+ */
+type SizeEm = `${number}em`

package/dist/build/types/sizePx.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @description size in px
+ */
+type SizePx = `${number}px`

package/dist/build/types/sizeRem.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @description size in rem
+ */
+type SizeRem = `${number}rem`

package/dist/build/types/styleDictionaryConfigGenerator.d.ts

@@ -0,0 +1,16 @@
+import type {Config, PlatformConfig} from 'style-dictionary/types'
+
+export type ConfigGeneratorOptions = {
+  buildPath: string
+  prefix?: string
+  themed?: boolean
+  theme?: string
+}
+
+export type StyleDictionaryConfigGenerator = (
+  outputName: string,
+  source: string[],
+  include: string[],
+  options: ConfigGeneratorOptions,
+  platforms?: Record<string, PlatformConfig | undefined>,
+) => Config

package/dist/build/types/tokenBuildInput.d.ts

@@ -0,0 +1,10 @@
+export type TokenBuildInput = {
+  // The output filename WITHOUT the extension
+  filename: string
+  // Array of `filepaths` to token files that should be converted and included in the output. Accepts relative or glob paths.
+  source: string[]
+  // The mode of the theme
+  theme?: string
+  // Array of `filepaths` to token fils that should NOT be included in the output, but should be available to reference during compilation e.g. base color scales
+  include: string[]
+}

package/dist/build/types/typographyTokenValue.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Type definition for w3c typography composite token value
+ * @link https://design-tokens.github.io/community-group/format/#typography
+ */
+export type TypographyTokenValue = {
+  fontFamily: string
+  fontSize: number
+  fontWeight: number
+  lineHeight: number
+  fontStyle?: string
+  letterSpacing?: number
+}

package/dist/build/types/w3cTransformedToken.d.ts

@@ -0,0 +1,8 @@
+import type {TransformedToken} from 'style-dictionary/types'
+
+export type w3cTokenType = 'color' | 'dimension' | 'fontFamily' | 'fontWeight' | 'duration' | 'cubicBezier'
+export type w3cCompositeTokenType = 'shadow' | 'border' | 'gradient' | 'transition' | 'strokeStyle' | 'typography'
+
+export interface w3cTransformedToken extends TransformedToken {
+  $type?: w3cTokenType | w3cCompositeTokenType
+}

package/dist/build/utilities/copyFromDir.d.ts

@@ -0,0 +1,8 @@
+/**
+ * copyFromDir
+ * @description Copies all files from source folder to destination
+ * @param source path
+ * @param destination path
+ * @returns promise of file name array
+ */
+export declare const copyFromDir: (source: string, destination: string) => Promise<string[]>;

package/dist/build/utilities/copyFromDir.js

@@ -0,0 +1,31 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+/* istanbul ignore file */
+import { copyFile, readdir, mkdir } from 'fs/promises';
+/**
+ * copyFromDir
+ * @description Copies all files from source folder to destination
+ * @param source path
+ * @param destination path
+ * @returns promise of file name array
+ */
+export const copyFromDir = (source, destination) => __awaiter(void 0, void 0, void 0, function* () {
+    // adjust trailing slash
+    const src = `${source.replace(/\/$/, '')}`;
+    const dest = `${destination.replace(/\/$/, '')}`;
+    // create dest if it does not exists
+    yield mkdir(dest, { recursive: true });
+    // read files from source
+    const files = yield readdir(src);
+    for (const file of files) {
+        copyFile(`${src}/${file}`, `${dest}/${file}`);
+    }
+    return files;
+});

package/dist/build/utilities/filterStringArray.d.ts

@@ -0,0 +1 @@
+export declare const filterStringArray: (string: string[]) => string[];

package/dist/build/utilities/filterStringArray.js

@@ -0,0 +1,13 @@
+export const filterStringArray = (string) => {
+    // match unsupported characters
+    const regex = /[^a-zA-Z0-9]+/g;
+    // replace any non-letter and non-number character and split into word array
+    const stringArray = string
+        .filter(Boolean)
+        .join(' ')
+        .replace(regex, ' ')
+        .split(' ')
+        // remove undefined if exists
+        .filter((part) => Boolean(part) && typeof part === 'string');
+    return stringArray;
+};

package/dist/build/utilities/getFlag.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Get the value of a flag from the command line
+ * @param flag name of the flag to get
+ * @param prefix default `--` but can be changed to `-` the part to the left of the flag name
+ * @returns null if flag is not found, otherwise the value of the flag or the flag name if the flag has no value
+ * @example `getFlag('--silent')` returns `null` if `--silent` is not found, `--silent` if `--silent` is found with no value, and `true` if `--silent=true` is found
+ */
+export declare const getFlag: (flag: string, prefix?: string) => string | null;

package/dist/build/utilities/getFlag.js

@@ -0,0 +1,12 @@
+/**
+ * Get the value of a flag from the command line
+ * @param flag name of the flag to get
+ * @param prefix default `--` but can be changed to `-` the part to the left of the flag name
+ * @returns null if flag is not found, otherwise the value of the flag or the flag name if the flag has no value
+ * @example `getFlag('--silent')` returns `null` if `--silent` is not found, `--silent` if `--silent` is found with no value, and `true` if `--silent=true` is found
+ */
+export const getFlag = (flag, prefix = '--') => {
+    flag = `${prefix}${flag.replace(prefix, '')}`;
+    const index = process.argv.findIndex(arg => arg === flag || arg.startsWith(`${flag}=`));
+    return index === -1 ? null : process.argv[index].replace(`${flag}=`, '');
+};

package/dist/build/utilities/index.d.ts

@@ -0,0 +1,9 @@
+export { copyFromDir } from './copyFromDir.js';
+export { filterStringArray } from './filterStringArray.js';
+export { getFlag } from './getFlag.js';
+export { joinFriendly } from './joinFriendly.js';
+export { schemaErrorMessage } from './schemaErrorMessage.js';
+export { toCamelCase } from './toCamelCase.js';
+export { toPascalCase } from './toPascalCase.js';
+export { treeWalker } from './treeWalker.js';
+export { upperCaseFirstCharacter } from './upperCaseFirstCharacter.js';

package/dist/build/utilities/index.js

@@ -0,0 +1,9 @@
+export { copyFromDir } from './copyFromDir.js';
+export { filterStringArray } from './filterStringArray.js';
+export { getFlag } from './getFlag.js';
+export { joinFriendly } from './joinFriendly.js';
+export { schemaErrorMessage } from './schemaErrorMessage.js';
+export { toCamelCase } from './toCamelCase.js';
+export { toPascalCase } from './toPascalCase.js';
+export { treeWalker } from './treeWalker.js';
+export { upperCaseFirstCharacter } from './upperCaseFirstCharacter.js';

package/dist/build/utilities/joinFriendly.d.ts

@@ -0,0 +1 @@
+export declare const joinFriendly: (array: string[], lastJoin?: string) => string;

package/dist/build/utilities/joinFriendly.js

@@ -0,0 +1 @@
+export const joinFriendly = (array, lastJoin = 'and') => array.length > 1 ? `${array.slice(0, -1).join(', ')} ${lastJoin} ${array.slice(-1)}` : `${array[0]}`;

package/dist/build/utilities/lowerCaseFirstCharacter.d.ts

@@ -0,0 +1,8 @@
+/**
+ * lowerCaseFirstCharacter
+ * @scope custom implementation should only be used within `name path to ...` transformer
+ * @description changes first letter to uppercase but keeps the rest of the word as is
+ * @param string
+ * @returns string
+ */
+export declare const lowerCaseFirstCharacter: ([firstLetter, ...restOfWord]: string) => string;

package/dist/build/utilities/lowerCaseFirstCharacter.js

@@ -0,0 +1,10 @@
+/**
+ * lowerCaseFirstCharacter
+ * @scope custom implementation should only be used within `name path to ...` transformer
+ * @description changes first letter to uppercase but keeps the rest of the word as is
+ * @param string
+ * @returns string
+ */
+export const lowerCaseFirstCharacter = ([firstLetter, ...restOfWord]) => {
+    return firstLetter.toLowerCase() + restOfWord.join('');
+};

package/dist/build/utilities/schemaErrorMessage.d.ts

@@ -0,0 +1 @@
+export declare const schemaErrorMessage: (title: string, description?: string) => string;

package/dist/build/utilities/schemaErrorMessage.js

@@ -0,0 +1 @@
+export const schemaErrorMessage = (title, description) => `**${title}**${description ? `\n${description}` : ``}`;

package/dist/build/utilities/toCamelCase.d.ts

@@ -0,0 +1 @@
+export declare const toCamelCase: (string: string | string[]) => string;

package/dist/build/utilities/toCamelCase.js

@@ -0,0 +1,16 @@
+import { filterStringArray } from './filterStringArray.js';
+import { upperCaseFirstCharacter } from './upperCaseFirstCharacter.js';
+export const toCamelCase = (string) => {
+    if (!Array.isArray(string)) {
+        string = [string];
+    }
+    return (filterStringArray(string)
+        // ucFirst all but first part
+        .map((part, index) => {
+        if (index > 0) {
+            return upperCaseFirstCharacter(part);
+        }
+        return part;
+    })
+        .join(''));
+};

package/dist/build/utilities/toPascalCase.d.ts

@@ -0,0 +1 @@
+export declare const toPascalCase: (string: string | string[]) => string;

package/dist/build/utilities/toPascalCase.js

@@ -0,0 +1,13 @@
+import { filterStringArray } from './filterStringArray.js';
+import { upperCaseFirstCharacter } from './upperCaseFirstCharacter.js';
+export const toPascalCase = (string) => {
+    if (!Array.isArray(string)) {
+        string = [string];
+    }
+    return (filterStringArray(string)
+        // ucFirst all but first part
+        .map((part) => {
+        return upperCaseFirstCharacter(part);
+    })
+        .join(''));
+};

package/dist/build/utilities/treeWalker.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @description converts tokens to type and returns array with used type
+ * @param tree object
+ * @param callback function to be run on valid items
+ * @param validItem function to test if a node is a validItem to be transformed
+ * @returns object
+ */
+export declare const treeWalker: (tree: unknown, callback: <T>(argument: T) => unknown, isValidItem: (argument: unknown) => boolean) => unknown;

package/dist/build/utilities/treeWalker.js

@@ -0,0 +1,23 @@
+/**
+ * @description converts tokens to type and returns array with used type
+ * @param tree object
+ * @param callback function to be run on valid items
+ * @param validItem function to test if a node is a validItem to be transformed
+ * @returns object
+ */
+export const treeWalker = (tree, callback, isValidItem) => {
+    // is a valid item -> pass through callback
+    if (isValidItem(tree)) {
+        return callback(tree);
+    }
+    // is non-object value -> ignore
+    if (typeof tree !== 'object' || tree === null) {
+        return;
+    }
+    // is obj -> continue
+    const nextObj = {};
+    for (const [prop, value] of Object.entries(tree)) {
+        nextObj[prop] = treeWalker(value, callback, isValidItem);
+    }
+    return nextObj;
+};

package/dist/build/utilities/upperCaseFirstCharacter.d.ts

@@ -0,0 +1,8 @@
+/**
+ * upperCaseFirstCharacter
+ * @scope custom implementation should only be used within `name path to ...` transformer
+ * @description changes first letter to uppercase but keeps the rest of the word as is
+ * @param string
+ * @returns string
+ */
+export declare const upperCaseFirstCharacter: ([firstLetter, ...restOfWord]: string) => string;

package/dist/build/utilities/upperCaseFirstCharacter.js

@@ -0,0 +1,10 @@
+/**
+ * upperCaseFirstCharacter
+ * @scope custom implementation should only be used within `name path to ...` transformer
+ * @description changes first letter to uppercase but keeps the rest of the word as is
+ * @param string
+ * @returns string
+ */
+export const upperCaseFirstCharacter = ([firstLetter, ...restOfWord]) => {
+    return firstLetter.toUpperCase() + restOfWord.join('');
+};

package/dist/css/base/motion/motion.css

@@ -0,0 +1,17 @@
+:root {
+  --base-easing-linear: cubic-bezier(0, 0, 1, 1); /* Ideal for non-movement properties, like opacity or background color. */
+  --base-easing-easeIn: cubic-bezier(0.7, 0.1, 0.75, 0.9); /* Ideal for movement that starts on the page and ends off the page. */
+  --base-easing-easeOut: cubic-bezier(0.16, 1, 0.3, 1); /* Ideal for movement that starts off the page and ends on the page. */
+  --base-easing-easeInOut: cubic-bezier(0.6, 0, 0.2, 1); /* Ideal for movement that starts and ends on the page. */
+  --base-duration-0: 0ms;
+  --base-duration-75: 75ms;
+  --base-duration-200: 200ms;
+  --base-duration-300: 300ms;
+  --base-duration-400: 400ms;
+  --base-duration-500: 500ms;
+  --base-duration-600: 600ms;
+  --base-duration-700: 700ms;
+  --base-duration-800: 800ms;
+  --base-duration-900: 900ms;
+  --base-duration-1000: 1s;
+}

package/dist/css/functional/motion/motion.css

@@ -1,5 +1,6 @@
 :root {
-  --motion-skeletonLoader-shimmer-duration-scale: 1s; /* The amount of times it takes the "shimmer" effect to go from the start (left) of the skeleton loader to the end (right) */
-  --motion-spinner-duration-rotation: 1s; /* The amount of time it takes the "Spinner" loading indicator to make a full 360deg rotation */
-  --motion-loading-delay-default: 1s; /* The amount of time to wait before showing a loading indicator or announcing a loading state to assistive technologies. */
+  --motion-loading-delay-default: var(--base-duration-1000); /* The amount of time to wait before showing a loading indicator or announcing a loading state to assistive technologies. */
+  --motion-spinner-duration-rotation: var(--base-duration-1000); /* The amount of time it takes the "Spinner" loading indicator to make a full 360deg rotation */
+  --motion-spinner-easing-rotation: var(--base-easing-linear); /* The easing curve for the "Spinner" loading indicator rotation */
+  --motion-skeletonLoader-shimmer-duration-scale: var(--base-duration-1000); /* The amount of times it takes the "shimmer" effect to go from the start (left) of the skeleton loader to the end (right) */
 }

package/dist/css/functional/themes/dark-colorblind.css

@@ -5,17 +5,26 @@
   --topicTag-borderColor: #00000000;
   --highlight-neutral-bgColor: #d2992266;
   --page-header-bgColor: #0d1117;
-  --diffBlob-addition-fgColor-text: #f0f6fc;
-  --diffBlob-addition-fgColor-num: #f0f6fc;
-  --diffBlob-addition-bgColor-num: #58a6ff4d;
-  --diffBlob-addition-bgColor-line: #388bfd26;
-  --diffBlob-addition-bgColor-word: #388bfd66;
-  --diffBlob-deletion-fgColor-text: #f0f6fc;
-  --diffBlob-deletion-fgColor-num: #f0f6fc;
-  --diffBlob-deletion-bgColor-num: #db6d284d;
-  --diffBlob-deletion-bgColor-line: #db6d2826;
-  --diffBlob-deletion-bgColor-word: #db6d2866;
-  --diffBlob-hunk-bgColor-num: #388bfd66;
+  --diffBlob-additionLine-fgColor: #f0f6fc;
+  --diffBlob-additionLine-bgColor: #388bfd26;
+  --diffBlob-additionWord-fgColor: #f0f6fc;
+  --diffBlob-additionWord-bgColor: #388bfd66;
+  --diffBlob-additionNum-fgColor: #f0f6fc;
+  --diffBlob-additionNum-bgColor: #58a6ff4d;
+  --diffBlob-deletionLine-fgColor: #f0f6fc;
+  --diffBlob-deletionLine-bgColor: #db6d2826;
+  --diffBlob-deletionWord-fgColor: #f0f6fc;
+  --diffBlob-deletionWord-bgColor: #db6d2866;
+  --diffBlob-deletionNum-fgColor: #f0f6fc;
+  --diffBlob-deletionNum-bgColor: #db6d284d;
+  --diffBlob-hunkLine-fgColor: #9198a1;
+  --diffBlob-hunkLine-bgColor: #212830;
+  --diffBlob-hunkNum-fgColor-rest: #f0f6fc;
+  --diffBlob-hunkNum-fgColor-hover: #ffffff;
+  --diffBlob-hunkNum-bgColor-rest: #2f3742;
+  --diffBlob-hunkNum-bgColor-hover: #656c76;
+  --diffBlob-emptyNum-bgColor: #151b23;
+  --diffBlob-emptyLine-bgColor: #151b23;
   --diffBlob-expander-iconColor: #9198a1;
   --codeMirror-fgColor: #f0f6fc;
   --codeMirror-bgColor: #0d1117;
@@ -186,7 +195,7 @@
   --control-transparent-borderColor-rest: #00000000;
   --control-transparent-borderColor-hover: #00000000;
   --control-transparent-borderColor-active: #00000000;
-  --control-danger-fgColor-rest: #db6d28;
+  --control-danger-fgColor-rest: #f0883e;
   --control-danger-fgColor-hover: #f0883e;
   --control-danger-bgColor-hover: #db6d281a;
   --control-danger-bgColor-active: #db6d2866;
@@ -242,6 +251,7 @@
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #f0f6fc;
   --button-invisible-fgColor-hover: #f0f6fc;
+  --button-invisible-fgColor-active: #f0f6fc;
   --button-invisible-fgColor-disabled: #656c7699;
   --button-invisible-iconColor-rest: #9198a1;
   --button-invisible-iconColor-hover: #9198a1;
@@ -264,11 +274,11 @@
   --button-outline-borderColor-hover: #3d444d;
   --button-outline-borderColor-selected: #3d444d;
   --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
-  --button-danger-fgColor-rest: #db6d28;
+  --button-danger-fgColor-rest: #f0883e;
   --button-danger-fgColor-hover: #ffffff;
   --button-danger-fgColor-active: #ffffff;
-  --button-danger-fgColor-disabled: #db6d2880;
-  --button-danger-iconColor-rest: #db6d28;
+  --button-danger-fgColor-disabled: #f0883e80;
+  --button-danger-iconColor-rest: #f0883e;
   --button-danger-iconColor-hover: #ffffff;
   --button-danger-bgColor-rest: #212830;
   --button-danger-bgColor-hover: #9b4215;
@@ -293,9 +303,9 @@
   --buttonCounter-danger-bgColor-hover: #ffffff33;
   --buttonCounter-danger-bgColor-disabled: #bd561d0d;
   --buttonCounter-danger-bgColor-rest: #49020233;
-  --buttonCounter-danger-fgColor-rest: #db6d28;
+  --buttonCounter-danger-fgColor-rest: #f0883e;
   --buttonCounter-danger-fgColor-hover: #ffffff;
-  --buttonCounter-danger-fgColor-disabled: #db6d2880;
+  --buttonCounter-danger-fgColor-disabled: #f0883e80;
   --reactionButton-selected-bgColor-rest: #388bfd33;
   --reactionButton-selected-bgColor-hover: #3a8cfd5c;
   --reactionButton-selected-fgColor-rest: #4493f8;
@@ -446,7 +456,7 @@
   --fgColor-open: #f0883e;
   --fgColor-attention: #d29922;
   --fgColor-severe: #db6d28;
-  --fgColor-danger: #db6d28;
+  --fgColor-danger: #f0883e;
   --fgColor-closed: #9198a1;
   --fgColor-done: #ab7df8;
   --fgColor-upsell: #ab7df8;
@@ -466,7 +476,7 @@
   --bgColor-accent-emphasis: #1f6feb;
   --bgColor-success-muted: #388bfd26;
   --bgColor-success-emphasis: #1f6feb;
-  --bgColor-open-muted: #db6d2866;
+  --bgColor-open-muted: #db6d2833;
   --bgColor-open-emphasis: #bd561d;
   --bgColor-attention-muted: #bb800926;
   --bgColor-attention-emphasis: #9e6a03;
@@ -574,17 +584,26 @@
     --topicTag-borderColor: #00000000;
     --highlight-neutral-bgColor: #d2992266;
     --page-header-bgColor: #0d1117;
-    --diffBlob-addition-fgColor-text: #f0f6fc;
-    --diffBlob-addition-fgColor-num: #f0f6fc;
-    --diffBlob-addition-bgColor-num: #58a6ff4d;
-    --diffBlob-addition-bgColor-line: #388bfd26;
-    --diffBlob-addition-bgColor-word: #388bfd66;
-    --diffBlob-deletion-fgColor-text: #f0f6fc;
-    --diffBlob-deletion-fgColor-num: #f0f6fc;
-    --diffBlob-deletion-bgColor-num: #db6d284d;
-    --diffBlob-deletion-bgColor-line: #db6d2826;
-    --diffBlob-deletion-bgColor-word: #db6d2866;
-    --diffBlob-hunk-bgColor-num: #388bfd66;
+    --diffBlob-additionLine-fgColor: #f0f6fc;
+    --diffBlob-additionLine-bgColor: #388bfd26;
+    --diffBlob-additionWord-fgColor: #f0f6fc;
+    --diffBlob-additionWord-bgColor: #388bfd66;
+    --diffBlob-additionNum-fgColor: #f0f6fc;
+    --diffBlob-additionNum-bgColor: #58a6ff4d;
+    --diffBlob-deletionLine-fgColor: #f0f6fc;
+    --diffBlob-deletionLine-bgColor: #db6d2826;
+    --diffBlob-deletionWord-fgColor: #f0f6fc;
+    --diffBlob-deletionWord-bgColor: #db6d2866;
+    --diffBlob-deletionNum-fgColor: #f0f6fc;
+    --diffBlob-deletionNum-bgColor: #db6d284d;
+    --diffBlob-hunkLine-fgColor: #9198a1;
+    --diffBlob-hunkLine-bgColor: #212830;
+    --diffBlob-hunkNum-fgColor-rest: #f0f6fc;
+    --diffBlob-hunkNum-fgColor-hover: #ffffff;
+    --diffBlob-hunkNum-bgColor-rest: #2f3742;
+    --diffBlob-hunkNum-bgColor-hover: #656c76;
+    --diffBlob-emptyNum-bgColor: #151b23;
+    --diffBlob-emptyLine-bgColor: #151b23;
     --diffBlob-expander-iconColor: #9198a1;
     --codeMirror-fgColor: #f0f6fc;
     --codeMirror-bgColor: #0d1117;
@@ -755,7 +774,7 @@
     --control-transparent-borderColor-rest: #00000000;
     --control-transparent-borderColor-hover: #00000000;
     --control-transparent-borderColor-active: #00000000;
-    --control-danger-fgColor-rest: #db6d28;
+    --control-danger-fgColor-rest: #f0883e;
     --control-danger-fgColor-hover: #f0883e;
     --control-danger-bgColor-hover: #db6d281a;
     --control-danger-bgColor-active: #db6d2866;
@@ -811,6 +830,7 @@
     --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
     --button-invisible-fgColor-rest: #f0f6fc;
     --button-invisible-fgColor-hover: #f0f6fc;
+    --button-invisible-fgColor-active: #f0f6fc;
     --button-invisible-fgColor-disabled: #656c7699;
     --button-invisible-iconColor-rest: #9198a1;
     --button-invisible-iconColor-hover: #9198a1;
@@ -833,11 +853,11 @@
     --button-outline-borderColor-hover: #3d444d;
     --button-outline-borderColor-selected: #3d444d;
     --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
-    --button-danger-fgColor-rest: #db6d28;
+    --button-danger-fgColor-rest: #f0883e;
     --button-danger-fgColor-hover: #ffffff;
     --button-danger-fgColor-active: #ffffff;
-    --button-danger-fgColor-disabled: #db6d2880;
-    --button-danger-iconColor-rest: #db6d28;
+    --button-danger-fgColor-disabled: #f0883e80;
+    --button-danger-iconColor-rest: #f0883e;
     --button-danger-iconColor-hover: #ffffff;
     --button-danger-bgColor-rest: #212830;
     --button-danger-bgColor-hover: #9b4215;
@@ -862,9 +882,9 @@
     --buttonCounter-danger-bgColor-hover: #ffffff33;
     --buttonCounter-danger-bgColor-disabled: #bd561d0d;
     --buttonCounter-danger-bgColor-rest: #49020233;
-    --buttonCounter-danger-fgColor-rest: #db6d28;
+    --buttonCounter-danger-fgColor-rest: #f0883e;
     --buttonCounter-danger-fgColor-hover: #ffffff;
-    --buttonCounter-danger-fgColor-disabled: #db6d2880;
+    --buttonCounter-danger-fgColor-disabled: #f0883e80;
     --reactionButton-selected-bgColor-rest: #388bfd33;
     --reactionButton-selected-bgColor-hover: #3a8cfd5c;
     --reactionButton-selected-fgColor-rest: #4493f8;
@@ -1015,7 +1035,7 @@
     --fgColor-open: #f0883e;
     --fgColor-attention: #d29922;
     --fgColor-severe: #db6d28;
-    --fgColor-danger: #db6d28;
+    --fgColor-danger: #f0883e;
     --fgColor-closed: #9198a1;
     --fgColor-done: #ab7df8;
     --fgColor-upsell: #ab7df8;
@@ -1035,7 +1055,7 @@
     --bgColor-accent-emphasis: #1f6feb;
     --bgColor-success-muted: #388bfd26;
     --bgColor-success-emphasis: #1f6feb;
-    --bgColor-open-muted: #db6d2866;
+    --bgColor-open-muted: #db6d2833;
     --bgColor-open-emphasis: #bd561d;
     --bgColor-attention-muted: #bb800926;
     --bgColor-attention-emphasis: #9e6a03;