Builds on top of existing work from #2249, but here's a showcase: https://github.com/zed-industries/zed/assets/53836821/4b346965-6654-496c-b379-75425d9b493f TODO: - [x] handle line wrapping - [x] implement handling in multibuffer (crashes currently) - [x] add configuration option - [x] new theme properties? What colors to use? - [x] Possibly support indents with different colors or background colors - [x] investigate edge cases (e.g. indent guides and folds continue on empty lines even if the next indent is different) - [x] add more tests (also test `find_active_indent_index`) - [x] docs (will do in a follow up PR) - [x] benchmark performance impact Release Notes: - Added indent guides ([#5373](https://github.com/zed-industries/zed/issues/5373)) --------- Co-authored-by: Nate Butler <1714999+iamnbutler@users.noreply.github.com> Co-authored-by: Remco <djsmits12@gmail.com>
182 lines
4.3 KiB
Rust
182 lines
4.3 KiB
Rust
//! # Theme
|
|
//!
|
|
//! This crate provides the theme system for Zed.
|
|
//!
|
|
//! ## Overview
|
|
//!
|
|
//! A theme is a collection of colors used to build a consistent appearance for UI components across the application.
|
|
|
|
mod default_colors;
|
|
mod default_theme;
|
|
mod one_themes;
|
|
pub mod prelude;
|
|
mod registry;
|
|
mod scale;
|
|
mod schema;
|
|
mod settings;
|
|
mod styles;
|
|
|
|
use std::sync::Arc;
|
|
|
|
use ::settings::{Settings, SettingsStore};
|
|
pub use default_colors::*;
|
|
pub use default_theme::*;
|
|
pub use registry::*;
|
|
pub use scale::*;
|
|
pub use schema::*;
|
|
pub use settings::*;
|
|
pub use styles::*;
|
|
|
|
use gpui::{
|
|
AppContext, AssetSource, Hsla, SharedString, WindowAppearance, WindowBackgroundAppearance,
|
|
};
|
|
use serde::Deserialize;
|
|
|
|
#[derive(Debug, PartialEq, Clone, Copy, Deserialize)]
|
|
pub enum Appearance {
|
|
Light,
|
|
Dark,
|
|
}
|
|
|
|
impl Appearance {
|
|
pub fn is_light(&self) -> bool {
|
|
match self {
|
|
Self::Light => true,
|
|
Self::Dark => false,
|
|
}
|
|
}
|
|
}
|
|
|
|
impl From<WindowAppearance> for Appearance {
|
|
fn from(value: WindowAppearance) -> Self {
|
|
match value {
|
|
WindowAppearance::Dark | WindowAppearance::VibrantDark => Self::Dark,
|
|
WindowAppearance::Light | WindowAppearance::VibrantLight => Self::Light,
|
|
}
|
|
}
|
|
}
|
|
|
|
pub enum LoadThemes {
|
|
/// Only load the base theme.
|
|
///
|
|
/// No user themes will be loaded.
|
|
JustBase,
|
|
|
|
/// Load all of the built-in themes.
|
|
All(Box<dyn AssetSource>),
|
|
}
|
|
|
|
pub fn init(themes_to_load: LoadThemes, cx: &mut AppContext) {
|
|
let (assets, load_user_themes) = match themes_to_load {
|
|
LoadThemes::JustBase => (Box::new(()) as Box<dyn AssetSource>, false),
|
|
LoadThemes::All(assets) => (assets, true),
|
|
};
|
|
ThemeRegistry::set_global(assets, cx);
|
|
|
|
if load_user_themes {
|
|
ThemeRegistry::global(cx).load_bundled_themes();
|
|
}
|
|
|
|
ThemeSettings::register(cx);
|
|
|
|
let mut prev_buffer_font_size = ThemeSettings::get_global(cx).buffer_font_size;
|
|
cx.observe_global::<SettingsStore>(move |cx| {
|
|
let buffer_font_size = ThemeSettings::get_global(cx).buffer_font_size;
|
|
if buffer_font_size != prev_buffer_font_size {
|
|
prev_buffer_font_size = buffer_font_size;
|
|
reset_font_size(cx);
|
|
}
|
|
})
|
|
.detach();
|
|
}
|
|
|
|
pub trait ActiveTheme {
|
|
fn theme(&self) -> &Arc<Theme>;
|
|
}
|
|
|
|
impl ActiveTheme for AppContext {
|
|
fn theme(&self) -> &Arc<Theme> {
|
|
&ThemeSettings::get_global(self).active_theme
|
|
}
|
|
}
|
|
|
|
pub struct ThemeFamily {
|
|
pub id: String,
|
|
pub name: SharedString,
|
|
pub author: SharedString,
|
|
pub themes: Vec<Theme>,
|
|
pub scales: ColorScales,
|
|
}
|
|
|
|
impl ThemeFamily {}
|
|
|
|
#[derive(Clone)]
|
|
pub struct Theme {
|
|
pub id: String,
|
|
pub name: SharedString,
|
|
pub appearance: Appearance,
|
|
pub styles: ThemeStyles,
|
|
}
|
|
|
|
impl Theme {
|
|
/// Returns the [`SystemColors`] for the theme.
|
|
#[inline(always)]
|
|
pub fn system(&self) -> &SystemColors {
|
|
&self.styles.system
|
|
}
|
|
|
|
/// Returns the [`AccentColors`] for the theme.
|
|
#[inline(always)]
|
|
pub fn accents(&self) -> &AccentColors {
|
|
&self.styles.accents
|
|
}
|
|
|
|
/// Returns the [`PlayerColors`] for the theme.
|
|
#[inline(always)]
|
|
pub fn players(&self) -> &PlayerColors {
|
|
&self.styles.player
|
|
}
|
|
|
|
/// Returns the [`ThemeColors`] for the theme.
|
|
#[inline(always)]
|
|
pub fn colors(&self) -> &ThemeColors {
|
|
&self.styles.colors
|
|
}
|
|
|
|
/// Returns the [`SyntaxTheme`] for the theme.
|
|
#[inline(always)]
|
|
pub fn syntax(&self) -> &Arc<SyntaxTheme> {
|
|
&self.styles.syntax
|
|
}
|
|
|
|
/// Returns the [`StatusColors`] for the theme.
|
|
#[inline(always)]
|
|
pub fn status(&self) -> &StatusColors {
|
|
&self.styles.status
|
|
}
|
|
|
|
/// Returns the color for the syntax node with the given name.
|
|
#[inline(always)]
|
|
pub fn syntax_color(&self, name: &str) -> Hsla {
|
|
self.syntax().color(name)
|
|
}
|
|
|
|
/// Returns the [`Appearance`] for the theme.
|
|
#[inline(always)]
|
|
pub fn appearance(&self) -> Appearance {
|
|
self.appearance
|
|
}
|
|
|
|
/// Returns the [`WindowBackgroundAppearance`] for the theme.
|
|
#[inline(always)]
|
|
pub fn window_background_appearance(&self) -> WindowBackgroundAppearance {
|
|
self.styles.window_background_appearance
|
|
}
|
|
}
|
|
|
|
pub fn color_alpha(color: Hsla, alpha: f32) -> Hsla {
|
|
let mut color = color;
|
|
color.a = alpha;
|
|
color
|
|
}
|