Default Admin Color Report: Foreground and Background

This focused report covers text, primary, and button foreground/background contrast across theme modes and accent presets.

Generated
2026-05-05T20:56:36.736Z

Settings page
/admin/appearance/settings/default_admin

Tracked tokens
17

Current Defaults Only

Accent preset cards show base hex plus the derived light and dark mode values.

blue

Base: #015efe

Light mode: #015EFE

Dark mode: #C4D1FF

light_blue

Base: #2f6dd0

Light mode: #2F6DD0

Dark mode: #BADCFF

dark_purple

Base: #4300bf

Light mode: #4300BF

Dark mode: #FFBBFF

purple

Base: #5b00ff

Light mode: #5B00FF

Dark mode: #FFB1FF

teal

Base: #0e7772

Light mode: #0E7772

Dark mode: #9EEBE5

green

Base: #02742d

Light mode: #02742D

Dark mode: #9EEFA8

pink

Base: #d12f70

Light mode: #D12F70

Dark mode: #FFAED9

red

Base: #d8002f

Light mode: #D8002F

Dark mode: #FFA69C

orange

Base: #c55228

Light mode: #C55228

Dark mode: #FFBD90

yellow

Base: #966705

Light mode: #966705

Dark mode: #FFD383

neutral

Base: #111111

Light mode: #111111

Dark mode: #DDDDDD

Accent Preset Quick Reference

Accent preset	Current default	Proposed default (not applied)
Blue (Default)	#015efe	#0050D8 Darker
Light Blue	#2f6dd0	#1F5BB8 Darker
Dark Purple	#4300bf	#4300BF
Purple	#5b00ff	#4A00D0 Darker
Teal	#0e7772	#0B645F Darker
Green	#02742d	#026127 Darker
Pink	#d12f70	#B3205D Darker
Red	#d8002f	#B00025 Darker
Orange	#c55228	#A8431F Darker
Yellow	#966705	#7A5400 Darker
Neutral	#111111	#111111

Baseline State Matrix

Text metrics are scored against AA 4.5:1 and AAA 7:1. Focus-related metrics are shown for context.

State	Text on layer	Primary on layer	Button text on primary	Focus on app bg
Light / Increase Contrast Off	15.54:1 AAA `#222330 on #FFFFFF`	5.21:1 AA `#015EFE on #FFFFFF`	5.21:1 AA `#FFFFFF on #015EFE`	2.22:1 Fail `#64AFFC on #FAFAFF (alpha-composited)`
Dark / Increase Contrast Off	9.54:1 AAA `#D2D3D3 on #2A2A2D`	9.48:1 AAA `#C4D1FF on #2A2A2D`	12.51:1 AAA `#111111 on #C4D1FF`	6.87:1 AAA `#51A8FF on #1B1B1D`
Dark / Increase Contrast On	9.70:1 AAA `#D4D4D5 on #2A2A2D (alpha-composited)`	9.48:1 AAA `#C4D1FF on #2A2A2D`	12.51:1 AAA `#111111 on #C4D1FF`	13.08:1 AAA `#CCCCCC on #000000 (alpha-composited)`
Light / Increase Contrast On	12.63:1 AAA `#333333 on #FFFFFF (alpha-composited)`	5.21:1 AA `#015EFE on #FFFFFF`	5.21:1 AA `#FFFFFF on #015EFE`	10.10:1 AAA `#2B2C2C on #D9DBDE (alpha-composited)`

Accent Combination Grid

Primary Button Text on Accent

Accent preset	Light / Increase Contrast Off	Dark / Increase Contrast Off	Dark / Increase Contrast On	Light / Increase Contrast On
blue `Light: #015EFE` `Dark: #C4D1FF`	5.21:1 AA `#FFFFFF on #015EFE`	12.51:1 AAA `#111111 on #C4D1FF`	12.51:1 AAA `#111111 on #C4D1FF`	5.21:1 AA `#FFFFFF on #015EFE`
light_blue `Light: #2F6DD0` `Dark: #BADCFF`	4.98:1 AA `#FFFFFF on #2F6DD0`	13.28:1 AAA `#111111 on #BADCFF`	13.28:1 AAA `#111111 on #BADCFF`	4.98:1 AA `#FFFFFF on #2F6DD0`
dark_purple `Light: #4300BF` `Dark: #FFBBFF`	10.55:1 AAA `#FFFFFF on #4300BF`	12.41:1 AAA `#111111 on #FFBBFF`	12.41:1 AAA `#111111 on #FFBBFF`	10.55:1 AAA `#FFFFFF on #4300BF`
purple `Light: #5B00FF` `Dark: #FFB1FF`	7.27:1 AAA `#FFFFFF on #5B00FF`	11.68:1 AAA `#111111 on #FFB1FF`	11.68:1 AAA `#111111 on #FFB1FF`	7.27:1 AAA `#FFFFFF on #5B00FF`
teal `Light: #0E7772` `Dark: #9EEBE5`	5.38:1 AA `#FFFFFF on #0E7772`	13.91:1 AAA `#111111 on #9EEBE5`	13.91:1 AAA `#111111 on #9EEBE5`	5.38:1 AA `#FFFFFF on #0E7772`
green `Light: #02742D` `Dark: #9EEFA8`	5.93:1 AA `#FFFFFF on #02742D`	13.82:1 AAA `#111111 on #9EEFA8`	13.82:1 AAA `#111111 on #9EEFA8`	5.93:1 AA `#FFFFFF on #02742D`
pink `Light: #D12F70` `Dark: #FFAED9`	4.83:1 AA `#FFFFFF on #D12F70`	11.07:1 AAA `#111111 on #FFAED9`	11.07:1 AAA `#111111 on #FFAED9`	4.83:1 AA `#FFFFFF on #D12F70`
red `Light: #D8002F` `Dark: #FFA69C`	5.30:1 AA `#FFFFFF on #D8002F`	10.06:1 AAA `#111111 on #FFA69C`	10.06:1 AAA `#111111 on #FFA69C`	5.30:1 AA `#FFFFFF on #D8002F`
orange `Light: #C55228` `Dark: #FFBD90`	4.55:1 AA `#FFFFFF on #C55228`	11.63:1 AAA `#111111 on #FFBD90`	11.63:1 AAA `#111111 on #FFBD90`	4.55:1 AA `#FFFFFF on #C55228`
yellow `Light: #966705` `Dark: #FFD383`	4.95:1 AA `#FFFFFF on #966705`	13.40:1 AAA `#111111 on #FFD383`	13.40:1 AAA `#111111 on #FFD383`	4.95:1 AA `#FFFFFF on #966705`
neutral `Light: #111111` `Dark: #DDDDDD`	18.88:1 AAA `#FFFFFF on #111111`	13.90:1 AAA `#111111 on #DDDDDD`	13.90:1 AAA `#111111 on #DDDDDD`	18.88:1 AAA `#FFFFFF on #111111`

Accent Color on Layer

Accent preset	Light / Increase Contrast Off	Dark / Increase Contrast Off	Dark / Increase Contrast On	Light / Increase Contrast On
blue `Light: #015EFE` `Dark: #C4D1FF`	5.21:1 AA `#015EFE on #FFFFFF`	9.48:1 AAA `#C4D1FF on #2A2A2D`	9.48:1 AAA `#C4D1FF on #2A2A2D`	5.21:1 AA `#015EFE on #FFFFFF`
light_blue `Light: #2F6DD0` `Dark: #BADCFF`	4.98:1 AA `#2F6DD0 on #FFFFFF`	10.06:1 AAA `#BADCFF on #2A2A2D`	10.06:1 AAA `#BADCFF on #2A2A2D`	4.98:1 AA `#2F6DD0 on #FFFFFF`
dark_purple `Light: #4300BF` `Dark: #FFBBFF`	10.55:1 AAA `#4300BF on #FFFFFF`	9.41:1 AAA `#FFBBFF on #2A2A2D`	9.41:1 AAA `#FFBBFF on #2A2A2D`	10.55:1 AAA `#4300BF on #FFFFFF`
purple `Light: #5B00FF` `Dark: #FFB1FF`	7.27:1 AAA `#5B00FF on #FFFFFF`	8.85:1 AAA `#FFB1FF on #2A2A2D`	8.85:1 AAA `#FFB1FF on #2A2A2D`	7.27:1 AAA `#5B00FF on #FFFFFF`
teal `Light: #0E7772` `Dark: #9EEBE5`	5.38:1 AA `#0E7772 on #FFFFFF`	10.54:1 AAA `#9EEBE5 on #2A2A2D`	10.54:1 AAA `#9EEBE5 on #2A2A2D`	5.38:1 AA `#0E7772 on #FFFFFF`
green `Light: #02742D` `Dark: #9EEFA8`	5.93:1 AA `#02742D on #FFFFFF`	10.47:1 AAA `#9EEFA8 on #2A2A2D`	10.47:1 AAA `#9EEFA8 on #2A2A2D`	5.93:1 AA `#02742D on #FFFFFF`
pink `Light: #D12F70` `Dark: #FFAED9`	4.83:1 AA `#D12F70 on #FFFFFF`	8.39:1 AAA `#FFAED9 on #2A2A2D`	8.39:1 AAA `#FFAED9 on #2A2A2D`	4.83:1 AA `#D12F70 on #FFFFFF`
red `Light: #D8002F` `Dark: #FFA69C`	5.30:1 AA `#D8002F on #FFFFFF`	7.62:1 AAA `#FFA69C on #2A2A2D`	7.62:1 AAA `#FFA69C on #2A2A2D`	5.30:1 AA `#D8002F on #FFFFFF`
orange `Light: #C55228` `Dark: #FFBD90`	4.55:1 AA `#C55228 on #FFFFFF`	8.81:1 AAA `#FFBD90 on #2A2A2D`	8.81:1 AAA `#FFBD90 on #2A2A2D`	4.55:1 AA `#C55228 on #FFFFFF`
yellow `Light: #966705` `Dark: #FFD383`	4.95:1 AA `#966705 on #FFFFFF`	10.15:1 AAA `#FFD383 on #2A2A2D`	10.15:1 AAA `#FFD383 on #2A2A2D`	4.95:1 AA `#966705 on #FFFFFF`
neutral `Light: #111111` `Dark: #DDDDDD`	18.88:1 AAA `#111111 on #FFFFFF`	10.54:1 AAA `#DDDDDD on #2A2A2D`	10.54:1 AAA `#DDDDDD on #2A2A2D`	18.88:1 AAA `#111111 on #FFFFFF`

WCAG Compliance Recommendations

Proposed patch (not applied): patches/default-admin-accent-aa-defaults.patch

Current Presets vs Proposed Presets

No CSS values were changed by this report. Proposed values are filtered to satisfy WCAG ratio and APCA target (60 Lc minimum) for sampled button and primary pairings. WCAG/APCA columns are shown as button / primary. APCA values here use absolute Lc magnitude, so review them alongside the intended foreground/background roles because APCA is directional.

Preset	Current	Proposed	Min Button Text on Primary	Min Primary on Layer	Current WCAG mins	Proposed WCAG mins	Current APCA mins	Proposed APCA mins	Compliance
blue	#015efe	#0050D8	5.21:1	5.21:1	3.63:1 / 2.75:1	2.82:1 / 2.14:1	28.8 / 23.2	21.5 / 16.1	Review
light_blue	#2f6dd0	#1F5BB8	4.98:1	4.98:1	3.79:1 / 2.87:1	2.92:1 / 2.21:1	29.4 / 23.8	21.8 / 16.4	Review
dark_purple	#4300bf	#4300BF	10.55:1	9.41:1	1.79:1 / 1.36:1	1.79:1 / 1.36:1	11.4 / 0.0	11.4 / 0.0	Review
purple	#5b00ff	#4A00D0	7.27:1	7.27:1	2.60:1 / 1.97:1	1.98:1 / 1.50:1	21.0 / 15.6	13.9 / 8.9	Review
teal	#0e7772	#0B645F	5.38:1	5.38:1	3.51:1 / 2.66:1	2.70:1 / 2.05:1	27.0 / 21.5	19.6 / 14.3	Review
green	#02742d	#026127	5.93:1	5.93:1	3.18:1 / 2.41:1	2.47:1 / 1.87:1	24.3 / 18.9	17.3 / 12.1	Review
pink	#d12f70	#B3205D	4.83:1	4.83:1	3.91:1 / 2.97:1	2.95:1 / 2.24:1	31.4 / 25.8	23.2 / 17.7	Review
red	#d8002f	#B00025	5.30:1	5.30:1	3.56:1 / 2.70:1	2.58:1 / 1.96:1	29.9 / 24.3	20.6 / 15.3	Review
orange	#c55228	#A8431F	4.55:1	4.55:1	4.15:1 / 3.14:1	3.14:1 / 2.38:1	32.5 / 26.9	24.1 / 18.6	Review
yellow	#966705	#7A5400	4.95:1	4.95:1	3.81:1 / 2.89:1	2.78:1 / 2.11:1	29.4 / 23.8	20.2 / 14.9	Review
neutral	#111111	#111111	13.90:1	10.54:1	1.00:1 / 1.32:1	1.00:1 / 1.32:1	0.0 / 0.0	0.0 / 0.0	Review

✓ No failing scenarios were observed in this run for the tested AA metrics.

Note: Proposed values should be validated in runtime because component composition, alpha blending, and forced-colors behavior can affect perceived contrast.

Exhaustive Token Combination Grids

Matrix: Text and Accent Tokens

Rows are foreground tokens. Columns are background tokens. Each cell shows worst-case observed contrast across sampled states/presets.

Foreground Background	`var(--gin-bg-app)`	`var(--gin-bg-layer)`	`var(--button-bg-color--primary)`	`var(--gin-color-primary)`	`var(--gin-color-primary-light)`	`var(--accent-base)`	`var(--accent-color-500)`	`var(--accent-color-030)`
`var(--gin-color-text)`	10.10:1 AA `FG #000000` `BG #D9DBDE`	9.54:1 AA `FG #D2D3D3` `BG #2A2A2D`	1.01:1 Fail `FG #D2D3D3` `BG #C4D1FF`	1.01:1 Fail `FG #D2D3D3` `BG #C4D1FF`	1.01:1 Fail `FG #D2D3D3` `BG #FFBCFF`	1.09:1 Fail `FG #000000` `BG #111111`	1.01:1 Fail `FG #D2D3D3` `BG #C4D1FF`	1.01:1 Fail `FG #D2D3D3` `BG #FFBCFF`
`var(--gin-color-text-light)`	6.49:1 AA `FG #9E9FA0` `BG #1B1B1D`	5.40:1 AA `FG #9E9FA0` `BG #2A2A2D`	1.02:1 Fail `FG #545560` `BG #5B00FF`	1.02:1 Fail `FG #545560` `BG #5B00FF`	1.03:1 Fail `FG #545560` `BG #5E00FF`	1.02:1 Fail `FG #545560` `BG #5B00FF`	1.02:1 Fail `FG #545560` `BG #5B00FF`	1.03:1 Fail `FG #545560` `BG #5E00FF`
`var(--gin-color-primary)`	3.28:1 Fail `FG #C55228` `BG #D9DBDE`	4.55:1 AA `FG #C55228` `BG #FFFFFF`	1.00:1 Fail `FG #015EFE` `BG #015EFE`	1.00:1 Fail `FG #015EFE` `BG #015EFE`	1.00:1 Fail `FG #015EFE` `BG #005EFF`	1.00:1 Fail `FG #015EFE` `BG #015EFE`	1.00:1 Fail `FG #015EFE` `BG #015EFE`	1.00:1 Fail `FG #015EFE` `BG #005EFF`
`var(--gin-color-primary-light)`	1.18:1 Fail `FG #946507` `BG #D9DBDE`	1.22:1 Fail `FG #2F6BD0` `BG #FFFFFF`	1.00:1 Fail `FG #005EFF` `BG #015EFE`	1.00:1 Fail `FG #005EFF` `BG #015EFE`	1.00:1 Fail `FG #005EFF` `BG #005EFF`	1.00:1 Fail `FG #005EFF` `BG #015EFE`	1.00:1 Fail `FG #005EFF` `BG #015EFE`	1.00:1 Fail `FG #005EFF` `BG #005EFF`
`var(--button-fg-color--primary)`	1.04:1 Fail `FG #FFFFFF` `BG #FAFAFF`	1.00:1 Fail `FG #FFFFFF` `BG #FFFFFF`	4.55:1 AA `FG #FFFFFF` `BG #C55228`	4.55:1 AA `FG #FFFFFF` `BG #C55228`	4.64:1 AA `FG #FFFFFF` `BG #C35128`	1.00:1 Fail `FG #111111` `BG #111111`	4.55:1 AA `FG #FFFFFF` `BG #C55228`	4.64:1 AA `FG #FFFFFF` `BG #C35128`
`var(--accent-base)`	1.10:1 Fail `FG #111111` `BG #1B1B1D`	1.32:1 Fail `FG #111111` `BG #2A2A2D`	1.00:1 Fail `FG #015EFE` `BG #015EFE`	1.00:1 Fail `FG #015EFE` `BG #015EFE`	1.00:1 Fail `FG #015EFE` `BG #005EFF`	1.00:1 Fail `FG #015EFE` `BG #015EFE`	1.00:1 Fail `FG #015EFE` `BG #015EFE`	1.00:1 Fail `FG #015EFE` `BG #005EFF`
`var(--accent-color-500)`	3.28:1 Fail `FG #C55228` `BG #D9DBDE`	4.55:1 AA `FG #C55228` `BG #FFFFFF`	1.00:1 Fail `FG #015EFE` `BG #015EFE`	1.00:1 Fail `FG #015EFE` `BG #015EFE`	1.00:1 Fail `FG #015EFE` `BG #005EFF`	1.00:1 Fail `FG #015EFE` `BG #015EFE`	1.00:1 Fail `FG #015EFE` `BG #015EFE`	1.00:1 Fail `FG #015EFE` `BG #005EFF`
`var(--accent-color-030)`	1.18:1 Fail `FG #946507` `BG #D9DBDE`	1.22:1 Fail `FG #2F6BD0` `BG #FFFFFF`	1.00:1 Fail `FG #005EFF` `BG #015EFE`	1.00:1 Fail `FG #005EFF` `BG #015EFE`	1.00:1 Fail `FG #005EFF` `BG #005EFF`	1.00:1 Fail `FG #005EFF` `BG #015EFE`	1.00:1 Fail `FG #005EFF` `BG #015EFE`	1.00:1 Fail `FG #005EFF` `BG #005EFF`

Text and Accent Token Combinations (AA 4.5:1)

Foreground token	Background token	Worst observed ratio	Threshold 4.5:1	Worst-case sample
`var(--gin-color-text)` Intended role: foreground	`var(--gin-bg-app)` Intended role: background	10.10:1 Pass `#000000 on #D9DBDE`	Pass	Light / Increase Contrast On / Accent: blue
`var(--gin-color-text)` Intended role: foreground	`var(--gin-bg-layer)` Intended role: background	9.54:1 Pass `#D2D3D3 on #2A2A2D`	Pass	Dark / Increase Contrast Off / Accent: blue
`var(--gin-color-text)` Intended role: foreground	`var(--button-bg-color--primary)` Intended role: background	1.01:1 Fail `#D2D3D3 on #C4D1FF`	Fail	Dark / Increase Contrast Off / Accent: blue
`var(--gin-color-text)` Intended role: foreground	`var(--gin-color-primary)` Intended role: accent	1.01:1 Fail `#D2D3D3 on #C4D1FF`	Fail	Dark / Increase Contrast Off / Accent: blue
`var(--gin-color-text)` Intended role: foreground	`var(--gin-color-primary-light)` Intended role: accent	1.01:1 Fail `#D2D3D3 on #FFBCFF`	Fail	Dark / Increase Contrast Off / Accent: dark_purple
`var(--gin-color-text)` Intended role: foreground	`var(--accent-base)` Intended role: accent base	1.09:1 Fail `#000000 on #111111`	Fail	Light / Increase Contrast On / Accent: neutral
`var(--gin-color-text)` Intended role: foreground	`var(--accent-color-500)` Intended role: accent	1.01:1 Fail `#D2D3D3 on #C4D1FF`	Fail	Dark / Increase Contrast Off / Accent: blue
`var(--gin-color-text)` Intended role: foreground	`var(--accent-color-030)` Intended role: accent tint	1.01:1 Fail `#D2D3D3 on #FFBCFF`	Fail	Dark / Increase Contrast Off / Accent: dark_purple
`var(--gin-color-text-light)` Intended role: foreground	`var(--gin-bg-app)` Intended role: background	6.49:1 Pass `#9E9FA0 on #1B1B1D`	Pass	Dark / Increase Contrast Off / Accent: blue
`var(--gin-color-text-light)` Intended role: foreground	`var(--gin-bg-layer)` Intended role: background	5.40:1 Pass `#9E9FA0 on #2A2A2D`	Pass	Dark / Increase Contrast Off / Accent: blue
`var(--gin-color-text-light)` Intended role: foreground	`var(--button-bg-color--primary)` Intended role: background	1.02:1 Fail `#545560 on #5B00FF`	Fail	Light / Increase Contrast Off / Accent: purple
`var(--gin-color-text-light)` Intended role: foreground	`var(--gin-color-primary)` Intended role: accent	1.02:1 Fail `#545560 on #5B00FF`	Fail	Light / Increase Contrast Off / Accent: purple
`var(--gin-color-text-light)` Intended role: foreground	`var(--gin-color-primary-light)` Intended role: accent	1.03:1 Fail `#545560 on #5E00FF`	Fail	Light / Increase Contrast Off / Accent: purple
`var(--gin-color-text-light)` Intended role: foreground	`var(--accent-base)` Intended role: accent base	1.02:1 Fail `#545560 on #5B00FF`	Fail	Light / Increase Contrast Off / Accent: purple
`var(--gin-color-text-light)` Intended role: foreground	`var(--accent-color-500)` Intended role: accent	1.02:1 Fail `#545560 on #5B00FF`	Fail	Light / Increase Contrast Off / Accent: purple
`var(--gin-color-text-light)` Intended role: foreground	`var(--accent-color-030)` Intended role: accent tint	1.03:1 Fail `#545560 on #5E00FF`	Fail	Light / Increase Contrast Off / Accent: purple
`var(--gin-color-primary)` Intended role: accent	`var(--gin-bg-app)` Intended role: background	3.28:1 Fail `#C55228 on #D9DBDE`	Fail	Light / Increase Contrast On / Accent: orange
`var(--gin-color-primary)` Intended role: accent	`var(--gin-bg-layer)` Intended role: background	4.55:1 Pass `#C55228 on #FFFFFF`	Pass	Light / Increase Contrast Off / Accent: orange
`var(--gin-color-primary)` Intended role: accent	`var(--button-bg-color--primary)` Intended role: background	1.00:1 Fail `#015EFE on #015EFE`	Fail	Light / Increase Contrast Off / Accent: blue
`var(--gin-color-primary)` Intended role: accent	`var(--gin-color-primary)` Intended role: accent	1.00:1 Fail `#015EFE on #015EFE`	Fail	Light / Increase Contrast Off / Accent: blue
`var(--gin-color-primary)` Intended role: accent	`var(--gin-color-primary-light)` Intended role: accent	1.00:1 Fail `#015EFE on #005EFF`	Fail	Light / Increase Contrast Off / Accent: blue
`var(--gin-color-primary)` Intended role: accent	`var(--accent-base)` Intended role: accent base	1.00:1 Fail `#015EFE on #015EFE`	Fail	Light / Increase Contrast Off / Accent: blue
`var(--gin-color-primary)` Intended role: accent	`var(--accent-color-500)` Intended role: accent	1.00:1 Fail `#015EFE on #015EFE`	Fail	Light / Increase Contrast Off / Accent: blue
`var(--gin-color-primary)` Intended role: accent	`var(--accent-color-030)` Intended role: accent tint	1.00:1 Fail `#015EFE on #005EFF`	Fail	Light / Increase Contrast Off / Accent: blue
`var(--gin-color-primary-light)` Intended role: accent	`var(--gin-bg-app)` Intended role: background	1.18:1 Fail `#946507 on #D9DBDE`	Fail	Light / Increase Contrast On / Accent: yellow
`var(--gin-color-primary-light)` Intended role: accent	`var(--gin-bg-layer)` Intended role: background	1.22:1 Fail `#2F6BD0 on #FFFFFF`	Fail	Light / Increase Contrast Off / Accent: light_blue
`var(--gin-color-primary-light)` Intended role: accent	`var(--button-bg-color--primary)` Intended role: background	1.00:1 Fail `#005EFF on #015EFE`	Fail	Light / Increase Contrast Off / Accent: blue
`var(--gin-color-primary-light)` Intended role: accent	`var(--gin-color-primary)` Intended role: accent	1.00:1 Fail `#005EFF on #015EFE`	Fail	Light / Increase Contrast Off / Accent: blue
`var(--gin-color-primary-light)` Intended role: accent	`var(--gin-color-primary-light)` Intended role: accent	1.00:1 Fail `#005EFF on #005EFF`	Fail	Light / Increase Contrast Off / Accent: blue
`var(--gin-color-primary-light)` Intended role: accent	`var(--accent-base)` Intended role: accent base	1.00:1 Fail `#005EFF on #015EFE`	Fail	Light / Increase Contrast Off / Accent: blue
`var(--gin-color-primary-light)` Intended role: accent	`var(--accent-color-500)` Intended role: accent	1.00:1 Fail `#005EFF on #015EFE`	Fail	Light / Increase Contrast Off / Accent: blue
`var(--gin-color-primary-light)` Intended role: accent	`var(--accent-color-030)` Intended role: accent tint	1.00:1 Fail `#005EFF on #005EFF`	Fail	Light / Increase Contrast Off / Accent: blue
`var(--button-fg-color--primary)` Intended role: foreground	`var(--gin-bg-app)` Intended role: background	1.04:1 Fail `#FFFFFF on #FAFAFF`	Fail	Light / Increase Contrast Off / Accent: blue
`var(--button-fg-color--primary)` Intended role: foreground	`var(--gin-bg-layer)` Intended role: background	1.00:1 Fail `#FFFFFF on #FFFFFF`	Fail	Light / Increase Contrast Off / Accent: blue
`var(--button-fg-color--primary)` Intended role: foreground	`var(--button-bg-color--primary)` Intended role: background	4.55:1 Pass `#FFFFFF on #C55228`	Pass	Light / Increase Contrast Off / Accent: orange
`var(--button-fg-color--primary)` Intended role: foreground	`var(--gin-color-primary)` Intended role: accent	4.55:1 Pass `#FFFFFF on #C55228`	Pass	Light / Increase Contrast Off / Accent: orange
`var(--button-fg-color--primary)` Intended role: foreground	`var(--gin-color-primary-light)` Intended role: accent	4.64:1 Pass `#FFFFFF on #C35128`	Pass	Light / Increase Contrast Off / Accent: orange
`var(--button-fg-color--primary)` Intended role: foreground	`var(--accent-base)` Intended role: accent base	1.00:1 Fail `#111111 on #111111`	Fail	Dark / Increase Contrast Off / Accent: neutral
`var(--button-fg-color--primary)` Intended role: foreground	`var(--accent-color-500)` Intended role: accent	4.55:1 Pass `#FFFFFF on #C55228`	Pass	Light / Increase Contrast Off / Accent: orange
`var(--button-fg-color--primary)` Intended role: foreground	`var(--accent-color-030)` Intended role: accent tint	4.64:1 Pass `#FFFFFF on #C35128`	Pass	Light / Increase Contrast Off / Accent: orange
`var(--accent-base)` Intended role: accent base	`var(--gin-bg-app)` Intended role: background	1.10:1 Fail `#111111 on #1B1B1D`	Fail	Dark / Increase Contrast Off / Accent: neutral
`var(--accent-base)` Intended role: accent base	`var(--gin-bg-layer)` Intended role: background	1.32:1 Fail `#111111 on #2A2A2D`	Fail	Dark / Increase Contrast Off / Accent: neutral
`var(--accent-base)` Intended role: accent base	`var(--button-bg-color--primary)` Intended role: background	1.00:1 Fail `#015EFE on #015EFE`	Fail	Light / Increase Contrast Off / Accent: blue
`var(--accent-base)` Intended role: accent base	`var(--gin-color-primary)` Intended role: accent	1.00:1 Fail `#015EFE on #015EFE`	Fail	Light / Increase Contrast Off / Accent: blue
`var(--accent-base)` Intended role: accent base	`var(--gin-color-primary-light)` Intended role: accent	1.00:1 Fail `#015EFE on #005EFF`	Fail	Light / Increase Contrast Off / Accent: blue
`var(--accent-base)` Intended role: accent base	`var(--accent-base)` Intended role: accent base	1.00:1 Fail `#015EFE on #015EFE`	Fail	Light / Increase Contrast Off / Accent: blue
`var(--accent-base)` Intended role: accent base	`var(--accent-color-500)` Intended role: accent	1.00:1 Fail `#015EFE on #015EFE`	Fail	Light / Increase Contrast Off / Accent: blue
`var(--accent-base)` Intended role: accent base	`var(--accent-color-030)` Intended role: accent tint	1.00:1 Fail `#015EFE on #005EFF`	Fail	Light / Increase Contrast Off / Accent: blue
`var(--accent-color-500)` Intended role: accent	`var(--gin-bg-app)` Intended role: background	3.28:1 Fail `#C55228 on #D9DBDE`	Fail	Light / Increase Contrast On / Accent: orange
`var(--accent-color-500)` Intended role: accent	`var(--gin-bg-layer)` Intended role: background	4.55:1 Pass `#C55228 on #FFFFFF`	Pass	Light / Increase Contrast Off / Accent: orange
`var(--accent-color-500)` Intended role: accent	`var(--button-bg-color--primary)` Intended role: background	1.00:1 Fail `#015EFE on #015EFE`	Fail	Light / Increase Contrast Off / Accent: blue
`var(--accent-color-500)` Intended role: accent	`var(--gin-color-primary)` Intended role: accent	1.00:1 Fail `#015EFE on #015EFE`	Fail	Light / Increase Contrast Off / Accent: blue
`var(--accent-color-500)` Intended role: accent	`var(--gin-color-primary-light)` Intended role: accent	1.00:1 Fail `#015EFE on #005EFF`	Fail	Light / Increase Contrast Off / Accent: blue
`var(--accent-color-500)` Intended role: accent	`var(--accent-base)` Intended role: accent base	1.00:1 Fail `#015EFE on #015EFE`	Fail	Light / Increase Contrast Off / Accent: blue
`var(--accent-color-500)` Intended role: accent	`var(--accent-color-500)` Intended role: accent	1.00:1 Fail `#015EFE on #015EFE`	Fail	Light / Increase Contrast Off / Accent: blue
`var(--accent-color-500)` Intended role: accent	`var(--accent-color-030)` Intended role: accent tint	1.00:1 Fail `#015EFE on #005EFF`	Fail	Light / Increase Contrast Off / Accent: blue
`var(--accent-color-030)` Intended role: accent tint	`var(--gin-bg-app)` Intended role: background	1.18:1 Fail `#946507 on #D9DBDE`	Fail	Light / Increase Contrast On / Accent: yellow
`var(--accent-color-030)` Intended role: accent tint	`var(--gin-bg-layer)` Intended role: background	1.22:1 Fail `#2F6BD0 on #FFFFFF`	Fail	Light / Increase Contrast Off / Accent: light_blue
`var(--accent-color-030)` Intended role: accent tint	`var(--button-bg-color--primary)` Intended role: background	1.00:1 Fail `#005EFF on #015EFE`	Fail	Light / Increase Contrast Off / Accent: blue
`var(--accent-color-030)` Intended role: accent tint	`var(--gin-color-primary)` Intended role: accent	1.00:1 Fail `#005EFF on #015EFE`	Fail	Light / Increase Contrast Off / Accent: blue
`var(--accent-color-030)` Intended role: accent tint	`var(--gin-color-primary-light)` Intended role: accent	1.00:1 Fail `#005EFF on #005EFF`	Fail	Light / Increase Contrast Off / Accent: blue
`var(--accent-color-030)` Intended role: accent tint	`var(--accent-base)` Intended role: accent base	1.00:1 Fail `#005EFF on #015EFE`	Fail	Light / Increase Contrast Off / Accent: blue
`var(--accent-color-030)` Intended role: accent tint	`var(--accent-color-500)` Intended role: accent	1.00:1 Fail `#005EFF on #015EFE`	Fail	Light / Increase Contrast Off / Accent: blue
`var(--accent-color-030)` Intended role: accent tint	`var(--accent-color-030)` Intended role: accent tint	1.00:1 Fail `#005EFF on #005EFF`	Fail	Light / Increase Contrast Off / Accent: blue

Where The Colors Are Applied

Token	Meaning & Usage	Total refs	Foreground	Background	Border	Alias	Effect	Visible at (example URLs)
`--gin-color-text`	Primary text Main text color for body content, labels, and headings throughout the admin interface	142	90	8	22	16	6	/admin /admin/content /admin/config
`--gin-color-text-light`	Secondary text Muted or secondary text for hints, metadata, timestamps, and less prominent content	66	56	8	0	2	0	/admin /admin/content /admin/config
`--gin-bg-app`	App background Base background color for the entire admin interface; appears behind all content	64	12	42	4	2	4	Various pages
`--gin-bg-layer`	Layer background Background color for cards, panels, modals, and content sections; sits on top of app background	76	4	68	0	4	0	Various pages
`--accent-base`	Accent base Foundation color from which the accent ramp is generated; drives all accent variants (030-900)	10	0	0	0	10	0	/admin/appearance /admin/appearance/settings/default_admin
`--accent-color-500`	Accent 500 Mid-tone accent color used for primary interactive elements and highlights	8	0	0	0	8	0	/admin /admin/content /admin/config /admin/appearance /admin/appearance/settings/default_admin
`--accent-color-030`	Accent 030 Very light accent shade; used for hover states and light backgrounds on accent elements	6	0	0	0	6	0	/admin /admin/content /admin/config /admin/appearance /admin/appearance/settings/default_admin
`--gin-color-primary`	Primary accent Main accent color applied to active buttons, links, selected states, and primary actions	238	58	108	44	20	8	/admin/content /admin/structure /admin/modules /admin /admin/config
`--gin-color-primary-light`	Primary accent light Lightened version of primary accent; used for hover and focus states on accent elements	38	0	22	0	6	10	/admin/content /admin/structure /admin/modules /admin /admin/config
`--gin-color-button-text`	Primary button text Text color for primary action buttons; typically white or light text on dark accent	62	40	8	2	12	0	/admin/content /admin/structure /admin/modules /admin /admin/config
`--button-bg-color--primary`	Primary button background Background color for the main "Save", "Create", and other primary action buttons	6	0	4	0	2	0	/admin/content /admin/structure /admin/modules /admin /admin/config
`--button-fg-color--primary`	Primary button foreground Text color specifically for primary buttons; ensures readable contrast on button background	4	4	0	0	0	0	/admin/content /admin/structure /admin/modules /admin /admin/config
`--gin-color-focus`	Focus color Ring or outline color that indicates keyboard focus on interactive elements for accessibility	12	0	0	4	6	2	/admin /admin/content /admin/config /admin/appearance
`--gin-color-focus-border`	Focus border Border styling for focused form fields and controls; works with focus color for visibility	6	0	0	4	2	0	/admin /admin/content /admin/config /admin/appearance
`--color-focus`	Resolved focus token Computed focus color after resolving all CSS variables and theme settings	28	0	0	14	12	2	/admin /admin/content /admin/config /admin/appearance
`--focus-ring`	Focus ring effect Box shadow or outline applied to focused elements to create visible focus indicator	6	0	0	0	0	6	/admin/content /admin/config /admin/appearance
`--gin-border-color-form-element`	Form border Border color for input fields, select boxes, textareas, and other form controls	30	0	4	20	6	0	/admin /admin/content /admin/config /admin/appearance

--gin-color-text (136 foreground/background/border references)

token-alias --color-text in :root at core/themes/default_admin/css/base/variables.css:14
--color-text: var(--gin-color-text);
token-alias --color-text in :root at core/themes/default_admin/css/base/variables.pcss.css:8
--color-text: var(--gin-color-text);
foreground color in body at core/themes/default_admin/migration/css/base/gin-body.css:13
color: var(--gin-color-text);
foreground color in body at core/themes/default_admin/migration/css/base/gin-body.pcss.css:10
color: var(--gin-color-text);
foreground color in .gin-details__summary.gin-details__summary--system-status-report at core/themes/default_admin/migration/css/base/gin-extend.css:32
color: var(--gin-color-text);
foreground color in .gin-details__summary.gin-details__summary--system-status-report at core/themes/default_admin/migration/css/base/gin-extend.pcss.css:25
color: var(--gin-color-text);
foreground color in .form-element at core/themes/default_admin/migration/css/base/gin-form.css:11
color: var(--gin-color-text);
border border-color in &:hover at core/themes/default_admin/migration/css/base/gin-form.css:20
border-color: var(--gin-color-text);
foreground color in label at core/themes/default_admin/migration/css/base/gin-form.css:296
color: var(--gin-color-text);
border border-color in .gin--dark-mode & at core/themes/default_admin/migration/css/base/gin-form.css:307
border-color: var(--gin-color-text);
border border-color in .gin--dark-mode & at core/themes/default_admin/migration/css/base/gin-form.css:329
border-color: var(--gin-color-text);
foreground color in .form-element at core/themes/default_admin/migration/css/base/gin-form.pcss.css:5
color: var(--gin-color-text);
border border-color in &:hover at core/themes/default_admin/migration/css/base/gin-form.pcss.css:14
border-color: var(--gin-color-text);
foreground color in label at core/themes/default_admin/migration/css/base/gin-form.pcss.css:304
color: var(--gin-color-text);
border border-color in .gin--dark-mode & at core/themes/default_admin/migration/css/base/gin-form.pcss.css:317
border-color: var(--gin-color-text);
border border-color in .gin--dark-mode & at core/themes/default_admin/migration/css/base/gin-form.pcss.css:340
border-color: var(--gin-color-text);
foreground color in .form-item .counter at core/themes/default_admin/migration/css/base/gin-maxlength.css:9
color: var(--gin-color-text);
foreground color in .form-item .counter at core/themes/default_admin/migration/css/base/gin-maxlength.pcss.css:3
color: var(--gin-color-text);
foreground color in .pager__link at core/themes/default_admin/migration/css/base/gin-pager.css:9
color: var(--gin-color-text);
foreground color in .pager__link at core/themes/default_admin/migration/css/base/gin-pager.pcss.css:2
color: var(--gin-color-text);
foreground color in .progress__percentage at core/themes/default_admin/migration/css/base/gin-progress.css:24
color: var(--gin-color-text);
foreground color in .progress__percentage at core/themes/default_admin/migration/css/base/gin-progress.pcss.css:17
color: var(--gin-color-text);
background background-color in .upgrade-status-summary tr.not-scanned > td.status-info::before at core/themes/default_admin/migration/css/base/gin-status-report.css:10
background-color: var(--gin-color-text);
background background-color in .upgrade-status-summary tr.not-scanned > td.status-info::before at core/themes/default_admin/migration/css/base/gin-status-report.pcss.css:4
background-color: var(--gin-color-text);
foreground color in details at core/themes/default_admin/migration/css/base/gin-system-modules.css:15
color: var(--gin-color-text);
foreground color in details at core/themes/default_admin/migration/css/base/gin-system-modules.pcss.css:8
color: var(--gin-color-text);
foreground color in .draggable-table.tabledrag-disabled tr at core/themes/default_admin/migration/css/base/gin-table.css:121
color: var(--gin-color-text);
foreground color in &:hover at core/themes/default_admin/migration/css/base/gin-table.css:125
color: var(--gin-color-text);
border border-block-end in .region-title at core/themes/default_admin/migration/css/base/gin-table.css:233
border-block-end: 2px solid var(--gin-color-text);
foreground color in .draggable-table.tabledrag-disabled tr at core/themes/default_admin/migration/css/base/gin-table.pcss.css:122
color: var(--gin-color-text);
foreground color in &:hover at core/themes/default_admin/migration/css/base/gin-table.pcss.css:126
color: var(--gin-color-text);
border border-block-end in .region-title at core/themes/default_admin/migration/css/base/gin-table.pcss.css:238
border-block-end: 2px solid var(--gin-color-text);
foreground color in .page-title__language at core/themes/default_admin/migration/css/base/gin-title.css:37
color: var(--gin-color-text);
foreground color in .page-title__language at core/themes/default_admin/migration/css/base/gin-title.pcss.css:35
color: var(--gin-color-text);
foreground color in .color-checked at core/themes/default_admin/migration/css/base/gin-update.css:99
color: var(--gin-color-text);
foreground color in .color-checked at core/themes/default_admin/migration/css/base/gin-update.pcss.css:92
color: var(--gin-color-text);
foreground color in .section-title at core/themes/default_admin/migration/css/base/gin-views.css:119
color: var(--gin-color-text);
foreground color in .views-display-setting at core/themes/default_admin/migration/css/base/gin-views.css:293
color: var(--gin-color-text);
foreground color in td at core/themes/default_admin/migration/css/base/gin-views.css:335
color: var(--gin-color-text);
foreground color in .machine-name-label at core/themes/default_admin/migration/css/base/gin-views.css:392
color: var(--gin-color-text);
foreground color in .section-title at core/themes/default_admin/migration/css/base/gin-views.pcss.css:122
color: var(--gin-color-text);
foreground color in .views-display-setting at core/themes/default_admin/migration/css/base/gin-views.pcss.css:305
color: var(--gin-color-text);
foreground color in td at core/themes/default_admin/migration/css/base/gin-views.pcss.css:352
color: var(--gin-color-text);
foreground color in .machine-name-label at core/themes/default_admin/migration/css/base/gin-views.pcss.css:418
color: var(--gin-color-text);
foreground color in .ajax-progress .ajax-progress__message at core/themes/default_admin/migration/css/components/ajax.css:32
color: var(--gin-color-text);
foreground color in .ajax-progress .ajax-progress__message at core/themes/default_admin/migration/css/components/ajax.pcss.css:25
color: var(--gin-color-text);
foreground color in .ui-dialog .ui-autocomplete at core/themes/default_admin/migration/css/components/autocomplete.css:15
color: var(--gin-color-text);
foreground color in .ui-autocomplete .ui-menu-item a at core/themes/default_admin/migration/css/components/autocomplete.css:42
color: var(--gin-color-text);
foreground color in div.autocomplete-deluxe-multiple at core/themes/default_admin/migration/css/components/autocomplete.css:106
color: var(--gin-color-text);
foreground color in .ui-dialog .ui-autocomplete at core/themes/default_admin/migration/css/components/autocomplete.pcss.css:8
color: var(--gin-color-text);
foreground color in .ui-autocomplete .ui-menu-item a at core/themes/default_admin/migration/css/components/autocomplete.pcss.css:35
color: var(--gin-color-text);
foreground color in div.autocomplete-deluxe-multiple at core/themes/default_admin/migration/css/components/autocomplete.pcss.css:99
color: var(--gin-color-text);
foreground color in .gin-breadcrumb at core/themes/default_admin/migration/css/components/breadcrumb.css:17
color: var(--gin-color-text);
border border-inline-end in &:first-of-type + .gin-breadcrumb__item::before at core/themes/default_admin/migration/css/components/breadcrumb.css:105
border-inline-end: 1px solid var(--gin-color-text);
foreground color in .gin-breadcrumb at core/themes/default_admin/migration/css/components/breadcrumb.pcss.css:10
color: var(--gin-color-text);
border border-inline-end in &:first-of-type + .gin-breadcrumb__item::before at core/themes/default_admin/migration/css/components/breadcrumb.pcss.css:97
border-inline-end: 1px solid var(--gin-color-text);
token-alias --ck-color-text in .ck at core/themes/default_admin/migration/css/components/ckeditor5.css:16
--ck-color-text: var(--gin-color-text);
token-alias --ck-content-font-color in .ck at core/themes/default_admin/migration/css/components/ckeditor5.css:17
--ck-content-font-color: var(--gin-color-text);
token-alias --ck-color-widget-hover-border in :root at core/themes/default_admin/migration/css/components/ckeditor5.css:57
--ck-color-widget-hover-border: var(--gin-color-text);
token-alias --ck-color-widget-type-around-button-hover in :root at core/themes/default_admin/migration/css/components/ckeditor5.css:58
--ck-color-widget-type-around-button-hover: var(--gin-color-text);
token-alias --ck-color-text in .ck at core/themes/default_admin/migration/css/components/ckeditor5.pcss.css:8
--ck-color-text: var(--gin-color-text);
token-alias --ck-content-font-color in .ck at core/themes/default_admin/migration/css/components/ckeditor5.pcss.css:9
--ck-content-font-color: var(--gin-color-text);
token-alias --ck-color-widget-hover-border in :root at core/themes/default_admin/migration/css/components/ckeditor5.pcss.css:49
--ck-color-widget-hover-border: var(--gin-color-text);
token-alias --ck-color-widget-type-around-button-hover in :root at core/themes/default_admin/migration/css/components/ckeditor5.pcss.css:50
--ck-color-widget-type-around-button-hover: var(--gin-color-text);
foreground color in .ui-dialog-content.ui-dialog-content at core/themes/default_admin/migration/css/components/dialog.css:95
color: var(--gin-color-text);
foreground color in .fieldset at core/themes/default_admin/migration/css/components/dialog.css:225
color: var(--gin-color-text);
foreground color in .ui-dialog-content.ui-dialog-content at core/themes/default_admin/migration/css/components/dialog.pcss.css:90
color: var(--gin-color-text);
foreground color in .fieldset at core/themes/default_admin/migration/css/components/dialog.pcss.css:220
color: var(--gin-color-text);
foreground color in .entity-meta__header at core/themes/default_admin/migration/css/components/edit_form.css:143
color: var(--gin-color-text);
foreground color in .entity-meta__header at core/themes/default_admin/migration/css/components/edit_form.pcss.css:138
color: var(--gin-color-text);
token-alias --color-gray in .maintenance-page at core/themes/default_admin/migration/css/components/maintenance_page.css:17
--color-gray: var(--gin-color-text);
token-alias --color-gray in .maintenance-page at core/themes/default_admin/migration/css/components/maintenance_page.pcss.css:10
--color-gray: var(--gin-color-text);
border border-color in &.is-hover .media-library-item__preview at core/themes/default_admin/migration/css/components/media_library.css:134
border-color: var(--gin-color-text);
foreground color in .media-library-item__name at core/themes/default_admin/migration/css/components/media_library.css:189
color: var(--gin-color-text);
foreground color in .media-library-menu__link at core/themes/default_admin/migration/css/components/media_library.css:305
color: var(--gin-color-text);
foreground color in .view-header at core/themes/default_admin/migration/css/components/media_library.css:339
color: var(--gin-color-text);
foreground color in .views-display-link at core/themes/default_admin/migration/css/components/media_library.css:359
color: var(--gin-color-text);
background background-color in &::before at core/themes/default_admin/migration/css/components/media_library.css:368
background-color: var(--gin-color-text);
border border-color in &.is-hover .media-library-item__preview at core/themes/default_admin/migration/css/components/media_library.pcss.css:129
border-color: var(--gin-color-text);
foreground color in .media-library-item__name at core/themes/default_admin/migration/css/components/media_library.pcss.css:184
color: var(--gin-color-text);
foreground color in .media-library-menu__link at core/themes/default_admin/migration/css/components/media_library.pcss.css:300
color: var(--gin-color-text);
foreground color in .view-header at core/themes/default_admin/migration/css/components/media_library.pcss.css:333
color: var(--gin-color-text);
foreground color in .views-display-link at core/themes/default_admin/migration/css/components/media_library.pcss.css:352
color: var(--gin-color-text);
background background-color in &::before at core/themes/default_admin/migration/css/components/media_library.pcss.css:361
background-color: var(--gin-color-text);
foreground color in .form-element at core/themes/default_admin/migration/css/components/node_preview.css:122
color: var(--gin-color-text);
foreground color in .form-element at core/themes/default_admin/migration/css/components/node_preview.pcss.css:116
color: var(--gin-color-text);
border border-color in &:focus at core/themes/default_admin/migration/css/components/settings.css:192
border-color: var(--gin-color-text);
border border-color in &:focus at core/themes/default_admin/migration/css/components/settings.pcss.css:185
border-color: var(--gin-color-text);
foreground color in .views-bulk-actions__item at core/themes/default_admin/migration/css/components/tableselect.css:127
color: var(--gin-color-text);
foreground color in .views-bulk-actions__item at core/themes/default_admin/migration/css/components/tableselect.pcss.css:120
color: var(--gin-color-text);
foreground color in .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button a at core/themes/default_admin/migration/css/components/tabs.css:55
color: var(--gin-color-text);
foreground color in .gin-details at core/themes/default_admin/migration/css/components/tabs.css:81
color: var(--gin-color-text);
background background in .gin-details[open] > .gin-details__summary::before at core/themes/default_admin/migration/css/components/tabs.css:352
background: var(--gin-color-text);
foreground color in .vertical-tabs__menu-link at core/themes/default_admin/migration/css/components/tabs.css:426
color: var(--gin-color-text);
foreground color in .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button a at core/themes/default_admin/migration/css/components/tabs.pcss.css:50
color: var(--gin-color-text);
foreground color in .gin-details at core/themes/default_admin/migration/css/components/tabs.pcss.css:76
color: var(--gin-color-text);
background background in .gin-details[open] > .gin-details__summary::before at core/themes/default_admin/migration/css/components/tabs.pcss.css:347
background: var(--gin-color-text);
foreground color in .vertical-tabs__menu-link at core/themes/default_admin/migration/css/components/tabs.pcss.css:421
color: var(--gin-color-text);
background background-color in &::before at core/themes/default_admin/migration/css/components/toolbar.css:140
background-color: var(--gin-color-text);
foreground color in span at core/themes/default_admin/migration/css/components/toolbar.css:411
color: var(--gin-color-text);
foreground color in &:focus at core/themes/default_admin/migration/css/components/toolbar.css:635
color: var(--gin-color-text);
foreground color in #admin-toolbar-search-input at core/themes/default_admin/migration/css/components/toolbar.css:746
color: var(--gin-color-text);
foreground color in .ui-autocomplete.admin-toolbar-search-autocomplete-list at core/themes/default_admin/migration/css/components/toolbar.css:790
color: var(--gin-color-text);
background background-color in &::before at core/themes/default_admin/migration/css/components/toolbar.pcss.css:135
background-color: var(--gin-color-text);
foreground color in span at core/themes/default_admin/migration/css/components/toolbar.pcss.css:406
color: var(--gin-color-text);
foreground color in &:focus at core/themes/default_admin/migration/css/components/toolbar.pcss.css:629
color: var(--gin-color-text);
foreground color in #admin-toolbar-search-input at core/themes/default_admin/migration/css/components/toolbar.pcss.css:740
color: var(--gin-color-text);
foreground color in .ui-autocomplete.admin-toolbar-search-autocomplete-list at core/themes/default_admin/migration/css/components/toolbar.pcss.css:784
color: var(--gin-color-text);
token-alias --admin-toolbar-color-gray-800 in :is(#extra-specificity-hack, [data-drupal-admin-styles]) at core/themes/default_admin/migration/css/layout/navigation.css:57
--admin-toolbar-color-gray-800: var(--gin-color-text);
foreground color in .toolbar-menu__link at core/themes/default_admin/migration/css/layout/navigation.css:67
color: var(--gin-color-text);
foreground color in .toolbar-button at core/themes/default_admin/migration/css/layout/navigation.css:110
color: var(--gin-color-text);
foreground color in &.gin--navigation-top-bar .toolbar-button.toolbar-button--icon--dots at core/themes/default_admin/migration/css/layout/navigation.css:241
color: var(--gin-color-text);
token-alias --admin-toolbar-color-gray-800 in :is(#extra-specificity-hack, [data-drupal-admin-styles]) at core/themes/default_admin/migration/css/layout/navigation.pcss.css:52
--admin-toolbar-color-gray-800: var(--gin-color-text);
foreground color in .toolbar-menu__link at core/themes/default_admin/migration/css/layout/navigation.pcss.css:62
color: var(--gin-color-text);
foreground color in .toolbar-button at core/themes/default_admin/migration/css/layout/navigation.pcss.css:105
color: var(--gin-color-text);
foreground color in &.gin--navigation-top-bar .toolbar-button.toolbar-button--icon--dots at core/themes/default_admin/migration/css/layout/navigation.pcss.css:236
color: var(--gin-color-text);
foreground color in .toolbar .toolbar-menu .toolbar-menu span at core/themes/default_admin/migration/css/layout/toolbar.css:83
color: var(--gin-color-text);
foreground color in .toolbar .toolbar-menu .toolbar-menu span at core/themes/default_admin/migration/css/layout/toolbar.pcss.css:78
color: var(--gin-color-text);
foreground color in .toolbar-title at core/themes/default_admin/migration/css/layout/top_bar.css:68
color: var(--gin-color-text);
foreground fill in .toolbar-title__icon path at core/themes/default_admin/migration/css/layout/top_bar.css:72
fill: var(--gin-color-text);
foreground color in .toolbar-title at core/themes/default_admin/migration/css/layout/top_bar.pcss.css:60
color: var(--gin-color-text);
foreground fill in .toolbar-title__icon path at core/themes/default_admin/migration/css/layout/top_bar.pcss.css:64
fill: var(--gin-color-text);
foreground color in .form-element at core/themes/default_admin/migration/css/theme/dialog.css:77
color: var(--gin-color-text);
border border-color in &:hover at core/themes/default_admin/migration/css/theme/dialog.css:86
border-color: var(--gin-color-text);
border border-color in .gin--dark-mode & .form-boolean:active at core/themes/default_admin/migration/css/theme/dialog.css:221
border-color: var(--gin-color-text);
border border-color in &:hover at core/themes/default_admin/migration/css/theme/dialog.css:242
border-color: var(--gin-color-text);
border border-color in .gin--dark-mode &:hover at core/themes/default_admin/migration/css/theme/dialog.css:246
border-color: var(--gin-color-text);
foreground color in label at core/themes/default_admin/migration/css/theme/dialog.css:442
color: var(--gin-color-text);
foreground color in .form-element at core/themes/default_admin/migration/css/theme/dialog.pcss.css:69
color: var(--gin-color-text);
border border-color in &:hover at core/themes/default_admin/migration/css/theme/dialog.pcss.css:78
border-color: var(--gin-color-text);
border border-color in .gin--dark-mode & .form-boolean:active at core/themes/default_admin/migration/css/theme/dialog.pcss.css:213
border-color: var(--gin-color-text);
border border-color in &:hover at core/themes/default_admin/migration/css/theme/dialog.pcss.css:234
border-color: var(--gin-color-text);
border border-color in .gin--dark-mode &:hover at core/themes/default_admin/migration/css/theme/dialog.pcss.css:238
border-color: var(--gin-color-text);
foreground color in label at core/themes/default_admin/migration/css/theme/dialog.pcss.css:433
color: var(--gin-color-text);
token-alias --gin-color-contextual in :root at core/themes/default_admin/migration/css/theme/variables.css:50
--gin-color-contextual: var(--gin-color-text);
token-alias --gin-color-contextual in :root at core/themes/default_admin/migration/css/theme/variables.pcss.css:44
--gin-color-contextual: var(--gin-color-text);

--gin-color-text-light (66 foreground/background/border references)

foreground color in .admin-item__description at core/themes/default_admin/migration/css/base/gin-admin-item.css:54
color: var(--gin-color-text-light);
foreground color in .admin-item__description at core/themes/default_admin/migration/css/base/gin-admin-item.pcss.css:47
color: var(--gin-color-text-light);
foreground color in .gin-details__summary-summary at core/themes/default_admin/migration/css/base/gin-extend.css:51
color: var(--gin-color-text-light);
foreground color in .gin-details__summary-summary at core/themes/default_admin/migration/css/base/gin-extend.pcss.css:44
color: var(--gin-color-text-light);
foreground color in .field-plugin-summary at core/themes/default_admin/migration/css/base/gin-field-ui.css:14
color: var(--gin-color-text-light);
foreground color in .field-option__description at core/themes/default_admin/migration/css/base/gin-field-ui.css:70
color: var(--gin-color-text-light);
foreground color in .item-list at core/themes/default_admin/migration/css/base/gin-field-ui.css:111
color: var(--gin-color-text-light);
foreground color in .field-plugin-summary at core/themes/default_admin/migration/css/base/gin-field-ui.pcss.css:7
color: var(--gin-color-text-light);
foreground color in .field-option__description at core/themes/default_admin/migration/css/base/gin-field-ui.pcss.css:62
color: var(--gin-color-text-light);
foreground color in .item-list at core/themes/default_admin/migration/css/base/gin-field-ui.pcss.css:103
color: var(--gin-color-text-light);
foreground color in .password-strength__title at core/themes/default_admin/migration/css/base/gin-form.css:73
color: var(--gin-color-text-light);
foreground color in .password-suggestions at core/themes/default_admin/migration/css/base/gin-form.css:79
color: var(--gin-color-text-light);
foreground color in fieldset:not(.fieldgroup) at core/themes/default_admin/migration/css/base/gin-form.css:409
color: var(--gin-color-text-light);
foreground color in .filter-guidelines__item at core/themes/default_admin/migration/css/base/gin-form.css:445
color: var(--gin-color-text-light);
foreground color in .password-strength__title at core/themes/default_admin/migration/css/base/gin-form.pcss.css:73
color: var(--gin-color-text-light);
foreground color in .password-suggestions at core/themes/default_admin/migration/css/base/gin-form.pcss.css:81
color: var(--gin-color-text-light);
foreground color in fieldset:not(.fieldgroup) at core/themes/default_admin/migration/css/base/gin-form.pcss.css:425
color: var(--gin-color-text-light);
foreground color in .filter-guidelines__item at core/themes/default_admin/migration/css/base/gin-form.pcss.css:464
color: var(--gin-color-text-light);
foreground color in p at core/themes/default_admin/migration/css/base/gin-help.css:17
color: var(--gin-color-text-light);
foreground color in #edit-help at core/themes/default_admin/migration/css/base/gin-help.css:22
color: var(--gin-color-text-light);
foreground color in p at core/themes/default_admin/migration/css/base/gin-help.pcss.css:10
color: var(--gin-color-text-light);
foreground color in #edit-help at core/themes/default_admin/migration/css/base/gin-help.pcss.css:15
color: var(--gin-color-text-light);
background background in &::after at core/themes/default_admin/migration/css/base/gin-pager.css:46
background: var(--gin-color-text-light);
background background in &::after at core/themes/default_admin/migration/css/base/gin-pager.pcss.css:39
background: var(--gin-color-text-light);
foreground color in .admin-required at core/themes/default_admin/migration/css/base/gin-system-modules.css:21
color: var(--gin-color-text-light);
foreground color in .admin-required at core/themes/default_admin/migration/css/base/gin-system-modules.pcss.css:14
color: var(--gin-color-text-light);
background background in > a::after at core/themes/default_admin/migration/css/base/gin-table.css:169
background: var(--gin-color-text-light);
background background in > a::after at core/themes/default_admin/migration/css/base/gin-table.pcss.css:169
background: var(--gin-color-text-light);
background background-color in @media (forced-colors: none) at core/themes/default_admin/migration/css/base/gin-tabledrag.css:68
background-color: var(--gin-color-text-light);
background background-color in @supports (mask-composite: source-over) at core/themes/default_admin/migration/css/base/gin-tabledrag.css:72
background-color: var(--gin-color-text-light);
background background-color in @media (forced-colors: none) at core/themes/default_admin/migration/css/base/gin-tabledrag.pcss.css:67
background-color: var(--gin-color-text-light);
background background-color in @supports (mask-composite: source-over) at core/themes/default_admin/migration/css/base/gin-tabledrag.pcss.css:71
background-color: var(--gin-color-text-light);
foreground color in .project-update__details at core/themes/default_admin/migration/css/base/gin-update.css:18
color: var(--gin-color-text-light);
foreground color in .project-update__details at core/themes/default_admin/migration/css/base/gin-update.pcss.css:11
color: var(--gin-color-text-light);
foreground color in .gin-breadcrumb__text at core/themes/default_admin/migration/css/components/breadcrumb.css:43
color: var(--gin-color-text-light);
foreground color in .gin-breadcrumb__text em:visited at core/themes/default_admin/migration/css/components/breadcrumb.css:132
color: var(--gin-color-text-light);
foreground color in .gin-breadcrumb__text at core/themes/default_admin/migration/css/components/breadcrumb.pcss.css:35
color: var(--gin-color-text-light);
foreground color in .gin-breadcrumb__text em:visited at core/themes/default_admin/migration/css/components/breadcrumb.pcss.css:124
color: var(--gin-color-text-light);
token-alias --ck-color-image-caption-text in :root at core/themes/default_admin/migration/css/components/ckeditor5.css:59
--ck-color-image-caption-text: var(--gin-color-text-light);
token-alias --ck-color-image-caption-text in :root at core/themes/default_admin/migration/css/components/ckeditor5.pcss.css:51
--ck-color-image-caption-text: var(--gin-color-text-light);
foreground color in .media-library-widget-empty-text at core/themes/default_admin/migration/css/components/media_library.css:270
color: var(--gin-color-text-light);
foreground color in .media-library-selected-count at core/themes/default_admin/migration/css/components/media_library.css:508
color: var(--gin-color-text-light);
foreground color in .description at core/themes/default_admin/migration/css/components/media_library.css:524
color: var(--gin-color-text-light);
foreground color in .media-library-widget-empty-text at core/themes/default_admin/migration/css/components/media_library.pcss.css:265
color: var(--gin-color-text-light);
foreground color in .media-library-selected-count at core/themes/default_admin/migration/css/components/media_library.pcss.css:501
color: var(--gin-color-text-light);
foreground color in .description at core/themes/default_admin/migration/css/components/media_library.pcss.css:517
color: var(--gin-color-text-light);
foreground color in .node-preview-form-select label at core/themes/default_admin/migration/css/components/node_preview.css:48
color: var(--gin-color-text-light);
foreground color in .node-preview-backlink at core/themes/default_admin/migration/css/components/node_preview.css:57
color: var(--gin-color-text-light);
foreground color in .node-preview-form-select label at core/themes/default_admin/migration/css/components/node_preview.pcss.css:43
color: var(--gin-color-text-light);
foreground color in .node-preview-backlink at core/themes/default_admin/migration/css/components/node_preview.pcss.css:51
color: var(--gin-color-text-light);
foreground color in .views-bulk-actions__item--status at core/themes/default_admin/migration/css/components/tableselect.css:149
color: var(--gin-color-text-light);
foreground color in .views-bulk-actions__item--status at core/themes/default_admin/migration/css/components/tableselect.pcss.css:142
color: var(--gin-color-text-light);
foreground color in .gin-details__description at core/themes/default_admin/migration/css/components/tabs.css:346
color: var(--gin-color-text-light);
foreground color in .vertical-tabs__menu-link-summary at core/themes/default_admin/migration/css/components/tabs.css:430
color: var(--gin-color-text-light);
foreground color in .gin-details__description at core/themes/default_admin/migration/css/components/tabs.pcss.css:341
color: var(--gin-color-text-light);
foreground color in .vertical-tabs__menu-link-summary at core/themes/default_admin/migration/css/components/tabs.pcss.css:425
color: var(--gin-color-text-light);
foreground color in &:hover at core/themes/default_admin/migration/css/layout/navigation.css:339
color: var(--gin-color-text-light);
foreground color in &:hover at core/themes/default_admin/migration/css/layout/navigation.pcss.css:334
color: var(--gin-color-text-light);
foreground color in .password-strength__title at core/themes/default_admin/migration/css/theme/dialog.css:143
color: var(--gin-color-text-light);
foreground color in .password-suggestions at core/themes/default_admin/migration/css/theme/dialog.css:151
color: var(--gin-color-text-light);
foreground color in fieldset:not(.fieldgroup) at core/themes/default_admin/migration/css/theme/dialog.css:469
color: var(--gin-color-text-light);
foreground color in .filter-guidelines__item at core/themes/default_admin/migration/css/theme/dialog.css:508
color: var(--gin-color-text-light);
foreground color in .password-strength__title at core/themes/default_admin/migration/css/theme/dialog.pcss.css:135
color: var(--gin-color-text-light);
foreground color in .password-suggestions at core/themes/default_admin/migration/css/theme/dialog.pcss.css:143
color: var(--gin-color-text-light);
foreground color in fieldset:not(.fieldgroup) at core/themes/default_admin/migration/css/theme/dialog.pcss.css:460
color: var(--gin-color-text-light);
foreground color in .filter-guidelines__item at core/themes/default_admin/migration/css/theme/dialog.pcss.css:499
color: var(--gin-color-text-light);

--gin-bg-app (60 foreground/background/border references)

background background in body at core/themes/default_admin/migration/css/base/gin-body.css:14
background: var(--gin-bg-app);
background background in body at core/themes/default_admin/migration/css/base/gin-body.pcss.css:11
background: var(--gin-bg-app);
foreground color in .gin--dark-mode & at core/themes/default_admin/migration/css/base/gin-button.css:120
color: var(--gin-bg-app);
foreground color in .gin--dark-mode & at core/themes/default_admin/migration/css/base/gin-button.pcss.css:123
color: var(--gin-bg-app);
background background-color in .dropbutton__items > .dropbutton__item ~ .dropbutton__item at core/themes/default_admin/migration/css/base/gin-dropbutton.css:84
background-color: var(--gin-bg-app);
background background-color in .dropbutton__items > .dropbutton__item ~ .dropbutton__item at core/themes/default_admin/migration/css/base/gin-dropbutton.pcss.css:76
background-color: var(--gin-bg-app);
background background in .draggable.drag-previous.field-plugin-settings-editing at core/themes/default_admin/migration/css/base/gin-field-ui.css:10
background: var(--gin-bg-app);
background background in .draggable.drag-previous.field-plugin-settings-editing at core/themes/default_admin/migration/css/base/gin-field-ui.pcss.css:3
background: var(--gin-bg-app);
background background-color in .icon-close at core/themes/default_admin/migration/css/base/gin-messages.css:87
background-color: var(--gin-bg-app);
background background-color in .icon-close at core/themes/default_admin/migration/css/base/gin-messages.pcss.css:80
background-color: var(--gin-bg-app);
foreground color in .pager__item--current at core/themes/default_admin/migration/css/base/gin-pager.css:15
color: var(--gin-bg-app);
background background in &:hover::after at core/themes/default_admin/migration/css/base/gin-pager.css:51
background: var(--gin-bg-app);
foreground color in .pager__item--current at core/themes/default_admin/migration/css/base/gin-pager.pcss.css:8
color: var(--gin-bg-app);
background background in &:hover::after at core/themes/default_admin/migration/css/base/gin-pager.pcss.css:44
background: var(--gin-bg-app);
background background in :root at core/themes/default_admin/migration/css/base/gin-regions.css:16
background: var(--gin-bg-app);
background background in .region-sticky--is-sticky at core/themes/default_admin/migration/css/base/gin-regions.css:54
background: var(--gin-bg-app);
background background in .gin--high-contrast-mode & at core/themes/default_admin/migration/css/base/gin-regions.css:57
background: var(--gin-bg-app);
background background in :root at core/themes/default_admin/migration/css/base/gin-regions.pcss.css:12
background: var(--gin-bg-app);
background background in .region-sticky--is-sticky at core/themes/default_admin/migration/css/base/gin-regions.pcss.css:52
background: var(--gin-bg-app);
background background in .gin--high-contrast-mode & at core/themes/default_admin/migration/css/base/gin-regions.pcss.css:55
background: var(--gin-bg-app);
foreground color in li.is-active a.is-active at core/themes/default_admin/migration/css/base/gin-views.css:217
color: var(--gin-bg-app);
background background-color in .views-override:not(:empty) at core/themes/default_admin/migration/css/base/gin-views.css:369
background-color: var(--gin-bg-app);
foreground color in li.is-active a.is-active at core/themes/default_admin/migration/css/base/gin-views.pcss.css:227
color: var(--gin-bg-app);
background background-color in .views-override:not(:empty) at core/themes/default_admin/migration/css/base/gin-views.pcss.css:390
background-color: var(--gin-bg-app);
border border in .ajax-progress__throbber--fullscreen at core/themes/default_admin/migration/css/components/ajax.css:42
border: 3px solid var(--gin-bg-app);
background background in .ui-dialog .ajax-progress-throbber at core/themes/default_admin/migration/css/components/ajax.css:59
background: var(--gin-bg-app);
border border-color in .gin--dark-mode .media-library-item .ajax-progress.ajax-progress.ajax-progress at core/themes/default_admin/migration/css/components/ajax.css:86
border-color: var(--gin-bg-app);
background background-color in .gin--dark-mode .media-library-item .ajax-progress.ajax-progress.ajax-progress at core/themes/default_admin/migration/css/components/ajax.css:87
background-color: var(--gin-bg-app);
border border in .ajax-progress__throbber--fullscreen at core/themes/default_admin/migration/css/components/ajax.pcss.css:35
border: 3px solid var(--gin-bg-app);
background background in .ui-dialog .ajax-progress-throbber at core/themes/default_admin/migration/css/components/ajax.pcss.css:52
background: var(--gin-bg-app);
border border-color in .gin--dark-mode .media-library-item .ajax-progress.ajax-progress.ajax-progress at core/themes/default_admin/migration/css/components/ajax.pcss.css:79
border-color: var(--gin-bg-app);
background background-color in .gin--dark-mode .media-library-item .ajax-progress.ajax-progress.ajax-progress at core/themes/default_admin/migration/css/components/ajax.pcss.css:80
background-color: var(--gin-bg-app);
background background in .ui-widget-content.ui-dialog-buttonpane at core/themes/default_admin/migration/css/components/dialog.css:103
background: var(--gin-bg-app);
background background in .ui-widget-content.ui-dialog-buttonpane at core/themes/default_admin/migration/css/components/dialog.pcss.css:98
background: var(--gin-bg-app);
background background in :root at core/themes/default_admin/migration/css/components/maintenance_page.css:25
background: var(--gin-bg-app);
background background in :root at core/themes/default_admin/migration/css/components/maintenance_page.pcss.css:18
background: var(--gin-bg-app);
background background in .media-library-add-form__preview at core/themes/default_admin/migration/css/components/media_library.css:280
background: var(--gin-bg-app);
background background-color in .media-library-menu at core/themes/default_admin/migration/css/components/media_library.css:301
background-color: var(--gin-bg-app);
background background in .media-library-add-form__preview at core/themes/default_admin/migration/css/components/media_library.pcss.css:275
background: var(--gin-bg-app);
background background-color in .media-library-menu at core/themes/default_admin/migration/css/components/media_library.pcss.css:296
background-color: var(--gin-bg-app);
background background in .gin--high-contrast-mode & at core/themes/default_admin/migration/css/components/node_preview.css:33
background: var(--gin-bg-app);
background background in .gin--high-contrast-mode & at core/themes/default_admin/migration/css/components/node_preview.pcss.css:28
background: var(--gin-bg-app);
foreground color in button.toolbar-icon.toolbar-icon-edit.toolbar-item.is-active at core/themes/default_admin/migration/css/components/settings_tray.css:20
color: var(--gin-bg-app);
foreground color in button.toolbar-icon.toolbar-icon-edit.toolbar-item.is-active at core/themes/default_admin/migration/css/components/settings_tray.pcss.css:13
color: var(--gin-bg-app);
background background in &:focus-within::after at core/themes/default_admin/migration/css/components/tabs.css:157
background: var(--gin-bg-app);
background background in .gin-details__wrapper--vertical-tabs-item at core/themes/default_admin/migration/css/components/tabs.css:400
background: var(--gin-bg-app);
background background in .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link at core/themes/default_admin/migration/css/components/tabs.css:422
background: var(--gin-bg-app);
background background in .vertical-tabs .gin-details__wrapper at core/themes/default_admin/migration/css/components/tabs.css:434
background: var(--gin-bg-app);
background background in &:focus-within::after at core/themes/default_admin/migration/css/components/tabs.pcss.css:152
background: var(--gin-bg-app);
background background in .gin-details__wrapper--vertical-tabs-item at core/themes/default_admin/migration/css/components/tabs.pcss.css:395
background: var(--gin-bg-app);
background background in .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link at core/themes/default_admin/migration/css/components/tabs.pcss.css:417
background: var(--gin-bg-app);
background background in .vertical-tabs .gin-details__wrapper at core/themes/default_admin/migration/css/components/tabs.pcss.css:429
background: var(--gin-bg-app);
foreground color in &:focus at core/themes/default_admin/migration/css/components/toolbar.css:100
color: var(--gin-bg-app);
background background in &:focus::before at core/themes/default_admin/migration/css/components/toolbar.css:107
background: var(--gin-bg-app);
foreground color in &:focus at core/themes/default_admin/migration/css/components/toolbar.pcss.css:95
color: var(--gin-bg-app);
background background in &:focus::before at core/themes/default_admin/migration/css/components/toolbar.pcss.css:102
background: var(--gin-bg-app);
foreground fill in svg path at core/themes/default_admin/migration/css/layout/navigation.css:175
fill: var(--gin-bg-app);
foreground fill in svg path at core/themes/default_admin/migration/css/layout/navigation.pcss.css:170
fill: var(--gin-bg-app);
token-alias --gin-bg-secondary in :root at core/themes/default_admin/migration/css/theme/variables.css:221
--gin-bg-secondary: var(--gin-bg-app);
token-alias --gin-bg-secondary in :root at core/themes/default_admin/migration/css/theme/variables.pcss.css:215
--gin-bg-secondary: var(--gin-bg-app);

--gin-bg-layer (76 foreground/background/border references)

foreground color in &:active at core/themes/default_admin/migration/css/base/gin-action-link.css:101
color: var(--gin-bg-layer);
foreground color in #edit-submit.button.button--danger at core/themes/default_admin/migration/css/base/gin-action-link.css:111
color: var(--gin-bg-layer);
foreground color in &:active at core/themes/default_admin/migration/css/base/gin-action-link.pcss.css:94
color: var(--gin-bg-layer);
foreground color in #edit-submit.button.button--danger at core/themes/default_admin/migration/css/base/gin-action-link.pcss.css:103
color: var(--gin-bg-layer);
background background-color in .card__content-wrapper at core/themes/default_admin/migration/css/base/gin-card.css:38
background-color: var(--gin-bg-layer);
background background-color in .card__content-wrapper at core/themes/default_admin/migration/css/base/gin-card.pcss.css:37
background-color: var(--gin-bg-layer);
background background-color in &:hover at core/themes/default_admin/migration/css/base/gin-form.css:344
background-color: var(--gin-bg-layer);
background background-color in &:hover at core/themes/default_admin/migration/css/base/gin-form.pcss.css:355
background-color: var(--gin-bg-layer);
background background in .field-config-form at core/themes/default_admin/migration/css/base/gin-layers.css:57
background: var(--gin-bg-layer);
background background in .field-config-form at core/themes/default_admin/migration/css/base/gin-layers.pcss.css:55
background: var(--gin-bg-layer);
background background in .upgrade-status-counter at core/themes/default_admin/migration/css/base/gin-status-report.css:76
background: var(--gin-bg-layer);
background background in .upgrade-status-counter at core/themes/default_admin/migration/css/base/gin-status-report.pcss.css:74
background: var(--gin-bg-layer);
background background-color in .gin-horizontal-scroll-shadow at core/themes/default_admin/migration/css/base/gin-table.css:29
background-color: var(--gin-bg-layer);
background background-image in .gin-horizontal-scroll-shadow at core/themes/default_admin/migration/css/base/gin-table.css:30
background-image: linear-gradient(to right, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to right, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to right, rgb(0, 0, 0, 0.125), rgb(255, 255, 255, 0)), linear-gradient(to left, rgb(0, 0, 0, 0.125), rgb(255, 255, 255, 0));
background background-image in .gin-horizontal-scroll-shadow at core/themes/default_admin/migration/css/base/gin-table.css:30
background-image: linear-gradient(to right, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to right, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to right, rgb(0, 0, 0, 0.125), rgb(255, 255, 255, 0)), linear-gradient(to left, rgb(0, 0, 0, 0.125), rgb(255, 255, 255, 0));
background background-image in .gin-horizontal-scroll-shadow at core/themes/default_admin/migration/css/base/gin-table.css:30
background-image: linear-gradient(to right, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to right, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to right, rgb(0, 0, 0, 0.125), rgb(255, 255, 255, 0)), linear-gradient(to left, rgb(0, 0, 0, 0.125), rgb(255, 255, 255, 0));
background background-image in .gin-horizontal-scroll-shadow at core/themes/default_admin/migration/css/base/gin-table.css:30
background-image: linear-gradient(to right, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to right, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to right, rgb(0, 0, 0, 0.125), rgb(255, 255, 255, 0)), linear-gradient(to left, rgb(0, 0, 0, 0.125), rgb(255, 255, 255, 0));
background background-image in &:dir(rtl) at core/themes/default_admin/migration/css/base/gin-table.css:45
background-image: linear-gradient(to left, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to left, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to left, rgb(0, 0, 0, 0.125), rgb(255, 255, 255, 0)), linear-gradient(to right, rgb(0, 0, 0, 0.125), rgb(255, 255, 255, 0));
background background-image in &:dir(rtl) at core/themes/default_admin/migration/css/base/gin-table.css:45
background-image: linear-gradient(to left, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to left, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to left, rgb(0, 0, 0, 0.125), rgb(255, 255, 255, 0)), linear-gradient(to right, rgb(0, 0, 0, 0.125), rgb(255, 255, 255, 0));
background background-image in &:dir(rtl) at core/themes/default_admin/migration/css/base/gin-table.css:45
background-image: linear-gradient(to left, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to left, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to left, rgb(0, 0, 0, 0.125), rgb(255, 255, 255, 0)), linear-gradient(to right, rgb(0, 0, 0, 0.125), rgb(255, 255, 255, 0));
background background-image in &:dir(rtl) at core/themes/default_admin/migration/css/base/gin-table.css:45
background-image: linear-gradient(to left, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to left, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to left, rgb(0, 0, 0, 0.125), rgb(255, 255, 255, 0)), linear-gradient(to right, rgb(0, 0, 0, 0.125), rgb(255, 255, 255, 0));
background background in th at core/themes/default_admin/migration/css/base/gin-table.css:92
background: var(--gin-bg-layer);
background background-color in .gin-horizontal-scroll-shadow at core/themes/default_admin/migration/css/base/gin-table.pcss.css:27
background-color: var(--gin-bg-layer);
background background-image in .gin-horizontal-scroll-shadow at core/themes/default_admin/migration/css/base/gin-table.pcss.css:28
background-image: linear-gradient(to right, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to right, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to right, rgb(0, 0, 0, 0.125), rgb(255, 255, 255, 0)), linear-gradient(to left, rgb(0, 0, 0, 0.125), rgb(255, 255, 255, 0));
background background-image in .gin-horizontal-scroll-shadow at core/themes/default_admin/migration/css/base/gin-table.pcss.css:28
background-image: linear-gradient(to right, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to right, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to right, rgb(0, 0, 0, 0.125), rgb(255, 255, 255, 0)), linear-gradient(to left, rgb(0, 0, 0, 0.125), rgb(255, 255, 255, 0));
background background-image in .gin-horizontal-scroll-shadow at core/themes/default_admin/migration/css/base/gin-table.pcss.css:28
background-image: linear-gradient(to right, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to right, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to right, rgb(0, 0, 0, 0.125), rgb(255, 255, 255, 0)), linear-gradient(to left, rgb(0, 0, 0, 0.125), rgb(255, 255, 255, 0));
background background-image in .gin-horizontal-scroll-shadow at core/themes/default_admin/migration/css/base/gin-table.pcss.css:28
background-image: linear-gradient(to right, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to right, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to right, rgb(0, 0, 0, 0.125), rgb(255, 255, 255, 0)), linear-gradient(to left, rgb(0, 0, 0, 0.125), rgb(255, 255, 255, 0));
background background-image in &:dir(rtl) at core/themes/default_admin/migration/css/base/gin-table.pcss.css:43
background-image: linear-gradient(to left, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to left, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to left, rgb(0, 0, 0, 0.125), rgb(255, 255, 255, 0)), linear-gradient(to right, rgb(0, 0, 0, 0.125), rgb(255, 255, 255, 0));
background background-image in &:dir(rtl) at core/themes/default_admin/migration/css/base/gin-table.pcss.css:43
background-image: linear-gradient(to left, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to left, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to left, rgb(0, 0, 0, 0.125), rgb(255, 255, 255, 0)), linear-gradient(to right, rgb(0, 0, 0, 0.125), rgb(255, 255, 255, 0));
background background-image in &:dir(rtl) at core/themes/default_admin/migration/css/base/gin-table.pcss.css:43
background-image: linear-gradient(to left, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to left, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to left, rgb(0, 0, 0, 0.125), rgb(255, 255, 255, 0)), linear-gradient(to right, rgb(0, 0, 0, 0.125), rgb(255, 255, 255, 0));
background background-image in &:dir(rtl) at core/themes/default_admin/migration/css/base/gin-table.pcss.css:43
background-image: linear-gradient(to left, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to left, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to left, rgb(0, 0, 0, 0.125), rgb(255, 255, 255, 0)), linear-gradient(to right, rgb(0, 0, 0, 0.125), rgb(255, 255, 255, 0));
background background in th at core/themes/default_admin/migration/css/base/gin-table.pcss.css:93
background: var(--gin-bg-layer);
background background-color in .action-link at core/themes/default_admin/migration/css/base/gin-tabledrag.css:48
background-color: var(--gin-bg-layer);
background background-color in .action-link at core/themes/default_admin/migration/css/base/gin-tabledrag.pcss.css:46
background-color: var(--gin-bg-layer);
background background in .ui-dialog:not(.ui-dialog-off-canvas) at core/themes/default_admin/migration/css/components/dialog.css:19
background: var(--gin-bg-layer);
background background in .ui-widget-content.ui-dialog-content at core/themes/default_admin/migration/css/components/dialog.css:170
background: var(--gin-bg-layer);
background background in .ui-dialog:not(.ui-dialog-off-canvas) at core/themes/default_admin/migration/css/components/dialog.pcss.css:14
background: var(--gin-bg-layer);
background background in .ui-widget-content.ui-dialog-content at core/themes/default_admin/migration/css/components/dialog.pcss.css:165
background: var(--gin-bg-layer);
background background in :root at core/themes/default_admin/migration/css/components/edit_form.css:113
background: var(--gin-bg-layer);
background background-color in .entity-meta__header at core/themes/default_admin/migration/css/components/edit_form.css:145
background-color: var(--gin-bg-layer);
background background in :root at core/themes/default_admin/migration/css/components/edit_form.pcss.css:108
background: var(--gin-bg-layer);
background background-color in .entity-meta__header at core/themes/default_admin/migration/css/components/edit_form.pcss.css:140
background-color: var(--gin-bg-layer);
background background in .layout-container at core/themes/default_admin/migration/css/components/maintenance_page.css:31
background: var(--gin-bg-layer);
background background in .layout-container at core/themes/default_admin/migration/css/components/maintenance_page.pcss.css:24
background: var(--gin-bg-layer);
background background in &.sortable-chosen at core/themes/default_admin/migration/css/components/media_library.css:157
background: var(--gin-bg-layer);
background background-color in &.active:focus at core/themes/default_admin/migration/css/components/media_library.css:320
background-color: var(--gin-bg-layer);
background background in .media-library-select-all at core/themes/default_admin/migration/css/components/media_library.css:403
background: var(--gin-bg-layer);
background background in &.sortable-chosen at core/themes/default_admin/migration/css/components/media_library.pcss.css:152
background: var(--gin-bg-layer);
background background-color in &.active:focus at core/themes/default_admin/migration/css/components/media_library.pcss.css:315
background-color: var(--gin-bg-layer);
background background in .media-library-select-all at core/themes/default_admin/migration/css/components/media_library.pcss.css:396
background: var(--gin-bg-layer);
background background in .horizontal-tabs ul.horizontal-tabs-list .horizontal-tab-button:focus-within::after at core/themes/default_admin/migration/css/components/tabs.css:166
background: var(--gin-bg-layer);
background background in &::before at core/themes/default_admin/migration/css/components/tabs.css:172
background: var(--gin-bg-layer);
background background-color in .is-horizontal .tabs--primary .tabs__tab at core/themes/default_admin/migration/css/components/tabs.css:203
background-color: var(--gin-bg-layer);
background background in .horizontal-tabs ul.horizontal-tabs-list .horizontal-tab-button:focus-within::after at core/themes/default_admin/migration/css/components/tabs.pcss.css:161
background: var(--gin-bg-layer);
background background in &::before at core/themes/default_admin/migration/css/components/tabs.pcss.css:167
background: var(--gin-bg-layer);
background background-color in .is-horizontal .tabs--primary .tabs__tab at core/themes/default_admin/migration/css/components/tabs.pcss.css:198
background-color: var(--gin-bg-layer);
background background in .toolbar .toolbar-tray-vertical at core/themes/default_admin/migration/css/components/toolbar.css:486
background: var(--gin-bg-layer);
background background in &.toolbar-tray at core/themes/default_admin/migration/css/components/toolbar.css:879
background: var(--gin-bg-layer);
background background in .toolbar .toolbar-tray-vertical at core/themes/default_admin/migration/css/components/toolbar.pcss.css:480
background: var(--gin-bg-layer);
background background in &.toolbar-tray at core/themes/default_admin/migration/css/components/toolbar.pcss.css:873
background: var(--gin-bg-layer);
token-alias --admin-toolbar-color-white in :is(#extra-specificity-hack, [data-drupal-admin-styles]) at core/themes/default_admin/migration/css/layout/navigation.css:53
--admin-toolbar-color-white: var(--gin-bg-layer);
token-alias --admin-toolbar-color-white in :is(#extra-specificity-hack, [data-drupal-admin-styles]) at core/themes/default_admin/migration/css/layout/navigation.pcss.css:48
--admin-toolbar-color-white: var(--gin-bg-layer);
background background-color in .toolbar .toolbar-tray at core/themes/default_admin/migration/css/layout/toolbar.css:56
background-color: var(--gin-bg-layer);
background background-color in .toolbar-loading #toolbar-item-administration-tray .toolbar-lining at core/themes/default_admin/migration/css/layout/toolbar.css:219
background-color: var(--gin-bg-layer);
background background-color in .toolbar .toolbar-tray at core/themes/default_admin/migration/css/layout/toolbar.pcss.css:51
background-color: var(--gin-bg-layer);
background background-color in .toolbar-loading #toolbar-item-administration-tray .toolbar-lining at core/themes/default_admin/migration/css/layout/toolbar.pcss.css:214
background-color: var(--gin-bg-layer);
background background in :is(#extra-specificity-hack, [data-drupal-admin-styles]).gin--navigation-top-bar at core/themes/default_admin/migration/css/layout/top_bar.css:25
background: var(--gin-bg-layer);
background background in .gin--high-contrast-mode & at core/themes/default_admin/migration/css/layout/top_bar.css:31
background: var(--gin-bg-layer);
background background-color in &::before at core/themes/default_admin/migration/css/layout/top_bar.css:113
background-color: var(--gin-bg-layer) !important;
background background in :is(#extra-specificity-hack, [data-drupal-admin-styles]).gin--navigation-top-bar at core/themes/default_admin/migration/css/layout/top_bar.pcss.css:17
background: var(--gin-bg-layer);
background background in .gin--high-contrast-mode & at core/themes/default_admin/migration/css/layout/top_bar.pcss.css:23
background: var(--gin-bg-layer);
background background-color in &::before at core/themes/default_admin/migration/css/layout/top_bar.pcss.css:104
background-color: var(--gin-bg-layer) !important;
background background-color in &:hover at core/themes/default_admin/migration/css/theme/dialog.css:260
background-color: var(--gin-bg-layer);
background background-color in &:hover at core/themes/default_admin/migration/css/theme/dialog.pcss.css:252
background-color: var(--gin-bg-layer);
token-alias --gin-bg-secondary in :root at core/themes/default_admin/migration/css/theme/variables.css:57
--gin-bg-secondary: var(--gin-bg-layer);
token-alias --gin-bg-secondary in :root at core/themes/default_admin/migration/css/theme/variables.pcss.css:51
--gin-bg-secondary: var(--gin-bg-layer);

--accent-base (10 foreground/background/border references)

token-alias --accent-color-base in :root at core/themes/default_admin/css/base/accents.css:17
--accent-color-base: var(--accent-base);
token-alias --accent-mix-base in :root at core/themes/default_admin/css/base/accents.css:18
--accent-mix-base: color-mix(in lch, var(--accent-base), #fff 97%);
token-alias --app-bg-color in :root at core/themes/default_admin/css/base/accents.css:20
--app-bg-color: color-mix(in lch, var(--accent-base), #fff 97%);
token-alias --accent-color-base in .gin--dark-mode[data-gin-accent] at core/themes/default_admin/css/base/accents.css:73
--accent-color-base: color-mix(in lch, lch(from var(--accent-base) calc(l * 20) c h), #000 12%);
token-alias --accent-mix-base in .gin--dark-mode[data-gin-accent] at core/themes/default_admin/css/base/accents.css:74
--accent-mix-base: color-mix(in lch, var(--accent-base), #000 80%);
token-alias --accent-color-base in :root at core/themes/default_admin/css/base/accents.pcss.css:10
--accent-color-base: var(--accent-base);
token-alias --accent-mix-base in :root at core/themes/default_admin/css/base/accents.pcss.css:11
--accent-mix-base: color-mix(in lch, var(--accent-base), #fff 97%);
token-alias --app-bg-color in :root at core/themes/default_admin/css/base/accents.pcss.css:13
--app-bg-color: color-mix(in lch, var(--accent-base), #fff 97%);
token-alias --accent-color-base in .gin--dark-mode[data-gin-accent] at core/themes/default_admin/css/base/accents.pcss.css:66
--accent-color-base: color-mix(in lch, lch(from var(--accent-base) calc(l * 20) c h), #000 12%);
token-alias --accent-mix-base in .gin--dark-mode[data-gin-accent] at core/themes/default_admin/css/base/accents.pcss.css:67
--accent-mix-base: color-mix(in lch, var(--accent-base), #000 80%);

--accent-color-500 (8 foreground/background/border references)

token-alias --gin-color-primary in :root at core/themes/default_admin/css/base/accents.css:46
--gin-color-primary: var(--accent-color-500);
token-alias --gin-bg-header in :root at core/themes/default_admin/css/base/accents.css:55
--gin-bg-header: color-mix(var(--layer-background), var(--accent-color-500) 87.5%);
token-alias --gin-color-button-text in [data-gin-accent] at core/themes/default_admin/css/base/accents.css:82
--gin-color-button-text: contrast-color(var(--accent-color-500) vs #fff, #111);
token-alias --gin-color-primary in :root at core/themes/default_admin/css/base/accents.pcss.css:39
--gin-color-primary: var(--accent-color-500);
token-alias --gin-bg-header in :root at core/themes/default_admin/css/base/accents.pcss.css:48
--gin-bg-header: color-mix(var(--layer-background), var(--accent-color-500) 87.5%);
token-alias --gin-color-button-text in [data-gin-accent] at core/themes/default_admin/css/base/accents.pcss.css:75
--gin-color-button-text: contrast-color(var(--accent-color-500) vs #fff, #111);
token-alias --button-bg-color--primary in :root at core/themes/default_admin/css/base/variables.css:207
--button-bg-color--primary: var(--accent-color-500);
token-alias --button-bg-color--primary in :root at core/themes/default_admin/css/base/variables.pcss.css:201
--button-bg-color--primary: var(--accent-color-500);

--accent-color-030 (6 foreground/background/border references)

token-alias --gin-color-primary-light in :root at core/themes/default_admin/css/base/accents.css:49
--gin-color-primary-light: var(--accent-color-030);
token-alias --gin-bg-item-hover in :root at core/themes/default_admin/css/base/accents.css:53
--gin-bg-item-hover: var(--accent-color-030);
token-alias --gin-shadow-primary-light in :root at core/themes/default_admin/css/base/accents.css:54
--gin-shadow-primary-light: var(--accent-color-030);
token-alias --gin-color-primary-light in :root at core/themes/default_admin/css/base/accents.pcss.css:42
--gin-color-primary-light: var(--accent-color-030);
token-alias --gin-bg-item-hover in :root at core/themes/default_admin/css/base/accents.pcss.css:46
--gin-bg-item-hover: var(--accent-color-030);
token-alias --gin-shadow-primary-light in :root at core/themes/default_admin/css/base/accents.pcss.css:47
--gin-shadow-primary-light: var(--accent-color-030);

--gin-color-primary (230 foreground/background/border references)

foreground color in .action-link at core/themes/default_admin/migration/css/base/gin-action-link.css:9
color: var(--gin-color-primary);
background background in &::before at core/themes/default_admin/migration/css/base/gin-action-link.css:28
background: var(--gin-color-primary) !important;
background background-color in .action-link--icon-hide::before at core/themes/default_admin/migration/css/base/gin-action-link.css:44
background-color: var(--gin-color-primary);
foreground color in .action-link at core/themes/default_admin/migration/css/base/gin-action-link.pcss.css:2
color: var(--gin-color-primary);
background background in &::before at core/themes/default_admin/migration/css/base/gin-action-link.pcss.css:21
background: var(--gin-color-primary) !important;
background background-color in .action-link--icon-hide::before at core/themes/default_admin/migration/css/base/gin-action-link.pcss.css:37
background-color: var(--gin-color-primary);
background background-color in &::before at core/themes/default_admin/migration/css/base/gin-admin-item.css:71
background-color: var(--gin-color-primary);
foreground color in ~ .admin-item__description at core/themes/default_admin/migration/css/base/gin-admin-item.css:97
color: var(--gin-color-primary);
background background-color in &::before at core/themes/default_admin/migration/css/base/gin-admin-item.pcss.css:64
background-color: var(--gin-color-primary);
foreground color in ~ .admin-item__description at core/themes/default_admin/migration/css/base/gin-admin-item.pcss.css:90
color: var(--gin-color-primary);
foreground color in .dropbutton__toggle at core/themes/default_admin/migration/css/base/gin-button.css:11
color: var(--gin-color-primary);
border border in .action-link--icon-trash.action-link at core/themes/default_admin/migration/css/base/gin-button.css:45
border: 2px solid var(--gin-color-primary) !important;
background background in .ief-entity-submit at core/themes/default_admin/migration/css/base/gin-button.css:92
background: var(--gin-color-primary);
foreground color in .dropbutton__toggle at core/themes/default_admin/migration/css/base/gin-button.pcss.css:7
color: var(--gin-color-primary);
border border in .action-link--icon-trash.action-link at core/themes/default_admin/migration/css/base/gin-button.pcss.css:42
border: 2px solid var(--gin-color-primary) !important;
background background in .ief-entity-submit at core/themes/default_admin/migration/css/base/gin-button.pcss.css:93
background: var(--gin-color-primary);
foreground color in .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link at core/themes/default_admin/migration/css/base/gin-color-overrides.css:16
color: var(--gin-color-primary);
border border-color in .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link::before at core/themes/default_admin/migration/css/base/gin-color-overrides.css:50
border-color: var(--gin-color-primary);
foreground color in .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link at core/themes/default_admin/migration/css/base/gin-color-overrides.pcss.css:10
color: var(--gin-color-primary);
border border-color in .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link::before at core/themes/default_admin/migration/css/base/gin-color-overrides.pcss.css:47
border-color: var(--gin-color-primary);
border border in .dropbutton at core/themes/default_admin/migration/css/base/gin-dropbutton.css:28
border: 2px solid var(--gin-color-primary);
border border-color in &:hover at core/themes/default_admin/migration/css/base/gin-dropbutton.css:37
border-color: var(--gin-color-primary);
foreground color in :root at core/themes/default_admin/migration/css/base/gin-dropbutton.css:110
color: var(--gin-color-primary);
background background in &:focus at core/themes/default_admin/migration/css/base/gin-dropbutton.css:122
background: var(--gin-color-primary);
background background in &:focus at core/themes/default_admin/migration/css/base/gin-dropbutton.css:146
background: var(--gin-color-primary);
foreground color in input at core/themes/default_admin/migration/css/base/gin-dropbutton.css:180
color: var(--gin-color-primary);
border border-inline-start in .dropbutton__toggle at core/themes/default_admin/migration/css/base/gin-dropbutton.css:210
border-inline-start: var(--dropbutton-border-size, 1px) solid var(--gin-color-primary) !important;
background background-color in &:hover at core/themes/default_admin/migration/css/base/gin-dropbutton.css:213
background-color: var(--gin-color-primary);
background background-color in &::before at core/themes/default_admin/migration/css/base/gin-dropbutton.css:218
background-color: var(--gin-color-primary);
border border-color in .dropbutton__item:first-of-type ~ .dropbutton__item at core/themes/default_admin/migration/css/base/gin-dropbutton.css:236
border-color: var(--gin-color-primary);
border border-color in .dropbutton__item:first-of-type ~ .dropbutton__item__item ~ .dropbutton__item:last-child at core/themes/default_admin/migration/css/base/gin-dropbutton.css:244
border-color: var(--gin-color-primary);
border border in .dropbutton at core/themes/default_admin/migration/css/base/gin-dropbutton.pcss.css:20
border: 2px solid var(--gin-color-primary);
border border-color in &:hover at core/themes/default_admin/migration/css/base/gin-dropbutton.pcss.css:29
border-color: var(--gin-color-primary);
foreground color in :root at core/themes/default_admin/migration/css/base/gin-dropbutton.pcss.css:102
color: var(--gin-color-primary);
background background in &:focus at core/themes/default_admin/migration/css/base/gin-dropbutton.pcss.css:114
background: var(--gin-color-primary);
background background in &:focus at core/themes/default_admin/migration/css/base/gin-dropbutton.pcss.css:138
background: var(--gin-color-primary);
foreground color in input at core/themes/default_admin/migration/css/base/gin-dropbutton.pcss.css:171
color: var(--gin-color-primary);
border border-inline-start in .dropbutton__toggle at core/themes/default_admin/migration/css/base/gin-dropbutton.pcss.css:201
border-inline-start: var(--dropbutton-border-size, 1px) solid var(--gin-color-primary) !important;
background background-color in &:hover at core/themes/default_admin/migration/css/base/gin-dropbutton.pcss.css:204
background-color: var(--gin-color-primary);
background background-color in &::before at core/themes/default_admin/migration/css/base/gin-dropbutton.pcss.css:209
background-color: var(--gin-color-primary);
border border-color in .dropbutton__item:first-of-type ~ .dropbutton__item at core/themes/default_admin/migration/css/base/gin-dropbutton.pcss.css:227
border-color: var(--gin-color-primary);
border border-color in .dropbutton__item:first-of-type ~ .dropbutton__item__item ~ .dropbutton__item:last-child at core/themes/default_admin/migration/css/base/gin-dropbutton.pcss.css:235
border-color: var(--gin-color-primary);
background background-color in .field-option__thumb at core/themes/default_admin/migration/css/base/gin-field-ui.css:85
background-color: var(--gin-color-primary);
background background-color in .field-option__thumb at core/themes/default_admin/migration/css/base/gin-field-ui.pcss.css:77
background-color: var(--gin-color-primary);
background background-color in &:checked at core/themes/default_admin/migration/css/base/gin-form.css:121
background-color: var(--gin-color-primary);
background background-color in &:checked at core/themes/default_admin/migration/css/base/gin-form.pcss.css:128
background-color: var(--gin-color-primary);
background background-color in .pager__item--current at core/themes/default_admin/migration/css/base/gin-pager.css:57
background-color: var(--gin-color-primary);
background background-color in .pager__item--current at core/themes/default_admin/migration/css/base/gin-pager.pcss.css:50
background-color: var(--gin-color-primary);
border border-color in .progress__bar at core/themes/default_admin/migration/css/base/gin-progress.css:9
border-color: var(--gin-color-primary);
background background-color in .progress__bar at core/themes/default_admin/migration/css/base/gin-progress.css:10
background-color: var(--gin-color-primary);
border border-color in .progress__bar at core/themes/default_admin/migration/css/base/gin-progress.pcss.css:2
border-color: var(--gin-color-primary);
background background-color in .progress__bar at core/themes/default_admin/migration/css/base/gin-progress.pcss.css:3
background-color: var(--gin-color-primary);
background background-color in &::before at core/themes/default_admin/migration/css/base/gin-quotation.css:21
background-color: var(--gin-color-primary);
background background-color in &::before at core/themes/default_admin/migration/css/base/gin-quotation.pcss.css:14
background-color: var(--gin-color-primary);
background background-color in &::before at core/themes/default_admin/migration/css/base/gin-status-report.css:144
background-color: var(--gin-color-primary);
background background-color in &::before at core/themes/default_admin/migration/css/base/gin-status-report.pcss.css:157
background-color: var(--gin-color-primary);
background background-color in @media (forced-colors: none) at core/themes/default_admin/migration/css/base/gin-tabledrag.css:81
background-color: var(--gin-color-primary);
background background-color in @media (forced-colors: none) at core/themes/default_admin/migration/css/base/gin-tabledrag.pcss.css:80
background-color: var(--gin-color-primary);
background background in .shortcut-action:hover .shortcut-action__icon at core/themes/default_admin/migration/css/base/gin-title.css:70
background: var(--gin-color-primary);
background background in .shortcut-action__icon at core/themes/default_admin/migration/css/base/gin-title.css:75
background: var(--gin-color-primary);
background background in .shortcut-action:hover .shortcut-action__icon at core/themes/default_admin/migration/css/base/gin-title.pcss.css:72
background: var(--gin-color-primary);
background background in .shortcut-action__icon at core/themes/default_admin/migration/css/base/gin-title.pcss.css:78
background: var(--gin-color-primary);
foreground color in li a at core/themes/default_admin/migration/css/base/gin-views.css:195
color: var(--gin-color-primary);
border border in li a at core/themes/default_admin/migration/css/base/gin-views.css:196
border: 2px solid var(--gin-color-primary);
background background in li.is-active a.is-active at core/themes/default_admin/migration/css/base/gin-views.css:219
background: var(--gin-color-primary);
foreground color in a at core/themes/default_admin/migration/css/base/gin-views.css:233
color: var(--gin-color-primary);
foreground color in &:active at core/themes/default_admin/migration/css/base/gin-views.css:239
color: var(--gin-color-primary);
background background in input.button at core/themes/default_admin/migration/css/base/gin-views.css:268
background: var(--gin-color-primary);
foreground color in li a at core/themes/default_admin/migration/css/base/gin-views.pcss.css:205
color: var(--gin-color-primary);
border border in li a at core/themes/default_admin/migration/css/base/gin-views.pcss.css:206
border: 2px solid var(--gin-color-primary);
background background in li.is-active a.is-active at core/themes/default_admin/migration/css/base/gin-views.pcss.css:229
background: var(--gin-color-primary);
foreground color in a at core/themes/default_admin/migration/css/base/gin-views.pcss.css:243
color: var(--gin-color-primary);
foreground color in &:active at core/themes/default_admin/migration/css/base/gin-views.pcss.css:249
color: var(--gin-color-primary);
background background in input.button at core/themes/default_admin/migration/css/base/gin-views.pcss.css:278
background: var(--gin-color-primary);
border border in .media-library-item .ajax-progress__throbber at core/themes/default_admin/migration/css/components/ajax.css:27
border: 3px solid var(--gin-color-primary);
background background-color in [dir].gin--dark-mode .ajax-progress--fullscreen at core/themes/default_admin/migration/css/components/ajax.css:37
background-color: var(--gin-color-primary);
border border in .ajax-progress__throbber--fullscreen at core/themes/default_admin/migration/css/components/ajax.css:50
border: 2px solid var(--gin-color-primary);
background background-color in .gin--dark-mode & at core/themes/default_admin/migration/css/components/ajax.css:64
background-color: var(--gin-color-primary);
border border in .contextual-links .ajax-progress-throbber::before at core/themes/default_admin/migration/css/components/ajax.css:77
border: 2px solid var(--gin-color-primary);
foreground color in .gin-autocomplete__message at core/themes/default_admin/migration/css/components/ajax.css:108
color: var(--gin-color-primary);
border border in .media-library-item .ajax-progress__throbber at core/themes/default_admin/migration/css/components/ajax.pcss.css:20
border: 3px solid var(--gin-color-primary);
background background-color in [dir].gin--dark-mode .ajax-progress--fullscreen at core/themes/default_admin/migration/css/components/ajax.pcss.css:30
background-color: var(--gin-color-primary);
border border in .ajax-progress__throbber--fullscreen at core/themes/default_admin/migration/css/components/ajax.pcss.css:43
border: 2px solid var(--gin-color-primary);
background background-color in .gin--dark-mode & at core/themes/default_admin/migration/css/components/ajax.pcss.css:57
background-color: var(--gin-color-primary);
border border in .contextual-links .ajax-progress-throbber::before at core/themes/default_admin/migration/css/components/ajax.pcss.css:70
border: 2px solid var(--gin-color-primary);
foreground color in .gin-autocomplete__message at core/themes/default_admin/migration/css/components/ajax.pcss.css:101
color: var(--gin-color-primary);
border border-block-start in :root at core/themes/default_admin/migration/css/components/autocomplete.css:94
border-block-start: 2px solid var(--gin-color-primary);
background background-color in &:active at core/themes/default_admin/migration/css/components/autocomplete.css:133
background-color: var(--gin-color-primary);
background background in .autocomplete-deluxe-item-delete at core/themes/default_admin/migration/css/components/autocomplete.css:143
background: var(--gin-color-primary);
border border-block-start in :root at core/themes/default_admin/migration/css/components/autocomplete.pcss.css:87
border-block-start: 2px solid var(--gin-color-primary);
background background-color in &:active at core/themes/default_admin/migration/css/components/autocomplete.pcss.css:126
background-color: var(--gin-color-primary);
background background in .autocomplete-deluxe-item-delete at core/themes/default_admin/migration/css/components/autocomplete.pcss.css:136
background: var(--gin-color-primary);
background background-color in &:hover::before at core/themes/default_admin/migration/css/components/breadcrumb.css:89
background-color: var(--gin-color-primary);
background background-color in &:hover::before at core/themes/default_admin/migration/css/components/breadcrumb.pcss.css:81
background-color: var(--gin-color-primary);
token-alias --ck-color-list-button-on-background in :root at core/themes/default_admin/migration/css/components/ckeditor5.css:24
--ck-color-list-button-on-background: var(--gin-color-primary);
token-alias --ck-color-button-on-color in :root at core/themes/default_admin/migration/css/components/ckeditor5.css:36
--ck-color-button-on-color: var(--gin-color-primary);
token-alias --ck-color-link-default in :root at core/themes/default_admin/migration/css/components/ckeditor5.css:44
--ck-color-link-default: var(--gin-color-primary);
token-alias --ck-color-focus-border in :root at core/themes/default_admin/migration/css/components/ckeditor5.css:54
--ck-color-focus-border: var(--gin-color-primary);
token-alias --ck-color-widget-type-around-button-active in :root at core/themes/default_admin/migration/css/components/ckeditor5.css:55
--ck-color-widget-type-around-button-active: var(--gin-color-primary);
token-alias --ck-style-panel-button-hover-border-color in :root at core/themes/default_admin/migration/css/components/ckeditor5.css:64
--ck-style-panel-button-hover-border-color: var(--gin-color-primary);
border border in .ck-button[aria-pressed="true"] at core/themes/default_admin/migration/css/components/ckeditor5.css:108
border: 2px solid var(--gin-color-primary);
token-alias --ck-color-list-button-on-background in :root at core/themes/default_admin/migration/css/components/ckeditor5.pcss.css:16
--ck-color-list-button-on-background: var(--gin-color-primary);
token-alias --ck-color-button-on-color in :root at core/themes/default_admin/migration/css/components/ckeditor5.pcss.css:28
--ck-color-button-on-color: var(--gin-color-primary);
token-alias --ck-color-link-default in :root at core/themes/default_admin/migration/css/components/ckeditor5.pcss.css:36
--ck-color-link-default: var(--gin-color-primary);
token-alias --ck-color-focus-border in :root at core/themes/default_admin/migration/css/components/ckeditor5.pcss.css:46
--ck-color-focus-border: var(--gin-color-primary);
token-alias --ck-color-widget-type-around-button-active in :root at core/themes/default_admin/migration/css/components/ckeditor5.pcss.css:47
--ck-color-widget-type-around-button-active: var(--gin-color-primary);
token-alias --ck-style-panel-button-hover-border-color in :root at core/themes/default_admin/migration/css/components/ckeditor5.pcss.css:56
--ck-style-panel-button-hover-border-color: var(--gin-color-primary);
border border in .ck-button[aria-pressed="true"] at core/themes/default_admin/migration/css/components/ckeditor5.pcss.css:100
border: 2px solid var(--gin-color-primary);
background background in &::before at core/themes/default_admin/migration/css/components/contextual_links.css:32
background: var(--gin-color-primary);
foreground color in a at core/themes/default_admin/migration/css/components/contextual_links.css:75
color: var(--gin-color-primary);
background background in &:active at core/themes/default_admin/migration/css/components/contextual_links.css:84
background: var(--gin-color-primary);
background background in .ajax-progress-throbber at core/themes/default_admin/migration/css/components/contextual_links.css:98
background: var(--gin-color-primary);
background background in &:active at core/themes/default_admin/migration/css/components/contextual_links.css:116
background: var(--gin-color-primary);
background background in &::before at core/themes/default_admin/migration/css/components/contextual_links.pcss.css:25
background: var(--gin-color-primary);
foreground color in a at core/themes/default_admin/migration/css/components/contextual_links.pcss.css:68
color: var(--gin-color-primary);
background background in &:active at core/themes/default_admin/migration/css/components/contextual_links.pcss.css:77
background: var(--gin-color-primary);
background background in .ajax-progress-throbber at core/themes/default_admin/migration/css/components/contextual_links.pcss.css:91
background: var(--gin-color-primary);
background background in &:active at core/themes/default_admin/migration/css/components/contextual_links.pcss.css:109
background: var(--gin-color-primary);
background background-color in &:hover::before at core/themes/default_admin/migration/css/components/description_toggle.css:39
background-color: var(--gin-color-primary);
background background-color in &:hover::before at core/themes/default_admin/migration/css/components/description_toggle.pcss.css:34
background-color: var(--gin-color-primary);
foreground color in .ui-widget-content a at core/themes/default_admin/migration/css/components/dialog.css:204
color: var(--gin-color-primary);
token-alias --gin-offcanvas-active in .ui-widget.ui-dialog.ui-dialog-off-canvas at core/themes/default_admin/migration/css/components/dialog.css:208
--gin-offcanvas-active: var(--gin-color-primary);
foreground color in .ui-widget-content a at core/themes/default_admin/migration/css/components/dialog.pcss.css:199
color: var(--gin-color-primary);
token-alias --gin-offcanvas-active in .ui-widget.ui-dialog.ui-dialog-off-canvas at core/themes/default_admin/migration/css/components/dialog.pcss.css:203
--gin-offcanvas-active: var(--gin-color-primary);
token-alias --color-absolutezero in .maintenance-page at core/themes/default_admin/migration/css/components/maintenance_page.css:14
--color-absolutezero: var(--gin-color-primary);
token-alias --color-absolutezero in .maintenance-page at core/themes/default_admin/migration/css/components/maintenance_page.pcss.css:7
--color-absolutezero: var(--gin-color-primary);
border border-color in &.is-active .media-library-item__preview at core/themes/default_admin/migration/css/components/media_library.css:140
border-color: var(--gin-color-primary);
border border-color in &:checked at core/themes/default_admin/migration/css/components/media_library.css:219
border-color: var(--gin-color-primary);
background background-color in &:checked at core/themes/default_admin/migration/css/components/media_library.css:220
background-color: var(--gin-color-primary);
border border-color in &:checked at core/themes/default_admin/migration/css/components/media_library.css:242
border-color: var(--gin-color-primary);
background background-color in &:checked at core/themes/default_admin/migration/css/components/media_library.css:243
background-color: var(--gin-color-primary);
foreground color in &.active:focus at core/themes/default_admin/migration/css/components/media_library.css:317
color: var(--gin-color-primary);
border border-inline-start-color in &.active::before at core/themes/default_admin/migration/css/components/media_library.css:326
border-inline-start-color: var(--gin-color-primary);
foreground color in &.is-active at core/themes/default_admin/migration/css/components/media_library.css:374
color: var(--gin-color-primary);
background background-color in &::before at core/themes/default_admin/migration/css/components/media_library.css:377
background-color: var(--gin-color-primary);
border border-color in &.is-active .media-library-item__preview at core/themes/default_admin/migration/css/components/media_library.pcss.css:135
border-color: var(--gin-color-primary);
border border-color in &:checked at core/themes/default_admin/migration/css/components/media_library.pcss.css:214
border-color: var(--gin-color-primary);
background background-color in &:checked at core/themes/default_admin/migration/css/components/media_library.pcss.css:215
background-color: var(--gin-color-primary);
border border-color in &:checked at core/themes/default_admin/migration/css/components/media_library.pcss.css:237
border-color: var(--gin-color-primary);
background background-color in &:checked at core/themes/default_admin/migration/css/components/media_library.pcss.css:238
background-color: var(--gin-color-primary);
foreground color in &.active:focus at core/themes/default_admin/migration/css/components/media_library.pcss.css:312
color: var(--gin-color-primary);
border border-inline-start-color in &.active::before at core/themes/default_admin/migration/css/components/media_library.pcss.css:321
border-inline-start-color: var(--gin-color-primary);
foreground color in &.is-active at core/themes/default_admin/migration/css/components/media_library.pcss.css:367
color: var(--gin-color-primary);
background background-color in &::before at core/themes/default_admin/migration/css/components/media_library.pcss.css:370
background-color: var(--gin-color-primary);
border border-color in &:checked at core/themes/default_admin/migration/css/components/settings.css:37
border-color: var(--gin-color-primary);
background background-color in &:checked at core/themes/default_admin/migration/css/components/settings.css:43
background-color: var(--gin-color-primary);
background background-color in .gin--dark-mode & input at core/themes/default_admin/migration/css/components/settings.css:66
background-color: var(--gin-color-primary);
foreground color in &:hover at core/themes/default_admin/migration/css/components/settings.css:140
color: var(--gin-color-primary);
background background in &:checked + .form-item__label at core/themes/default_admin/migration/css/components/settings.css:162
background: var(--gin-color-primary);
border border-color in &:checked at core/themes/default_admin/migration/css/components/settings.css:197
border-color: var(--gin-color-primary);
border border-color in &:checked at core/themes/default_admin/migration/css/components/settings.pcss.css:30
border-color: var(--gin-color-primary);
background background-color in &:checked at core/themes/default_admin/migration/css/components/settings.pcss.css:36
background-color: var(--gin-color-primary);
background background-color in .gin--dark-mode & input at core/themes/default_admin/migration/css/components/settings.pcss.css:59
background-color: var(--gin-color-primary);
foreground color in &:hover at core/themes/default_admin/migration/css/components/settings.pcss.css:133
color: var(--gin-color-primary);
background background in &:checked + .form-item__label at core/themes/default_admin/migration/css/components/settings.pcss.css:155
background: var(--gin-color-primary);
border border-color in &:checked at core/themes/default_admin/migration/css/components/settings.pcss.css:190
border-color: var(--gin-color-primary);
background background in &.js-settings-tray-edit-mode at core/themes/default_admin/migration/css/components/settings_tray.css:17
background: var(--gin-color-primary);
background background in &.js-settings-tray-edit-mode at core/themes/default_admin/migration/css/components/settings_tray.pcss.css:10
background: var(--gin-color-primary);
background background-color in &::before at core/themes/default_admin/migration/css/components/sidebar.css:97
background-color: var(--gin-color-primary);
background background-color in &::before at core/themes/default_admin/migration/css/components/sidebar.css:143
background-color: var(--gin-color-primary);
background background-color in &::before at core/themes/default_admin/migration/css/components/sidebar.pcss.css:92
background-color: var(--gin-color-primary);
background background-color in &::before at core/themes/default_admin/migration/css/components/sidebar.pcss.css:138
background-color: var(--gin-color-primary);
background background-color in .button--primary:not(:disabled, .is-disabled) at core/themes/default_admin/migration/css/components/tableselect.css:135
background-color: var(--gin-color-primary);
background background-color in .button--primary:not(:disabled, .is-disabled) at core/themes/default_admin/migration/css/components/tableselect.pcss.css:128
background-color: var(--gin-color-primary);
foreground color in &:focus at core/themes/default_admin/migration/css/components/tabs.css:75
color: var(--gin-color-primary);
foreground color in &:hover at core/themes/default_admin/migration/css/components/tabs.css:93
color: var(--gin-color-primary);
foreground stroke in .tabs__trigger svg at core/themes/default_admin/migration/css/components/tabs.css:243
stroke: var(--gin-color-primary);
foreground color in &.selected a at core/themes/default_admin/migration/css/components/tabs.css:297
color: var(--gin-color-primary);
border border-block-end in &::before at core/themes/default_admin/migration/css/components/tabs.css:304
border-block-end: 0.1875rem solid var(--gin-color-primary);
background background in .gin-details[open] > .gin-details__summary--vertical-tabs-item::before at core/themes/default_admin/migration/css/components/tabs.css:389
background: var(--gin-color-primary);
foreground color in .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link:hover at core/themes/default_admin/migration/css/components/tabs.css:488
color: var(--gin-color-primary);
foreground color in &:focus at core/themes/default_admin/migration/css/components/tabs.pcss.css:70
color: var(--gin-color-primary);
foreground color in &:hover at core/themes/default_admin/migration/css/components/tabs.pcss.css:88
color: var(--gin-color-primary);
foreground stroke in .tabs__trigger svg at core/themes/default_admin/migration/css/components/tabs.pcss.css:238
stroke: var(--gin-color-primary);
foreground color in &.selected a at core/themes/default_admin/migration/css/components/tabs.pcss.css:292
color: var(--gin-color-primary);
border border-block-end in &::before at core/themes/default_admin/migration/css/components/tabs.pcss.css:299
border-block-end: 3px solid var(--gin-color-primary);
background background in .gin-details[open] > .gin-details__summary--vertical-tabs-item::before at core/themes/default_admin/migration/css/components/tabs.pcss.css:384
background: var(--gin-color-primary);
foreground color in .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link:hover at core/themes/default_admin/migration/css/components/tabs.pcss.css:483
color: var(--gin-color-primary);
background background-color in .toolbar-tab > .is-active.responsive-preview-icon at core/themes/default_admin/migration/css/components/toolbar.css:51
background-color: var(--gin-color-primary);
background background in &:focus at core/themes/default_admin/migration/css/components/toolbar.css:101
background: var(--gin-color-primary);
background background in .toolbar-icon-toggle-horizontal:hover::before at core/themes/default_admin/migration/css/components/toolbar.css:391
background: var(--gin-color-primary);
background background in .toolbar-icon-toggle-horizontal.is-active:hover::before at core/themes/default_admin/migration/css/components/toolbar.css:400
background: var(--gin-color-primary);
background background-color in a:focus .is-active.responsive-preview-icon::before at core/themes/default_admin/migration/css/components/toolbar.css:441
background-color: var(--gin-color-primary);
background background-color in .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded:focus-within::before at core/themes/default_admin/migration/css/components/toolbar.css:622
background-color: var(--gin-color-primary);
background background-color in span.is-active::before at core/themes/default_admin/migration/css/components/toolbar.css:646
background-color: var(--gin-color-primary);
background background-color in &.ui-state-active at core/themes/default_admin/migration/css/components/toolbar.css:818
background-color: var(--gin-color-primary);
background background-color in .toolbar-tab > .is-active.responsive-preview-icon at core/themes/default_admin/migration/css/components/toolbar.pcss.css:46
background-color: var(--gin-color-primary);
background background in &:focus at core/themes/default_admin/migration/css/components/toolbar.pcss.css:96
background: var(--gin-color-primary);
background background in .toolbar-icon-toggle-horizontal:hover::before at core/themes/default_admin/migration/css/components/toolbar.pcss.css:386
background: var(--gin-color-primary);
background background in .toolbar-icon-toggle-horizontal.is-active:hover::before at core/themes/default_admin/migration/css/components/toolbar.pcss.css:395
background: var(--gin-color-primary);
background background-color in a:focus .is-active.responsive-preview-icon::before at core/themes/default_admin/migration/css/components/toolbar.pcss.css:435
background-color: var(--gin-color-primary);
background background-color in .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded:focus-within::before at core/themes/default_admin/migration/css/components/toolbar.pcss.css:616
background-color: var(--gin-color-primary);
background background-color in span.is-active::before at core/themes/default_admin/migration/css/components/toolbar.pcss.css:640
background-color: var(--gin-color-primary);
background background-color in &.ui-state-active at core/themes/default_admin/migration/css/components/toolbar.pcss.css:812
background-color: var(--gin-color-primary);
foreground color in &:hover at core/themes/default_admin/migration/css/layout/navigation.css:82
color: var(--gin-color-primary);
foreground color in &:hover at core/themes/default_admin/migration/css/layout/navigation.css:122
color: var(--gin-color-primary);
foreground fill in svg rect at core/themes/default_admin/migration/css/layout/navigation.css:171
fill: var(--gin-color-primary);
token-alias --toolbar-button-bg in &.gin--navigation-top-bar .toolbar-button.toolbar-button--primary at core/themes/default_admin/migration/css/layout/navigation.css:221
--toolbar-button-bg: var(--gin-color-primary);
background background in &::before at core/themes/default_admin/migration/css/layout/navigation.css:251
background: var(--gin-color-primary);
foreground color in &.is-active at core/themes/default_admin/migration/css/layout/navigation.css:299
color: var(--gin-color-primary);
foreground color in &::before at core/themes/default_admin/migration/css/layout/navigation.css:303
color: var(--gin-color-primary) !important;
foreground color in .toolbar-button:has(+ .toolbar-popover__wrapper .is-active) at core/themes/default_admin/migration/css/layout/navigation.css:309
color: var(--gin-color-primary);
foreground color in &::before at core/themes/default_admin/migration/css/layout/navigation.css:313
color: var(--gin-color-primary) !important;
foreground color in &:hover at core/themes/default_admin/migration/css/layout/navigation.pcss.css:77
color: var(--gin-color-primary);
foreground color in &:hover at core/themes/default_admin/migration/css/layout/navigation.pcss.css:117
color: var(--gin-color-primary);
foreground fill in svg rect at core/themes/default_admin/migration/css/layout/navigation.pcss.css:166
fill: var(--gin-color-primary);
token-alias --toolbar-button-bg in &.gin--navigation-top-bar .toolbar-button.toolbar-button--primary at core/themes/default_admin/migration/css/layout/navigation.pcss.css:216
--toolbar-button-bg: var(--gin-color-primary);
background background in &::before at core/themes/default_admin/migration/css/layout/navigation.pcss.css:246
background: var(--gin-color-primary);
foreground color in &.is-active at core/themes/default_admin/migration/css/layout/navigation.pcss.css:294
color: var(--gin-color-primary);
foreground color in &::before at core/themes/default_admin/migration/css/layout/navigation.pcss.css:298
color: var(--gin-color-primary) !important;
foreground color in .toolbar-button:has(+ .toolbar-popover__wrapper .is-active) at core/themes/default_admin/migration/css/layout/navigation.pcss.css:304
color: var(--gin-color-primary);
foreground color in &::before at core/themes/default_admin/migration/css/layout/navigation.pcss.css:308
color: var(--gin-color-primary) !important;
foreground color in .toolbar .toolbar-tray a.is-active at core/themes/default_admin/migration/css/layout/toolbar.css:94
color: var(--gin-color-primary);
background background in .toolbar .toolbar-tray a.is-active::before at core/themes/default_admin/migration/css/layout/toolbar.css:103
background: var(--gin-color-primary);
background background in .toolbar .toolbar-tray .toolbar-menu > li:hover > a::before at core/themes/default_admin/migration/css/layout/toolbar.css:114
background: var(--gin-color-primary);
background background in .toolbar-icon.toolbar-icon-edit.toolbar-item:focus at core/themes/default_admin/migration/css/layout/toolbar.css:123
background: var(--gin-color-primary);
foreground color in .toolbar .toolbar-tray a.is-active at core/themes/default_admin/migration/css/layout/toolbar.pcss.css:89
color: var(--gin-color-primary);
background background in .toolbar .toolbar-tray a.is-active::before at core/themes/default_admin/migration/css/layout/toolbar.pcss.css:98
background: var(--gin-color-primary);
background background in .toolbar .toolbar-tray .toolbar-menu > li:hover > a::before at core/themes/default_admin/migration/css/layout/toolbar.pcss.css:109
background: var(--gin-color-primary);
background background in .toolbar-icon.toolbar-icon-edit.toolbar-item:focus at core/themes/default_admin/migration/css/layout/toolbar.pcss.css:118
background: var(--gin-color-primary);
background background-color in &:focus at core/themes/default_admin/migration/css/layout/top_bar.css:110
background-color: var(--gin-color-primary);
background background-color in &:focus at core/themes/default_admin/migration/css/layout/top_bar.pcss.css:101
background-color: var(--gin-color-primary);
foreground color in .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link at core/themes/default_admin/migration/css/theme/dialog.css:24
color: var(--gin-color-primary);
border border-color in .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link::before at core/themes/default_admin/migration/css/theme/dialog.css:63
border-color: var(--gin-color-primary);
background background-color in &:checked at core/themes/default_admin/migration/css/theme/dialog.css:189
background-color: var(--gin-color-primary);
foreground color in .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link at core/themes/default_admin/migration/css/theme/dialog.pcss.css:17
color: var(--gin-color-primary);
border border-color in .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link::before at core/themes/default_admin/migration/css/theme/dialog.pcss.css:55
border-color: var(--gin-color-primary);
background background-color in &:checked at core/themes/default_admin/migration/css/theme/dialog.pcss.css:181
background-color: var(--gin-color-primary);
token-alias --gin-switch in :root at core/themes/default_admin/migration/css/theme/variables.css:232
--gin-switch: var(--gin-color-primary);
token-alias --gin-switch in :root at core/themes/default_admin/migration/css/theme/variables.pcss.css:226
--gin-switch: var(--gin-color-primary);

--gin-color-primary-light (28 foreground/background/border references)

background background in &:focus at core/themes/default_admin/migration/css/base/gin-admin-item.css:93
background: var(--gin-color-primary-light);
background background in &:focus at core/themes/default_admin/migration/css/base/gin-admin-item.pcss.css:86
background: var(--gin-color-primary-light);
token-alias --ck-color-button-default-hover-background in :root at core/themes/default_admin/migration/css/components/ckeditor5.css:33
--ck-color-button-default-hover-background: var(--gin-color-primary-light);
token-alias --ck-color-button-on-background in :root at core/themes/default_admin/migration/css/components/ckeditor5.css:37
--ck-color-button-on-background: var(--gin-color-primary-light);
token-alias --ck-color-button-default-hover-background in :root at core/themes/default_admin/migration/css/components/ckeditor5.pcss.css:25
--ck-color-button-default-hover-background: var(--gin-color-primary-light);
token-alias --ck-color-button-on-background in :root at core/themes/default_admin/migration/css/components/ckeditor5.pcss.css:29
--ck-color-button-on-background: var(--gin-color-primary-light);
token-alias --color-bgblue-active in .maintenance-page at core/themes/default_admin/migration/css/components/maintenance_page.css:19
--color-bgblue-active: var(--gin-color-primary-light);
token-alias --color-bgblue-active in .maintenance-page at core/themes/default_admin/migration/css/components/maintenance_page.pcss.css:12
--color-bgblue-active: var(--gin-color-primary-light);
background background-color in &:focus at core/themes/default_admin/migration/css/components/sidebar.css:94
background-color: var(--gin-color-primary-light);
background background-color in &.is-active:hover at core/themes/default_admin/migration/css/components/sidebar.css:140
background-color: var(--gin-color-primary-light);
background background-color in &:focus at core/themes/default_admin/migration/css/components/sidebar.pcss.css:89
background-color: var(--gin-color-primary-light);
background background-color in &.is-active:hover at core/themes/default_admin/migration/css/components/sidebar.pcss.css:135
background-color: var(--gin-color-primary-light);
background background in span:focus at core/themes/default_admin/migration/css/components/toolbar.css:641
background: var(--gin-color-primary-light);
background background in span:focus at core/themes/default_admin/migration/css/components/toolbar.pcss.css:635
background: var(--gin-color-primary-light);
background background-color in &:hover:focus at core/themes/default_admin/migration/css/layout/navigation.css:90
background-color: var(--gin-color-primary-light);
background background-color in &:hover:focus at core/themes/default_admin/migration/css/layout/navigation.css:130
background-color: var(--gin-color-primary-light);
background background in &:focus at core/themes/default_admin/migration/css/layout/navigation.css:248
background: var(--gin-color-primary-light);
background background-color in &:hover at core/themes/default_admin/migration/css/layout/navigation.css:289
background-color: var(--gin-color-primary-light);
background background-color in &:hover:focus at core/themes/default_admin/migration/css/layout/navigation.css:295
background-color: var(--gin-color-primary-light);
background background-color in &.is-active at core/themes/default_admin/migration/css/layout/navigation.css:300
background-color: var(--gin-color-primary-light);
background background-color in .toolbar-button:has(+ .toolbar-popover__wrapper .is-active) at core/themes/default_admin/migration/css/layout/navigation.css:310
background-color: var(--gin-color-primary-light);
background background-color in &:hover:focus at core/themes/default_admin/migration/css/layout/navigation.pcss.css:85
background-color: var(--gin-color-primary-light);
background background-color in &:hover:focus at core/themes/default_admin/migration/css/layout/navigation.pcss.css:125
background-color: var(--gin-color-primary-light);
background background in &:focus at core/themes/default_admin/migration/css/layout/navigation.pcss.css:243
background: var(--gin-color-primary-light);
background background-color in &:hover at core/themes/default_admin/migration/css/layout/navigation.pcss.css:284
background-color: var(--gin-color-primary-light);
background background-color in &:hover:focus at core/themes/default_admin/migration/css/layout/navigation.pcss.css:290
background-color: var(--gin-color-primary-light);
background background-color in &.is-active at core/themes/default_admin/migration/css/layout/navigation.pcss.css:295
background-color: var(--gin-color-primary-light);
background background-color in .toolbar-button:has(+ .toolbar-popover__wrapper .is-active) at core/themes/default_admin/migration/css/layout/navigation.pcss.css:305
background-color: var(--gin-color-primary-light);

--gin-color-button-text (62 foreground/background/border references)

token-alias --button-fg-color--primary in :root at core/themes/default_admin/css/base/variables.css:206
--button-fg-color--primary: var(--gin-color-button-text);
token-alias --button-fg-color--danger in :root at core/themes/default_admin/css/base/variables.css:213
--button-fg-color--danger: var(--gin-color-button-text);
token-alias --button-fg-color--primary in :root at core/themes/default_admin/css/base/variables.pcss.css:200
--button-fg-color--primary: var(--gin-color-button-text);
token-alias --button-fg-color--danger in :root at core/themes/default_admin/css/base/variables.pcss.css:207
--button-fg-color--danger: var(--gin-color-button-text);
foreground color in &.skip-link at core/themes/default_admin/migration/css/base/gin-body.css:52
color: var(--gin-color-button-text);
foreground color in &.skip-link at core/themes/default_admin/migration/css/base/gin-body.pcss.css:55
color: var(--gin-color-button-text);
foreground color in &:focus at core/themes/default_admin/migration/css/base/gin-button.css:29
color: var(--gin-color-button-text);
foreground color in &:hover:focus at core/themes/default_admin/migration/css/base/gin-button.css:66
color: var(--gin-color-button-text);
foreground color in &:focus at core/themes/default_admin/migration/css/base/gin-button.css:108
color: var(--gin-color-button-text);
foreground color in a.button:active at core/themes/default_admin/migration/css/base/gin-button.css:113
color: var(--gin-color-button-text);
foreground color in &:focus at core/themes/default_admin/migration/css/base/gin-button.pcss.css:25
color: var(--gin-color-button-text);
foreground color in &:hover:focus at core/themes/default_admin/migration/css/base/gin-button.pcss.css:63
color: var(--gin-color-button-text);
foreground color in &:focus at core/themes/default_admin/migration/css/base/gin-button.pcss.css:109
color: var(--gin-color-button-text);
foreground color in a.button:active at core/themes/default_admin/migration/css/base/gin-button.pcss.css:115
color: var(--gin-color-button-text);
foreground color in &:focus at core/themes/default_admin/migration/css/base/gin-dropbutton.css:120
color: var(--gin-color-button-text);
foreground color in &:focus at core/themes/default_admin/migration/css/base/gin-dropbutton.css:145
color: var(--gin-color-button-text);
background background-color in &:focus::before at core/themes/default_admin/migration/css/base/gin-dropbutton.css:229
background-color: var(--gin-color-button-text);
foreground color in &:focus at core/themes/default_admin/migration/css/base/gin-dropbutton.pcss.css:112
color: var(--gin-color-button-text);
foreground color in &:focus at core/themes/default_admin/migration/css/base/gin-dropbutton.pcss.css:137
color: var(--gin-color-button-text);
background background-color in &:focus::before at core/themes/default_admin/migration/css/base/gin-dropbutton.pcss.css:220
background-color: var(--gin-color-button-text);
foreground color in .pager__link.is-active:hover at core/themes/default_admin/migration/css/base/gin-pager.css:20
color: var(--gin-color-button-text);
foreground color in .pager__link.is-active:hover at core/themes/default_admin/migration/css/base/gin-pager.pcss.css:13
color: var(--gin-color-button-text);
foreground color in .diffchange at core/themes/default_admin/migration/css/base/gin-system-diff.css:37
color: var(--gin-color-button-text);
foreground color in .diffchange at core/themes/default_admin/migration/css/base/gin-system-diff.css:53
color: var(--gin-color-button-text);
foreground color in .diffchange at core/themes/default_admin/migration/css/base/gin-system-diff.pcss.css:31
color: var(--gin-color-button-text);
foreground color in .diffchange at core/themes/default_admin/migration/css/base/gin-system-diff.pcss.css:47
color: var(--gin-color-button-text);
foreground color in input.button at core/themes/default_admin/migration/css/base/gin-views.css:267
color: var(--gin-color-button-text);
foreground color in input.button at core/themes/default_admin/migration/css/base/gin-views.pcss.css:277
color: var(--gin-color-button-text);
foreground color in &:active at core/themes/default_admin/migration/css/components/autocomplete.css:132
color: var(--gin-color-button-text);
background background in .autocomplete-deluxe-item-delete:hover at core/themes/default_admin/migration/css/components/autocomplete.css:148
background: var(--gin-color-button-text);
foreground color in &:active at core/themes/default_admin/migration/css/components/autocomplete.pcss.css:125
color: var(--gin-color-button-text);
background background in .autocomplete-deluxe-item-delete:hover at core/themes/default_admin/migration/css/components/autocomplete.pcss.css:141
background: var(--gin-color-button-text);
token-alias --ck-color-list-button-on-text in .ck at core/themes/default_admin/migration/css/components/ckeditor5.css:23
--ck-color-list-button-on-text: var(--gin-color-button-text);
token-alias --ck-color-list-button-on-text in .ck at core/themes/default_admin/migration/css/components/ckeditor5.pcss.css:15
--ck-color-list-button-on-text: var(--gin-color-button-text);
foreground color in &:active at core/themes/default_admin/migration/css/components/contextual_links.css:83
color: var(--gin-color-button-text);
border border in &::before at core/themes/default_admin/migration/css/components/contextual_links.css:106
border: 2px solid var(--gin-color-button-text);
foreground color in &:active at core/themes/default_admin/migration/css/components/contextual_links.css:115
color: var(--gin-color-button-text);
foreground color in &:active at core/themes/default_admin/migration/css/components/contextual_links.pcss.css:76
color: var(--gin-color-button-text);
border border in &::before at core/themes/default_admin/migration/css/components/contextual_links.pcss.css:99
border: 2px solid var(--gin-color-button-text);
foreground color in &:active at core/themes/default_admin/migration/css/components/contextual_links.pcss.css:108
color: var(--gin-color-button-text);
foreground color in &:checked + .form-item__label at core/themes/default_admin/migration/css/components/settings.css:161
color: var(--gin-color-button-text);
foreground color in &:checked + .form-item__label at core/themes/default_admin/migration/css/components/settings.pcss.css:154
color: var(--gin-color-button-text);
foreground color in .toolbar-tab > .is-active.responsive-preview-icon at core/themes/default_admin/migration/css/components/toolbar.css:50
color: var(--gin-color-button-text);
background background-color in &::before at core/themes/default_admin/migration/css/components/toolbar.css:55
background-color: var(--gin-color-button-text);
background background-color in .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon.is-active:hover::before at core/themes/default_admin/migration/css/components/toolbar.css:663
background-color: var(--gin-color-button-text);
foreground color in &.ui-state-active at core/themes/default_admin/migration/css/components/toolbar.css:816
color: var(--gin-color-button-text);
foreground color in a at core/themes/default_admin/migration/css/components/toolbar.css:821
color: var(--gin-color-button-text);
foreground color in .toolbar-tab > .is-active.responsive-preview-icon at core/themes/default_admin/migration/css/components/toolbar.pcss.css:45
color: var(--gin-color-button-text);
background background-color in &::before at core/themes/default_admin/migration/css/components/toolbar.pcss.css:50
background-color: var(--gin-color-button-text);
background background-color in .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon.is-active:hover::before at core/themes/default_admin/migration/css/components/toolbar.pcss.css:657
background-color: var(--gin-color-button-text);
foreground color in &.ui-state-active at core/themes/default_admin/migration/css/components/toolbar.pcss.css:810
color: var(--gin-color-button-text);
foreground color in a at core/themes/default_admin/migration/css/components/toolbar.pcss.css:815
color: var(--gin-color-button-text);
foreground color in .toolbar-button--primary at core/themes/default_admin/migration/css/layout/navigation.css:135
color: var(--gin-color-button-text) !important;
token-alias --toolbar-button-color in &.gin--navigation-top-bar .toolbar-button.toolbar-button--primary at core/themes/default_admin/migration/css/layout/navigation.css:220
--toolbar-button-color: var(--gin-color-button-text);
token-alias --toolbar-button-hover-color in &.gin--navigation-top-bar .toolbar-button.toolbar-button--primary at core/themes/default_admin/migration/css/layout/navigation.css:222
--toolbar-button-hover-color: var(--gin-color-button-text);
token-alias --toolbar-button-focus-color in &.gin--navigation-top-bar .toolbar-button.toolbar-button--primary at core/themes/default_admin/migration/css/layout/navigation.css:224
--toolbar-button-focus-color: var(--gin-color-button-text);
foreground color in .toolbar-button--primary at core/themes/default_admin/migration/css/layout/navigation.pcss.css:130
color: var(--gin-color-button-text) !important;
token-alias --toolbar-button-color in &.gin--navigation-top-bar .toolbar-button.toolbar-button--primary at core/themes/default_admin/migration/css/layout/navigation.pcss.css:215
--toolbar-button-color: var(--gin-color-button-text);
token-alias --toolbar-button-hover-color in &.gin--navigation-top-bar .toolbar-button.toolbar-button--primary at core/themes/default_admin/migration/css/layout/navigation.pcss.css:217
--toolbar-button-hover-color: var(--gin-color-button-text);
token-alias --toolbar-button-focus-color in &.gin--navigation-top-bar .toolbar-button.toolbar-button--primary at core/themes/default_admin/migration/css/layout/navigation.pcss.css:219
--toolbar-button-focus-color: var(--gin-color-button-text);
foreground color in &:focus at core/themes/default_admin/migration/css/layout/top_bar.css:108
color: var(--gin-color-button-text);
foreground color in &:focus at core/themes/default_admin/migration/css/layout/top_bar.pcss.css:99
color: var(--gin-color-button-text);

--button-bg-color--primary (6 foreground/background/border references)

token-alias --button--focus-bg-color--primary in :root at core/themes/default_admin/css/base/variables.css:210
--button--focus-bg-color--primary: var(--button-bg-color--primary);
token-alias --button--focus-bg-color--primary in :root at core/themes/default_admin/css/base/variables.pcss.css:204
--button--focus-bg-color--primary: var(--button-bg-color--primary);
background background-color in .button--primary at core/themes/default_admin/css/components/button.css:119
background-color: var(--button-bg-color--primary);
background background-color in .button--primary at core/themes/default_admin/css/components/button.pcss.css:105
background-color: var(--button-bg-color--primary);
background background in & .button--primary:not(:disabled, .is-disabled) at core/themes/default_admin/css/components/tableselect.css:78
background: var(--button-bg-color--primary);
background background in & .button--primary:not(:disabled, .is-disabled) at core/themes/default_admin/css/components/tableselect.pcss.css:71
background: var(--button-bg-color--primary);

--button-fg-color--primary (4 foreground/background/border references)

foreground color in .button--primary at core/themes/default_admin/css/components/button.css:117
color: var(--button-fg-color--primary);
foreground color in &:is(:hover, :active) at core/themes/default_admin/css/components/button.css:122
color: var(--button-fg-color--primary);
foreground color in .button--primary at core/themes/default_admin/css/components/button.pcss.css:103
color: var(--button-fg-color--primary);
foreground color in &:is(:hover, :active) at core/themes/default_admin/css/components/button.pcss.css:108
color: var(--button-fg-color--primary);

--gin-color-focus (10 foreground/background/border references)

token-alias --color-focus in :root at core/themes/default_admin/css/base/variables.css:23
--color-focus: var(--gin-color-focus);
token-alias --color-focus in :root at core/themes/default_admin/css/base/variables.pcss.css:17
--color-focus: var(--gin-color-focus);
border border in .tabs__trigger:focus at core/themes/default_admin/migration/css/base/gin-focus.css:64
border: var(--gin-border-xs) solid var(--gin-color-focus);
border border in .tabs__trigger:focus at core/themes/default_admin/migration/css/base/gin-focus.pcss.css:65
border: var(--gin-border-xs) solid var(--gin-color-focus);
token-alias --ck-focus-ring in :root at core/themes/default_admin/migration/css/components/ckeditor5.css:50
--ck-focus-ring: 1px solid var(--gin-color-focus);
token-alias --ck-focus-outer-shadow in :root at core/themes/default_admin/migration/css/components/ckeditor5.css:51
--ck-focus-outer-shadow: 0 0 0 1px var(--gin-color-focus-border), 0 0 0 0.25rem var(--gin-color-focus);
token-alias --ck-focus-ring in :root at core/themes/default_admin/migration/css/components/ckeditor5.pcss.css:42
--ck-focus-ring: 1px solid var(--gin-color-focus);
token-alias --ck-focus-outer-shadow in :root at core/themes/default_admin/migration/css/components/ckeditor5.pcss.css:43
--ck-focus-outer-shadow: 0 0 0 1px var(--gin-color-focus-border), 0 0 0 4px var(--gin-color-focus);
border border in &:focus::after at core/themes/default_admin/migration/css/components/media_library.css:330
border: var(--gin-border-xs) solid var(--gin-color-focus);
border border in &:focus::after at core/themes/default_admin/migration/css/components/media_library.pcss.css:325
border: var(--gin-border-xs) solid var(--gin-color-focus);

--gin-color-focus-border (6 foreground/background/border references)

border border-color in &:hover:focus at core/themes/default_admin/migration/css/base/gin-form.css:352
border-color: var(--gin-color-focus-border);
border border-color in &:hover:focus at core/themes/default_admin/migration/css/base/gin-form.pcss.css:363
border-color: var(--gin-color-focus-border);
token-alias --ck-focus-outer-shadow in :root at core/themes/default_admin/migration/css/components/ckeditor5.css:51
--ck-focus-outer-shadow: 0 0 0 1px var(--gin-color-focus-border), 0 0 0 0.25rem var(--gin-color-focus);
token-alias --ck-focus-outer-shadow in :root at core/themes/default_admin/migration/css/components/ckeditor5.pcss.css:43
--ck-focus-outer-shadow: 0 0 0 1px var(--gin-color-focus-border), 0 0 0 4px var(--gin-color-focus);
border border-color in &:hover:focus at core/themes/default_admin/migration/css/theme/dialog.css:268
border-color: var(--gin-color-focus-border);
border border-color in &:hover:focus at core/themes/default_admin/migration/css/theme/dialog.pcss.css:260
border-color: var(--gin-color-focus-border);

--color-focus (26 foreground/background/border references)

token-alias --focus-box-shadow in :root at core/themes/default_admin/css/base/variables.css:133
--focus-box-shadow: 0 0 0 var(--focus-border-offset-size) var(--color-white), 0 0 0 calc(var(--focus-border-size) + var(--focus-border-offset-size)) var(--color-focus);
token-alias --focus-ring in :root at core/themes/default_admin/css/base/variables.css:134
--focus-ring: 0 0 0 1px var(--app-bg-color), 0 0 0 0.25rem var(--color-focus);
token-alias --focus-ring-focused in :root at core/themes/default_admin/css/base/variables.css:135
--focus-ring-focused: 0 0 0 1px var(--app-bg-color), 0 0 0 0.25rem var(--color-focus), inset 0 0 0 var(--input-border-size) var(--input--hover-border-color);
token-alias --details-summary-shadow-color in :root at core/themes/default_admin/css/base/variables.css:178
--details-summary-shadow-color: var(--color-focus);
token-alias --jui-dialog--focus-box-shadow in :root at core/themes/default_admin/css/base/variables.css:240
--jui-dialog--focus-box-shadow: 0 0 0 0.1875rem var(--color-focus);
token-alias --focus-box-shadow in :root at core/themes/default_admin/css/base/variables.pcss.css:127
--focus-box-shadow: 0 0 0 var(--focus-border-offset-size) var(--color-white), 0 0 0 calc(var(--focus-border-size) + var(--focus-border-offset-size)) var(--color-focus);
token-alias --focus-ring in :root at core/themes/default_admin/css/base/variables.pcss.css:128
--focus-ring: 0 0 0 1px var(--app-bg-color), 0 0 0 4px var(--color-focus);
token-alias --focus-ring-focused in :root at core/themes/default_admin/css/base/variables.pcss.css:129
--focus-ring-focused: 0 0 0 1px var(--app-bg-color), 0 0 0 4px var(--color-focus), inset 0 0 0 var(--input-border-size) var(--input--hover-border-color);
token-alias --details-summary-shadow-color in :root at core/themes/default_admin/css/base/variables.pcss.css:172
--details-summary-shadow-color: var(--color-focus);
token-alias --jui-dialog--focus-box-shadow in :root at core/themes/default_admin/css/base/variables.pcss.css:234
--jui-dialog--focus-box-shadow: 0 0 0 3px var(--color-focus);
border border-color in &:focus at core/themes/default_admin/css/components/dialog.css:83
border-color: var(--color-focus);
border border-color in &:focus at core/themes/default_admin/css/components/dialog.pcss.css:76
border-color: var(--color-focus);
border border-color in &:first-of-type ~ & > *:focus at core/themes/default_admin/css/components/dropbutton.css:426
border-color: var(--color-focus) !important; /* 1 */
border border-color in &:first-of-type ~ & > *:focus at core/themes/default_admin/css/components/dropbutton.pcss.css:402
border-color: var(--color-focus) !important; /* 1 */
token-alias --pager-focus-bg-color in .pager at core/themes/default_admin/css/components/pager.css:17
--pager-focus-bg-color: var(--color-focus);
token-alias --pager-focus-bg-color in .pager at core/themes/default_admin/css/components/pager.pcss.css:11
--pager-focus-bg-color: var(--color-focus);
border border in &:focus at core/themes/default_admin/css/components/tabs.css:97
border: var(--tabs--focus-height) solid var(--color-focus);
border border in &:focus at core/themes/default_admin/css/components/tabs.css:165
border: var(--tabs--focus-height) solid var(--color-focus);
border border in &:focus at core/themes/default_admin/css/components/tabs.pcss.css:87
border: var(--tabs--focus-height) solid var(--color-focus);
border border in &:focus at core/themes/default_admin/css/components/tabs.pcss.css:149
border: var(--tabs--focus-height) solid var(--color-focus);
border border in &::after at core/themes/default_admin/css/components/vertical-tabs.css:144
border: var(--vertical-tabs-menu-link-focus-border-size) solid var(--color-focus);
border border in &::after at core/themes/default_admin/css/components/vertical-tabs.pcss.css:126
border: var(--vertical-tabs-menu-link-focus-border-size) solid var(--color-focus);
border border in :root at core/themes/default_admin/css/theme/media-library.css:136
border: var(--vertical-tabs-menu-link-focus-border-size) solid var(--color-focus);
border border-color in .media-library-item--grid.is-focus::before at core/themes/default_admin/css/theme/media-library.css:599
border-color: var(--color-focus);
border border in :root at core/themes/default_admin/css/theme/media-library.pcss.css:120
border: var(--vertical-tabs-menu-link-focus-border-size) solid var(--color-focus);
border border-color in .media-library-item--grid.is-focus::before at core/themes/default_admin/css/theme/media-library.pcss.css:554
border-color: var(--color-focus);

--focus-ring (0 foreground/background/border references)

No direct foreground/background/border uses found in CSS declarations.

--gin-border-color-form-element (30 foreground/background/border references)

border border in .form-element at core/themes/default_admin/migration/css/base/gin-form.css:12
border: 1px solid var(--gin-border-color-form-element);
border border-color in .form-boolean at core/themes/default_admin/migration/css/base/gin-form.css:109
border-color: var(--gin-border-color-form-element);
background background-color in .gin--dark-mode & at core/themes/default_admin/migration/css/base/gin-form.css:177
background-color: var(--gin-border-color-form-element);
border border-color in &:hover:focus at core/themes/default_admin/migration/css/base/gin-form.css:318
border-color: var(--gin-border-color-form-element);
border border in .form-element at core/themes/default_admin/migration/css/base/gin-form.pcss.css:6
border: 1px solid var(--gin-border-color-form-element);
border border-color in .form-boolean at core/themes/default_admin/migration/css/base/gin-form.pcss.css:115
border-color: var(--gin-border-color-form-element);
background background-color in .gin--dark-mode & at core/themes/default_admin/migration/css/base/gin-form.pcss.css:185
background-color: var(--gin-border-color-form-element);
border border-color in &:hover:focus at core/themes/default_admin/migration/css/base/gin-form.pcss.css:329
border-color: var(--gin-border-color-form-element);
border border in div.autocomplete-deluxe-multiple at core/themes/default_admin/migration/css/components/autocomplete.css:107
border: 1px solid var(--gin-border-color-form-element);
border border in div.autocomplete-deluxe-multiple at core/themes/default_admin/migration/css/components/autocomplete.pcss.css:100
border: 1px solid var(--gin-border-color-form-element);
token-alias --ck-color-toolbar-border in .ck at core/themes/default_admin/migration/css/components/ckeditor5.css:19
--ck-color-toolbar-border: var(--gin-border-color-form-element);
token-alias --ck-color-dialog-form-header-border in :root at core/themes/default_admin/migration/css/components/ckeditor5.css:30
--ck-color-dialog-form-header-border: var(--gin-border-color-form-element);
token-alias --ck-color-input-border in :root at core/themes/default_admin/migration/css/components/ckeditor5.css:47
--ck-color-input-border: var(--gin-border-color-form-element);
token-alias --ck-color-toolbar-border in .ck at core/themes/default_admin/migration/css/components/ckeditor5.pcss.css:11
--ck-color-toolbar-border: var(--gin-border-color-form-element);
token-alias --ck-color-dialog-form-header-border in :root at core/themes/default_admin/migration/css/components/ckeditor5.pcss.css:22
--ck-color-dialog-form-header-border: var(--gin-border-color-form-element);
token-alias --ck-color-input-border in :root at core/themes/default_admin/migration/css/components/ckeditor5.pcss.css:39
--ck-color-input-border: var(--gin-border-color-form-element);
border border in .form-element at core/themes/default_admin/migration/css/components/node_preview.css:123
border: 1px solid var(--gin-border-color-form-element);
border border in .form-element at core/themes/default_admin/migration/css/components/node_preview.pcss.css:117
border: 1px solid var(--gin-border-color-form-element);
border border in [data-drupal-selector="edit-enable-dark-mode"] .form-radios at core/themes/default_admin/migration/css/components/settings.css:119
border: 1px solid var(--gin-border-color-form-element);
border border in [data-drupal-selector="edit-enable-dark-mode"] .form-radios at core/themes/default_admin/migration/css/components/settings.pcss.css:112
border: 1px solid var(--gin-border-color-form-element);
border border-color in &:hover at core/themes/default_admin/migration/css/components/toolbar.css:760
border-color: var(--gin-border-color-form-element);
border border-color in &:hover at core/themes/default_admin/migration/css/components/toolbar.pcss.css:754
border-color: var(--gin-border-color-form-element);
border border in .form-element at core/themes/default_admin/migration/css/theme/dialog.css:78
border: 1px solid var(--gin-border-color-form-element);
border border-color in .form-boolean at core/themes/default_admin/migration/css/theme/dialog.css:179
border-color: var(--gin-border-color-form-element);
border border-color in &:hover:focus at core/themes/default_admin/migration/css/theme/dialog.css:231
border-color: var(--gin-border-color-form-element);
background background-color in .gin--dark-mode & at core/themes/default_admin/migration/css/theme/dialog.css:331
background-color: var(--gin-border-color-form-element);
border border in .form-element at core/themes/default_admin/migration/css/theme/dialog.pcss.css:70
border: 1px solid var(--gin-border-color-form-element);
border border-color in .form-boolean at core/themes/default_admin/migration/css/theme/dialog.pcss.css:171
border-color: var(--gin-border-color-form-element);
border border-color in &:hover:focus at core/themes/default_admin/migration/css/theme/dialog.pcss.css:223
border-color: var(--gin-border-color-form-element);
background background-color in .gin--dark-mode & at core/themes/default_admin/migration/css/theme/dialog.pcss.css:322
background-color: var(--gin-border-color-form-element);

Experimental: Contrast-Color CSS Integration Points

The CSS Working Group is developing contrast-color(), a function that automatically generates a contrasting color from a background. This section identifies where Default Admin could integrate contrast-color overrides to improve accessibility resilience.

📖 Full documentation: See Experimental: Contrast-Color CSS Integration Points for detailed integration patterns, rollout strategy, and browser support information.

Note: This is informational only; contrast-color is not yet part of WCAG standards and requires @supports feature detection.