itube-specs 0.0.918 → 0.0.920

package/assets/scss/themes/dark/_theme.scss

@@ -1057,3 +1057,64 @@ $document-text: $color-zinc-400;
 $document-heading: $color-white;
 $document-link: $color-indigo-400;
 $document-link--hover: $color-indigo-300;
+
+// ─── Вебкам-блок ───
+$webcam-icon-text: $color-white;
+$webcam-icon-bg: $color-white-10;
+$webcam-header-promo-text: $color-white;
+$webcam-header-promo-bg: $color-indigo-600;
+$webcam-header-promo-bg--hover: $color-indigo-500;
+$webcam-counters-text: $color-emerald-400;
+$webcam-counters-bg: $color-emerald-500-10;
+$webcam-counters-dot: $color-emerald-400;
+$webcam-counters-language-text: $color-zinc-300;
+$webcam-counters-language-bg: $color-zinc-800-70;
+$card-webcam-poster-bg: $color-zinc-800;
+$card-webcam-online-dot: $color-emerald-400;
+$card-webcam-online-ring: $color-black-42;
+$card-webcam-badge-text: $color-white-90;
+$card-webcam-badge-bg: $color-black-45;
+$card-webcam-badge-border: $color-white-25;
+$card-webcam-badge-shadow: $color-black-90;
+$card-webcam-goal-text: $color-white;
+$card-webcam-goal-label: $color-zinc-400;
+$card-webcam-goal-percent: $color-white-70;
+$card-webcam-goal-plain-text: $color-zinc-300;
+$card-webcam-goal-plain-percent: $color-zinc-400;
+$card-webcam-goal-track-bg: $color-white-15;
+$card-webcam-goal-fill-bg: $color-emerald-400;
+$card-webcam-goal-shade-from: $color-black-95;
+$card-webcam-goal-shade-via: $color-black-70;
+$card-webcam-name-text: $color-white;
+$card-webcam-name-text--hover: $color-indigo-300;
+$card-webcam-meta-text: $color-zinc-500;
+$card-webcam-meta-text--hover: $color-zinc-300;
+$card-webcam-tag-text: $color-zinc-300;
+$card-webcam-tag-bg: $color-zinc-800;
+$card-webcam-tag-text--hover: $color-white;
+$card-webcam-tag-bg--hover: $color-zinc-700;
+$page-webcams-divider: $color-zinc-700;
+$page-webcams-control-bg: $color-zinc-800-30;
+$page-webcams-control-border: $color-zinc-700-30;
+$page-webcams-control-text: $color-white;
+
+// ─── Switcher ───
+$switcher-bg: $color-zinc-900-80;
+$switcher-border: $color-zinc-800;
+$switcher-text: $color-zinc-400;
+$switcher-text--hover: $color-white;
+$switcher-text--active: $color-white;
+$switcher-bg--active: $color-indigo-600;
+$switcher-icon: $color-zinc-500;
+$switcher-icon--active: $color-emerald-400;
+$switcher-subtitle: $color-zinc-600;
+$switcher-subtitle--active: $color-white-60;
+
+// ─── Filter: сброс всех фильтров в облаке чипсов ───
+$filter-model-clear-text: $color-zinc-500;
+$filter-model-clear-text--hover: $color-white;
+
+// ─── Вебкам-карточка (продолжение) ───
+$card-webcam-languages-border: $color-white-20;
+$card-webcam-languages-fallback-bg: $color-zinc-800;
+$card-webcam-languages-fallback-icon: $color-zinc-300;

package/assets/scss/themes/light/_theme.scss

@@ -1085,3 +1085,64 @@ $document-text: $color-gray-700;
 $document-heading: $color-gray-900;
 $document-link: $color-indigo-400;
 $document-link--hover: $color-indigo-300;
+
+// ─── Вебкам-блок ───
+$webcam-icon-text: $color-gray-700;
+$webcam-icon-bg: $color-gray-200;
+$webcam-header-promo-text: $color-white;
+$webcam-header-promo-bg: $color-indigo-600;
+$webcam-header-promo-bg--hover: $color-indigo-500;
+$webcam-counters-text: $color-emerald-600;
+$webcam-counters-bg: $color-emerald-500-10;
+$webcam-counters-dot: $color-emerald-500;
+$webcam-counters-language-text: $color-gray-700;
+$webcam-counters-language-bg: $color-gray-200;
+$card-webcam-poster-bg: $color-gray-200;
+$card-webcam-online-dot: $color-emerald-500;
+$card-webcam-online-ring: $color-black-25;
+$card-webcam-badge-text: $color-white;
+$card-webcam-badge-bg: $color-black-45;
+$card-webcam-badge-border: $color-white-25;
+$card-webcam-badge-shadow: $color-black-90;
+$card-webcam-goal-text: $color-white;
+$card-webcam-goal-label: $color-gray-300;
+$card-webcam-goal-percent: $color-white-70;
+$card-webcam-goal-plain-text: $color-gray-700;
+$card-webcam-goal-plain-percent: $color-gray-500;
+$card-webcam-goal-track-bg: $color-white-15;
+$card-webcam-goal-fill-bg: $color-emerald-400;
+$card-webcam-goal-shade-from: $color-black-95;
+$card-webcam-goal-shade-via: $color-black-70;
+$card-webcam-name-text: $color-gray-950;
+$card-webcam-name-text--hover: $color-indigo-600;
+$card-webcam-meta-text: $color-gray-500;
+$card-webcam-meta-text--hover: $color-gray-700;
+$card-webcam-tag-text: $color-gray-700;
+$card-webcam-tag-bg: $color-gray-200;
+$card-webcam-tag-text--hover: $color-gray-950;
+$card-webcam-tag-bg--hover: $color-gray-300;
+$page-webcams-divider: $color-gray-300;
+$page-webcams-control-bg: $color-gray-100;
+$page-webcams-control-border: $color-gray-200;
+$page-webcams-control-text: $color-gray-950;
+
+// ─── Switcher ───
+$switcher-bg: $color-gray-100;
+$switcher-border: $color-gray-200;
+$switcher-text: $color-gray-500;
+$switcher-text--hover: $color-gray-950;
+$switcher-text--active: $color-white;
+$switcher-bg--active: $color-indigo-600;
+$switcher-icon: $color-gray-500;
+$switcher-icon--active: $color-emerald-400;
+$switcher-subtitle: $color-gray-500;
+$switcher-subtitle--active: $color-white-60;
+
+// ─── Filter: сброс всех фильтров в облаке чипсов ───
+$filter-model-clear-text: $color-gray-500;
+$filter-model-clear-text--hover: $color-gray-950;
+
+// ─── Вебкам-карточка (продолжение) ───
+$card-webcam-languages-border: $color-gray-300;
+$card-webcam-languages-fallback-bg: $color-gray-200;
+$card-webcam-languages-fallback-icon: $color-gray-600;

package/assets/scss/vars/_palette.scss

@@ -5,6 +5,7 @@ $color-zinc-950-0: lab(2.51107% .242703 -.886115 / 0%); // zinc-950 / 0%
 $color-zinc-950-75: lab(2.51107% .242703 -.886115 / 75%); // zinc-950 / 75%
 $color-zinc-950-90: lab(2.51107% .242703 -.886115 / 90%); // zinc-950 / 90%
 $color-zinc-900: lab(8.30603% .618205 -2.16572); // #18181b
+$color-zinc-900-80: lab(8.30603% .618205 -2.16572 / 80%);
 $color-zinc-900-70: lab(8.30603% .618205 -2.16572 / 70%); // zinc-900 / 70%
 $color-zinc-900-60: lab(8.30603% .618205 -2.16572 / 60%); // zinc-900 / 60%
 $color-zinc-900-50: lab(8.30603% .618205 -2.16572 / 50%); // #18181b
@@ -59,6 +60,7 @@ $color-indigo-500-20: lab(48.295% 38.3129 -81.9673 / 20%);
 $color-indigo-500-40: lab(48.295% 38.3129 -81.9673 / 40%);
 $color-indigo-500-50: lab(48.295% 38.3129 -81.9673 / 50%);
 $color-indigo-600: lab(38.4009% 52.6132 -92.3857); // #4f39f6
+$color-indigo-600-10: lab(38.4009% 52.6132 -92.3857 / 10%);
 $color-indigo-600-20: lab(38.4009% 52.6132 -92.3857 / 20%);
 $color-indigo-600-90: lab(38.4009% 52.6132 -92.3857 / 90%);
 $color-indigo-700: lab(32.4486% 49.2217 -84.6695); // #432dd7
@@ -99,6 +101,7 @@ $mono-white-5: lab(100% 0 0 / 5%);
 
 // $color- duplicates of the mono-black/mono-white opacity scale
 $color-black-100: lab(0% 0 0);
+$color-black-90: lab(0% 0 0 / 90%);
 $color-black-95: lab(0% 0 0 / 95%);
 $color-black-75: lab(0% 0 0 / 75%);
 $color-black-70: lab(0% 0 0 / 70%);
@@ -113,11 +116,13 @@ $color-black-10: lab(0% 0 0 / 10%);
 $color-black-5: lab(0% 0 0 / 5%);
 $color-white-100: lab(100% 0 0);
 $color-white-90: lab(100% 0 0 / 90%);
+$color-white-70: lab(100% 0 0 / 70%);
 $color-white-75: lab(100% 0 0 / 75%);
 $color-white-60: lab(100% 0 0 / 60%);
 $color-white-50: lab(100% 0 0 / 50%);
 $color-white-45: lab(100% 0 0 / 45%);
 $color-white-25: lab(100% 0 0 / 25%);
+$color-white-15: lab(100% 0 0 / 15%);
 $color-white-20: lab(100% 0 0 / 20%);
 $color-white-10: lab(100% 0 0 / 10%);
 $color-white-5: lab(100% 0 0 / 5%);
@@ -138,6 +143,8 @@ $color-red-900-50: color-mix(in oklab, #{$color-red-900} 50%, transparent);
 $color-red-925: color-mix(in oklab, #{$color-red-900} 90%, #{$color-black});
 $color-red-950: lab(13.003% 29.04 16.7519);
 $color-emerald-400: lab(75.0771% -60.7313 19.4147);
+$color-emerald-500-10: lab(66.9756% -58.27 19.5419 / 10%);
+$color-emerald-500-20: lab(66.9756% -58.27 19.5419 / 20%);
 $color-emerald-500: lab(66.9756% -58.27 19.5419);
 $color-emerald-600: lab(55.0481% -49.9246 15.93);
 $color-amber-400: lab(80.1641% 16.6016 99.2089);