Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

stream_color: Extract function to get corrected color.

This commit is contained in:
Aman Agrawal 2023-11-02 15:45:04 +00:00 committed by Tim Abbott
parent 3de6ec0a59
commit bbd49d4634
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/stream_color.ts
View File

@ -1,3 +1,4 @@
import type {Colord} from "colord";
import {colord, extend} from "colord"; import {colord, extend} from "colord";
import lchPlugin from "colord/plugins/lch"; import lchPlugin from "colord/plugins/lch";
import mixPlugin from "colord/plugins/mix"; import mixPlugin from "colord/plugins/mix";
@ -25,7 +26,7 @@ export function update_stream_recipient_color($stream_header: JQuery): void {
} }
} }
export function get_stream_privacy_icon_color(hex_color: string): string { export function get_corrected_color(hex_color: string): Colord {
// LCH stands for Lightness, Chroma, and Hue. // LCH stands for Lightness, Chroma, and Hue.
// This function restricts Lightness of a color to be between 20 to 75. // This function restricts Lightness of a color to be between 20 to 75.
const color = colord(hex_color).toLch(); const color = colord(hex_color).toLch();
@ -36,13 +37,17 @@ export function get_stream_privacy_icon_color(hex_color: string): string {
} else if (color.l > max_color_l) { } else if (color.l > max_color_l) {
color.l = max_color_l; color.l = max_color_l;
} }
return colord(color).toHex(); return colord(color);
}
export function get_stream_privacy_icon_color(hex_color: string): string {
return get_corrected_color(hex_color).toHex();
} }
export function get_recipient_bar_color(color: string): string { export function get_recipient_bar_color(color: string): string {
// Mixes 50% of color to 40% of white (light theme) / black (dark theme). // Mixes 50% of color to 40% of white (light theme) / black (dark theme).
const using_dark_theme = settings_data.using_dark_theme(); const using_dark_theme = settings_data.using_dark_theme();
color = get_stream_privacy_icon_color(color); color = get_corrected_color(color).toHex();
return colord(using_dark_theme ? "#000000" : "#f9f9f9") return colord(using_dark_theme ? "#000000" : "#f9f9f9")
.mix(color, using_dark_theme ? 0.38 : 0.22) .mix(color, using_dark_theme ? 0.38 : 0.22)
.toHex(); .toHex();