From 045162244e61f028bb456dd38d055511e9f1114f Mon Sep 17 00:00:00 2001 From: Juan Denis Date: Tue, 3 Nov 2026 13:11:10 -0500 Subject: [PATCH] fix(frontend): keyword colours in tab-scroll fade masks --- frontend/src/styles/components/_tabs.scss | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/frontend/src/styles/components/_tabs.scss b/frontend/src/styles/components/_tabs.scss index b5998534..41f5b9b9 100644 --- a/frontend/src/styles/components/_tabs.scss +++ b/frontend/src/styles/components/_tabs.scss @@ -41,21 +41,21 @@ > * { flex-shrink: 0; } &[data-fade-end] { - mask-image: linear-gradient(to right, #000 calc(100% - var(--sk-tabscroll-fade)), transparent); + mask-image: linear-gradient(to right, black calc(100% - var(--sk-tabscroll-fade)), transparent); } &[data-fade-start] { - mask-image: linear-gradient(to right, transparent, #000 var(--sk-tabscroll-fade)); + mask-image: linear-gradient(to right, transparent, black var(--sk-tabscroll-fade)); } &[data-fade-start][data-fade-end] { - mask-image: linear-gradient(to right, transparent, #000 var(--sk-tabscroll-fade), #000 calc(100% - var(--sk-tabscroll-fade)), transparent); + mask-image: linear-gradient(to right, transparent, black var(--sk-tabscroll-fade), black calc(100% - var(--sk-tabscroll-fade)), transparent); } - &:dir(rtl)[data-fade-end] { mask-image: linear-gradient(to left, #000 calc(100% - var(--sk-tabscroll-fade)), transparent); } - &:dir(rtl)[data-fade-start] { mask-image: linear-gradient(to left, transparent, #000 var(--sk-tabscroll-fade)); } + &:dir(rtl)[data-fade-end] { mask-image: linear-gradient(to left, black calc(100% - var(--sk-tabscroll-fade)), transparent); } + &:dir(rtl)[data-fade-start] { mask-image: linear-gradient(to left, transparent, black var(--sk-tabscroll-fade)); } &:dir(rtl)[data-fade-start][data-fade-end] { - mask-image: linear-gradient(to left, transparent, #000 var(--sk-tabscroll-fade), #000 calc(100% - var(--sk-tabscroll-fade)), transparent); + mask-image: linear-gradient(to left, transparent, black var(--sk-tabscroll-fade), black calc(100% - var(--sk-tabscroll-fade)), transparent); } }