tmp: Theme level variables

[mstrasinskis]

Motivation

DO NOT MERGE!

Existing in old dark but not in new dark: Map(7) {

'box-shadow-color' => 'night-500',
'box-shadow-color-rgb' => '43, 51, 67',
'dropdown-focus-background' => 'night-575',
'dropdown-focus-border-color' => 'blue-accent',
'focus-background-tint' => 'night-400',
'table-background' => 'night-500',
'tag-text-dark' => 'night-550'
}

Existing in old light but not in new light: Map(7) {

'box-shadow-color' => 'night-500',
'box-shadow-color-rgb' => '111, 89, 133',
'dropdown-focus-background' => 'neutral-75',
'dropdown-focus-border-color' => 'blue-accent',
'focus-background-tint' => 'neutral-50',
'table-background' => 'neutral-75',
'tag-text-dark' => 'blue-900'
}

Existing in new components but not in old dark: Map(0) {}

Existing in new components but not in old light: Map(0) {}

Primitives that used in old Light theme, but not found in new (0): Map(0) {}

Primitives that used in old Dark theme, but not found in new (0): Map(0) {}

Light Theme New vs Old:

Themes have 82 same colors and 34 different:

Distance > 50%

tooltip-divider diff_rgb:73.52% diff_alpha:91.76% (from 3d3061 $${\color{#3d3061}⏺}$$ to ffffff15 $${\color{#ffffff}⏺}$$) usage
tooltip-border-color diff_rgb:100.00% diff_alpha:14.51% (from 00000020 $${\color{#000000}⏺}$$ to ffffff45 $${\color{#ffffff}⏺}$$) usage
backdrop-contrast diff_rgb:87.34% diff_alpha:0.00% (from ffffff $${\color{#ffffff}⏺}$$ to 151a33 $${\color{#151a33}⏺}$$) usage
progress-color-contrast diff_rgb:87.34% diff_alpha:0.00% (from ffffff $${\color{#ffffff}⏺}$$ to 151a33 $${\color{#151a33}⏺}$$) usage

Distance > 10%

theme-color diff_rgb:48.27% diff_alpha:0.00% (from 4d79ff $${\color{#4d79ff}⏺}$$ to f9f7ff $${\color{#f9f7ff}⏺}$$) usage
body-color diff_rgb:45.07% diff_alpha:0.00% (from ffffff $${\color{#ffffff}⏺}$$ to 6f7fcd $${\color{#6f7fcd}⏺}$$) usage
tertiary diff_rgb:35.60% diff_alpha:0.00% (from b0a3d9 $${\color{#b0a3d9}⏺}$$ to 3d4d99 $${\color{#3d4d99}⏺}$$) usage
disable-contrast-rgb diff_rgb:32.82% diff_alpha:0.00% (from 171, 153, 209 $${\color{#ab99d1}⏺}$$ to 3d4d99 $${\color{#3d4d99}⏺}$$) usage
primary-tint diff_rgb:25.41% diff_alpha:0.00% (from 3d4d99 $${\color{#3d4d99}⏺}$$ to 4d79ff $${\color{#4d79ff}⏺}$$) usage
secondary diff_rgb:25.41% diff_alpha:0.00% (from 3d4d99 $${\color{#3d4d99}⏺}$$ to 4d79ff $${\color{#4d79ff}⏺}$$) usage
button-disable-color diff_rgb:19.87% diff_alpha:0.00% (from 6f7fcd $${\color{#6f7fcd}⏺}$$ to 3d4d99 $${\color{#3d4d99}⏺}$$) usage
disable-contrast diff_rgb:19.87% diff_alpha:0.00% (from 6f7fcd $${\color{#6f7fcd}⏺}$$ to 3d4d99 $${\color{#3d4d99}⏺}$$) usage
background-disable-contrast diff_rgb:19.87% diff_alpha:0.00% (from 6f7fcd $${\color{#6f7fcd}⏺}$$ to 3d4d99 $${\color{#3d4d99}⏺}$$) usage
backdrop diff_rgb:6.72% diff_alpha:12.55% (from 0e0b2660 $${\color{#0e0b26}⏺}$$ to 05070a80 $${\color{#05070a}⏺}$$) usage
secondary-rgb diff_rgb:18.63% diff_alpha:0.00% (from 124, 92, 194 $${\color{#7c5cc2}⏺}$$ to 4d79ff $${\color{#4d79ff}⏺}$$) usage
tooltip-description-color diff_rgb:17.35% diff_alpha:0.00% (from b0a3d9 $${\color{#b0a3d9}⏺}$$ to dadef2 $${\color{#dadef2}⏺}$$) usage
progress-color-rgb diff_rgb:14.95% diff_alpha:0.00% (from 121, 78, 231 $${\color{#794ee7}⏺}$$ to 4d79ff $${\color{#4d79ff}⏺}$$) usage
primary-rgb diff_rgb:14.95% diff_alpha:0.00% (from 121, 78, 231 $${\color{#794ee7}⏺}$$ to 4d79ff $${\color{#4d79ff}⏺}$$) usage
primary-shade diff_rgb:12.19% diff_alpha:0.00% (from 4b3bf8 $${\color{#4b3bf8}⏺}$$ to 456de5 $${\color{#456de5}⏺}$$) usage
text-color-rgb diff_rgb:11.15% diff_alpha:0.00% (from 56, 45, 80 $${\color{#382d50}⏺}$$ to 151a33 $${\color{#151a33}⏺}$$) usage
card-background-contrast-rgb diff_rgb:11.15% diff_alpha:0.00% (from 56, 45, 80 $${\color{#382d50}⏺}$$ to 151a33 $${\color{#151a33}⏺}$$) usage
background-contrast-rgb diff_rgb:11.15% diff_alpha:0.00% (from 56, 45, 80 $${\color{#382d50}⏺}$$ to 151a33 $${\color{#151a33}⏺}$$) usage

Distance < 10%

background-shade diff_rgb:9.49% diff_alpha:0.00% (from dadef2 $${\color{#dadef2}⏺}$$ to f9f7ff $${\color{#f9f7ff}⏺}$$) usage
background-disable diff_rgb:9.49% diff_alpha:0.00% (from dadef2 $${\color{#dadef2}⏺}$$ to f9f7ff $${\color{#f9f7ff}⏺}$$) usage
background-disable-rgb diff_rgb:9.11% diff_alpha:0.00% (from 225, 217, 243 $${\color{#e1d9f3}⏺}$$ to f9f7ff $${\color{#f9f7ff}⏺}$$) usage
disable diff_rgb:4.99% diff_alpha:0.00% (from eef1fe $${\color{#eef1fe}⏺}$$ to ffffff $${\color{#ffffff}⏺}$$) usage
tooltip-background diff_rgb:3.98% diff_alpha:0.00% (from 130a2c $${\color{#130a2c}⏺}$$ to 151a33 $${\color{#151a33}⏺}$$) usage
focus-background-rgb diff_rgb:2.67% diff_alpha:0.00% (from 248, 246, 252 $${\color{#f8f6fc}⏺}$$ to ffffff $${\color{#ffffff}⏺}$$) usage
positive-emphasis-rgb diff_rgb:2.67% diff_alpha:0.00% (from 48, 175, 145 $${\color{#30af91}⏺}$$ to 2db286 $${\color{#2db286}⏺}$$) usage
input-focus-background diff_rgb:2.26% diff_alpha:0.00% (from f9f7ff $${\color{#f9f7ff}⏺}$$ to ffffff $${\color{#ffffff}⏺}$$) usage
button-card-focus-background diff_rgb:2.26% diff_alpha:0.00% (from ffffff $${\color{#ffffff}⏺}$$ to f9f7ff $${\color{#f9f7ff}⏺}$$) usage
segment-selected-background diff_rgb:2.26% diff_alpha:0.00% (from ffffff $${\color{#ffffff}⏺}$$ to f9f7ff $${\color{#f9f7ff}⏺}$$) usage
sidebar-button-background-hover diff_rgb:2.26% diff_alpha:0.00% (from ffffff $${\color{#ffffff}⏺}$$ to f9f7ff $${\color{#f9f7ff}⏺}$$) usage
card-background-rgb diff_rgb:0.75% diff_alpha:0.00% (from 248, 246, 252 $${\color{#f8f6fc}⏺}$$ to f9f7ff $${\color{#f9f7ff}⏺}$$) usage

Dark Theme New vs Old:

Themes have 101 same colors and 15 different:

Distance > 50%

tooltip-divider diff_rgb:100.00% diff_alpha:87.45% (from ffffff $${\color{#ffffff}⏺}$$ to 00000020 $${\color{#000000}⏺}$$) usage
background-disable diff_rgb:77.18% diff_alpha:0.00% (from f9f7ff $${\color{#f9f7ff}⏺}$$ to 2b3343 $${\color{#2b3343}⏺}$$) usage
background-disable-rgb diff_rgb:77.18% diff_alpha:0.00% (from 249, 247, 255 $${\color{#f9f7ff}⏺}$$ to 2b3343 $${\color{#2b3343}⏺}$$) usage

Distance > 10%

disable-contrast-rgb diff_rgb:16.99% diff_alpha:0.00% (from 155, 173, 209 $${\color{#9badd1}⏺}$$ to 76839f $${\color{#76839f}⏺}$$) usage
progress-color-rgb diff_rgb:15.50% diff_alpha:0.00% (from 77, 121, 255 $${\color{#4d79ff}⏺}$$ to 906bff $${\color{#906bff}⏺}$$) usage
primary-rgb diff_rgb:15.50% diff_alpha:0.00% (from 77, 121, 255 $${\color{#4d79ff}⏺}$$ to 906bff $${\color{#906bff}⏺}$$) usage
secondary-rgb diff_rgb:15.50% diff_alpha:0.00% (from 77, 121, 255 $${\color{#4d79ff}⏺}$$ to 906bff $${\color{#906bff}⏺}$$) usage
tooltip-description-color diff_rgb:10.51% diff_alpha:0.00% (from 1d222d $${\color{#1d222d}⏺}$$ to 323b4e $${\color{#323b4e}⏺}$$) usage

Distance < 10%

line diff_rgb:8.90% diff_alpha:0.00% (from 323b4e $${\color{#323b4e}⏺}$$ to 475266 $${\color{#475266}⏺}$$) usage
tag-background diff_rgb:8.53% diff_alpha:0.00% (from 323b4e $${\color{#323b4e}⏺}$$ to 212733 $${\color{#212733}⏺}$$) usage
tooltip-text-color diff_rgb:7.72% diff_alpha:0.00% (from 272f3d $${\color{#272f3d}⏺}$$ to 181c25 $${\color{#181c25}⏺}$$) usage
toast-inverted-background-contrast diff_rgb:7.72% diff_alpha:0.00% (from 272f3d $${\color{#272f3d}⏺}$$ to 181c25 $${\color{#181c25}⏺}$$) usage
input-background diff_rgb:5.06% diff_alpha:0.00% (from 2b3343 $${\color{#2b3343}⏺}$$ to 212733 $${\color{#212733}⏺}$$) usage
overlay-content-background diff_rgb:3.46% diff_alpha:0.00% (from 323b4e $${\color{#323b4e}⏺}$$ to 2b3343 $${\color{#2b3343}⏺}$$) usage
segment-selected-background diff_rgb:3.46% diff_alpha:0.00% (from 323b4e $${\color{#323b4e}⏺}$$ to 2b3343 $${\color{#2b3343}⏺}$$) usage

Screenshots