mirror of
https://github.com/getpaseo/paseo.git
synced 2026-11-10 10:25:03 +00:00
Mohamed Boudra
d99258cdd0
Use an overlay scrollbar for desktop chat timelines so scrollbar gutters cannot move centered content. Share its behavior with existing workspace scrollbars and derive resting and hover colors from semantic foreground tokens.
15 lines
463 B
TypeScript
15 lines
463 B
TypeScript
export const WEB_SCROLLBAR_WIDTH = "thin";
|
|
export const WEB_SCROLLBAR_SIZE_PX = 8;
|
|
export const WEB_SCROLLBAR_RESTING_OPACITY = 0.4;
|
|
|
|
export function webScrollbarThumbColor(
|
|
handleColor: string,
|
|
opacity = WEB_SCROLLBAR_RESTING_OPACITY,
|
|
): string {
|
|
return `color-mix(in srgb, ${handleColor} ${opacity * 100}%, transparent)`;
|
|
}
|
|
|
|
export function webScrollbarColor(handleColor: string): string {
|
|
return `${webScrollbarThumbColor(handleColor)} transparent`;
|
|
}
|