forked from reya/gpui-native-kit
161 lines
5.1 KiB
Rust
161 lines
5.1 KiB
Rust
//! Semantic color roles. This module is the only place in the workspace
|
|
//! allowed to hold color literals.
|
|
|
|
use gpui::{Hsla, hsla, rgb};
|
|
|
|
use crate::ThemeVariant;
|
|
|
|
fn hex(hex: u32) -> Hsla {
|
|
rgb(hex).into()
|
|
}
|
|
|
|
/// The dim scrim behind modal layers; always a translucent black.
|
|
pub(crate) fn scrim(alpha: f32) -> Hsla {
|
|
hsla(0., 0., 0., alpha)
|
|
}
|
|
|
|
/// The semantic color roles components paint from.
|
|
#[derive(Clone, Copy, Debug, PartialEq)]
|
|
pub struct ColorTokens {
|
|
pub background: Hsla,
|
|
pub foreground: Hsla,
|
|
pub surface: Hsla,
|
|
pub surface_foreground: Hsla,
|
|
pub primary: Hsla,
|
|
pub primary_foreground: Hsla,
|
|
pub secondary: Hsla,
|
|
pub secondary_foreground: Hsla,
|
|
pub muted: Hsla,
|
|
pub muted_hover: Hsla,
|
|
pub muted_foreground: Hsla,
|
|
pub accent: Hsla,
|
|
pub accent_foreground: Hsla,
|
|
pub destructive: Hsla,
|
|
pub destructive_foreground: Hsla,
|
|
pub success: Hsla,
|
|
pub success_foreground: Hsla,
|
|
pub warning: Hsla,
|
|
pub warning_foreground: Hsla,
|
|
pub info: Hsla,
|
|
pub info_foreground: Hsla,
|
|
pub border: Hsla,
|
|
pub input: Hsla,
|
|
pub ring: Hsla,
|
|
pub selection: Hsla,
|
|
/// The scrim behind modal layers, translucent in every theme.
|
|
pub overlay: Hsla,
|
|
/// The overlay scrollbar thumb, translucent over scrolling content.
|
|
pub scrollbar_thumb: Hsla,
|
|
}
|
|
|
|
impl ColorTokens {
|
|
/// Neutral light palette; the fallback when no system theme applies.
|
|
pub fn light() -> Self {
|
|
Self {
|
|
background: hex(0xffffff),
|
|
foreground: hex(0x18181b),
|
|
surface: hex(0xfafafa),
|
|
surface_foreground: hex(0x18181b),
|
|
primary: hex(0x2563eb),
|
|
primary_foreground: hex(0xffffff),
|
|
secondary: hex(0xf4f4f5),
|
|
secondary_foreground: hex(0x18181b),
|
|
muted: hex(0xf4f4f5),
|
|
muted_hover: hex(0xe4e4e7),
|
|
muted_foreground: hex(0x71717a),
|
|
accent: hex(0x2563eb),
|
|
accent_foreground: hex(0xffffff),
|
|
destructive: hex(0xdc2626),
|
|
destructive_foreground: hex(0xffffff),
|
|
success: hex(0x16a34a),
|
|
success_foreground: hex(0xffffff),
|
|
warning: hex(0xd97706),
|
|
warning_foreground: hex(0xffffff),
|
|
info: hex(0x0284c7),
|
|
info_foreground: hex(0xffffff),
|
|
border: hex(0xe4e4e7),
|
|
input: hex(0xe4e4e7),
|
|
ring: hex(0x93c5fd),
|
|
selection: hex(0xdbeafe),
|
|
overlay: scrim(0.25),
|
|
// macOS light overlay thumbs are translucent black.
|
|
scrollbar_thumb: hsla(0., 0., 0., 0.25),
|
|
}
|
|
}
|
|
|
|
/// Neutral dark palette; the fallback when no system theme applies.
|
|
pub fn dark() -> Self {
|
|
Self {
|
|
background: hex(0x09090b),
|
|
foreground: hex(0xfafafa),
|
|
surface: hex(0x18181b),
|
|
surface_foreground: hex(0xfafafa),
|
|
primary: hex(0x3b82f6),
|
|
primary_foreground: hex(0xffffff),
|
|
secondary: hex(0x27272a),
|
|
secondary_foreground: hex(0xfafafa),
|
|
muted: hex(0x27272a),
|
|
muted_hover: hex(0x3f3f46),
|
|
muted_foreground: hex(0xa1a1aa),
|
|
accent: hex(0x3b82f6),
|
|
accent_foreground: hex(0xffffff),
|
|
destructive: hex(0xef4444),
|
|
destructive_foreground: hex(0xffffff),
|
|
success: hex(0x22c55e),
|
|
success_foreground: hex(0x052e16),
|
|
warning: hex(0xf59e0b),
|
|
warning_foreground: hex(0x451a03),
|
|
info: hex(0x38bdf8),
|
|
info_foreground: hex(0x082f49),
|
|
border: hex(0x27272a),
|
|
input: hex(0x27272a),
|
|
ring: hex(0x1d4ed8),
|
|
selection: hex(0x1e3a8a),
|
|
overlay: scrim(0.45),
|
|
// macOS dark overlay thumbs are translucent light gray.
|
|
scrollbar_thumb: hsla(0., 0., 1., 0.3),
|
|
}
|
|
}
|
|
}
|
|
|
|
/// The translucent paints surfaces lay over a native window material.
|
|
#[derive(Clone, Copy, Debug, PartialEq)]
|
|
pub struct MaterialTokens {
|
|
/// The window-sized fill the material shows through.
|
|
pub background: Hsla,
|
|
/// The hover wash over material surfaces.
|
|
pub hover: Hsla,
|
|
/// The selected-row fill over material surfaces.
|
|
pub selection: Hsla,
|
|
}
|
|
|
|
impl MaterialTokens {
|
|
/// Derives the material paints from the resolved palette.
|
|
pub(crate) fn derive(
|
|
colors: &ColorTokens,
|
|
selection: Hsla,
|
|
variant: ThemeVariant,
|
|
translucent: bool,
|
|
) -> Self {
|
|
if !translucent {
|
|
return Self {
|
|
background: colors.background,
|
|
hover: colors.muted,
|
|
selection,
|
|
};
|
|
}
|
|
|
|
// Light tints heavier than dark: the blur carries less contrast there.
|
|
let background_alpha = match variant {
|
|
ThemeVariant::Light => 0.6,
|
|
ThemeVariant::Dark => 0.5,
|
|
};
|
|
Self {
|
|
background: colors.background.alpha(background_alpha),
|
|
// A foreground wash keeps hover visible over any backdrop hue.
|
|
hover: colors.foreground.alpha(0.06),
|
|
selection: selection.alpha(0.85),
|
|
}
|
|
}
|
|
}
|