mirror of
https://github.com/zed-industries/zed.git
synced 2025-02-11 04:36:24 +00:00
WIP
This commit is contained in:
Nate Butler
parent
5337d9605a
commit
0d1fb7f29e
2 changed files with 333 additions and 24 deletions
|
|
@ -2,7 +2,6 @@
|
||||||
|
|
||||||
use crate::theme::Theme;
|
use crate::theme::Theme;
|
||||||
use ::theme as legacy_theme;
|
use ::theme as legacy_theme;
|
||||||
use collab_panel::collab_panel;
|
|
||||||
use element_ext::ElementExt;
|
use element_ext::ElementExt;
|
||||||
use gpui2::{serde_json, vec2f, view, Element, RectF, ViewContext, WindowBounds};
|
use gpui2::{serde_json, vec2f, view, Element, RectF, ViewContext, WindowBounds};
|
||||||
use legacy_theme::ThemeSettings;
|
use legacy_theme::ThemeSettings;
|
||||||
|
|
@ -30,7 +29,7 @@ fn main() {
|
||||||
|
|
||||||
cx.add_window(
|
cx.add_window(
|
||||||
gpui2::WindowOptions {
|
gpui2::WindowOptions {
|
||||||
bounds: WindowBounds::Fixed(RectF::new(vec2f(0., 0.), vec2f(260., 800.))),
|
bounds: WindowBounds::Fixed(RectF::new(vec2f(0., 0.), vec2f(1400., 900.))),
|
||||||
center: true,
|
center: true,
|
||||||
..Default::default()
|
..Default::default()
|
||||||
},
|
},
|
||||||
|
|
@ -41,7 +40,7 @@ fn main() {
|
||||||
}
|
}
|
||||||
|
|
||||||
fn storybook<V: 'static>(cx: &mut ViewContext<V>) -> impl Element<V> {
|
fn storybook<V: 'static>(cx: &mut ViewContext<V>) -> impl Element<V> {
|
||||||
collab_panel().themed(current_theme(cx))
|
workspace().themed(current_theme(cx))
|
||||||
}
|
}
|
||||||
|
|
||||||
// Nathan: During the transition to gpui2, we will include the base theme on the legacy Theme struct.
|
// Nathan: During the transition to gpui2, we will include the base theme on the legacy Theme struct.
|
||||||
|
|
@ -64,6 +63,7 @@ fn current_theme<V: 'static>(cx: &mut ViewContext<V>) -> Theme {
|
||||||
use anyhow::{anyhow, Result};
|
use anyhow::{anyhow, Result};
|
||||||
use gpui2::AssetSource;
|
use gpui2::AssetSource;
|
||||||
use rust_embed::RustEmbed;
|
use rust_embed::RustEmbed;
|
||||||
|
use workspace::workspace;
|
||||||
|
|
||||||
#[derive(RustEmbed)]
|
#[derive(RustEmbed)]
|
||||||
#[folder = "../../assets"]
|
#[folder = "../../assets"]
|
||||||
|
|
|
||||||
|
|
@ -1,9 +1,330 @@
|
||||||
use crate::theme::theme;
|
use crate::theme::theme;
|
||||||
use gpui2::{
|
use gpui2::{
|
||||||
elements::div, geometry::pixels, style::StyleHelpers, Element, IntoElement, ParentElement,
|
elements::{div, svg},
|
||||||
ViewContext,
|
geometry::pixels,
|
||||||
|
style::{StyleHelpers, Styleable},
|
||||||
|
Element, IntoElement, ParentElement, ViewContext,
|
||||||
};
|
};
|
||||||
|
|
||||||
|
#[derive(Element)]
|
||||||
|
struct TitleBar;
|
||||||
|
|
||||||
|
pub fn titlebar<V: 'static>() -> impl Element<V> {
|
||||||
|
TitleBar
|
||||||
|
}
|
||||||
|
|
||||||
|
impl TitleBar {
|
||||||
|
fn render<V: 'static>(&mut self, _: &mut V, cx: &mut ViewContext<V>) -> impl IntoElement<V> {
|
||||||
|
let theme = theme(cx);
|
||||||
|
div()
|
||||||
|
.flex()
|
||||||
|
.items_center()
|
||||||
|
.justify_between()
|
||||||
|
.w_full()
|
||||||
|
.h_8()
|
||||||
|
.fill(theme.lowest.base.default.background)
|
||||||
|
.child(self.left_group(cx))
|
||||||
|
.child(self.right_group(cx))
|
||||||
|
}
|
||||||
|
|
||||||
|
fn left_group<V: 'static>(&mut self, cx: &mut ViewContext<V>) -> impl IntoElement<V> {
|
||||||
|
let theme = theme(cx);
|
||||||
|
div()
|
||||||
|
.flex()
|
||||||
|
.items_center()
|
||||||
|
.h_full()
|
||||||
|
.gap_4()
|
||||||
|
.px_2()
|
||||||
|
// === Traffic Lights === //
|
||||||
|
.child(
|
||||||
|
div()
|
||||||
|
.flex()
|
||||||
|
.items_center()
|
||||||
|
.gap_2()
|
||||||
|
.child(
|
||||||
|
div()
|
||||||
|
.w_3()
|
||||||
|
.h_3()
|
||||||
|
// .rounded_full()
|
||||||
|
.fill(theme.lowest.positive.default.foreground),
|
||||||
|
)
|
||||||
|
.child(
|
||||||
|
div()
|
||||||
|
.w_3()
|
||||||
|
.h_3()
|
||||||
|
// .rounded_full()
|
||||||
|
.fill(theme.lowest.warning.default.foreground),
|
||||||
|
)
|
||||||
|
.child(
|
||||||
|
div()
|
||||||
|
.w_3()
|
||||||
|
.h_3()
|
||||||
|
// .rounded_full()
|
||||||
|
.fill(theme.lowest.negative.default.foreground),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
// === Project Info === //
|
||||||
|
.child(
|
||||||
|
div()
|
||||||
|
.flex()
|
||||||
|
.items_center()
|
||||||
|
.gap_1()
|
||||||
|
.child(
|
||||||
|
div()
|
||||||
|
.h_full()
|
||||||
|
.flex()
|
||||||
|
.items_center()
|
||||||
|
.justify_center()
|
||||||
|
.px_1()
|
||||||
|
.hover()
|
||||||
|
.fill(theme.lowest.base.hovered.background)
|
||||||
|
.active()
|
||||||
|
.fill(theme.lowest.base.pressed.background)
|
||||||
|
.child(div().text_sm().child("project")),
|
||||||
|
)
|
||||||
|
.child(
|
||||||
|
div()
|
||||||
|
.h_full()
|
||||||
|
.flex()
|
||||||
|
.items_center()
|
||||||
|
.justify_center()
|
||||||
|
.px_1()
|
||||||
|
.text_color(theme.lowest.variant.default.foreground)
|
||||||
|
.hover()
|
||||||
|
.fill(theme.lowest.base.hovered.background)
|
||||||
|
.active()
|
||||||
|
.fill(theme.lowest.base.pressed.background)
|
||||||
|
.child(div().text_sm().child("branch")),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
fn right_group<V: 'static>(&mut self, cx: &mut ViewContext<V>) -> impl IntoElement<V> {
|
||||||
|
let theme = theme(cx);
|
||||||
|
div()
|
||||||
|
.flex()
|
||||||
|
.items_center()
|
||||||
|
.h_full()
|
||||||
|
.gap_4()
|
||||||
|
.px_2()
|
||||||
|
// === Comms === //
|
||||||
|
.child(
|
||||||
|
div()
|
||||||
|
.flex()
|
||||||
|
.items_center()
|
||||||
|
.gap_1()
|
||||||
|
.child(
|
||||||
|
div()
|
||||||
|
.w_6()
|
||||||
|
.h_full()
|
||||||
|
.flex()
|
||||||
|
.items_center()
|
||||||
|
.justify_center()
|
||||||
|
.child(
|
||||||
|
svg()
|
||||||
|
.path("icons/microphone.svg")
|
||||||
|
.w_4()
|
||||||
|
.h_4()
|
||||||
|
.fill(theme.lowest.base.default.foreground),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
.child(
|
||||||
|
div()
|
||||||
|
.w_6()
|
||||||
|
.h_full()
|
||||||
|
.flex()
|
||||||
|
.items_center()
|
||||||
|
.justify_center()
|
||||||
|
.child(
|
||||||
|
svg()
|
||||||
|
.path("icons/screen.svg")
|
||||||
|
.w_4()
|
||||||
|
.h_4()
|
||||||
|
.fill(theme.lowest.base.default.foreground),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
.child(
|
||||||
|
div()
|
||||||
|
.w_6()
|
||||||
|
.h_full()
|
||||||
|
.flex()
|
||||||
|
.items_center()
|
||||||
|
.justify_center()
|
||||||
|
.child(
|
||||||
|
svg()
|
||||||
|
.path("icons/exit.svg")
|
||||||
|
.w_4()
|
||||||
|
.h_4()
|
||||||
|
.fill(theme.lowest.base.default.foreground),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// ================================================================================ //
|
||||||
|
|
||||||
|
#[derive(Element)]
|
||||||
|
struct StatusBar;
|
||||||
|
|
||||||
|
pub fn statusbar<V: 'static>() -> impl Element<V> {
|
||||||
|
StatusBar
|
||||||
|
}
|
||||||
|
|
||||||
|
impl StatusBar {
|
||||||
|
fn render<V: 'static>(&mut self, _: &mut V, cx: &mut ViewContext<V>) -> impl IntoElement<V> {
|
||||||
|
let theme = theme(cx);
|
||||||
|
div()
|
||||||
|
.flex()
|
||||||
|
.items_center()
|
||||||
|
.justify_between()
|
||||||
|
.w_full()
|
||||||
|
.h_8()
|
||||||
|
.fill(theme.lowest.base.default.background)
|
||||||
|
.child(self.left_group(cx))
|
||||||
|
.child(self.right_group(cx))
|
||||||
|
}
|
||||||
|
|
||||||
|
fn left_group<V: 'static>(&mut self, cx: &mut ViewContext<V>) -> impl IntoElement<V> {
|
||||||
|
let theme = theme(cx);
|
||||||
|
div()
|
||||||
|
.flex()
|
||||||
|
.items_center()
|
||||||
|
.h_full()
|
||||||
|
.gap_4()
|
||||||
|
.px_2()
|
||||||
|
// === Tools === //
|
||||||
|
.child(
|
||||||
|
div()
|
||||||
|
.flex()
|
||||||
|
.items_center()
|
||||||
|
.gap_1()
|
||||||
|
.child(
|
||||||
|
div()
|
||||||
|
.w_6()
|
||||||
|
.h_full()
|
||||||
|
.flex()
|
||||||
|
.items_center()
|
||||||
|
.justify_center()
|
||||||
|
.child(
|
||||||
|
svg()
|
||||||
|
.path("icons/project.svg")
|
||||||
|
.w_4()
|
||||||
|
.h_4()
|
||||||
|
.fill(theme.lowest.base.default.foreground),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
.child(
|
||||||
|
div()
|
||||||
|
.w_6()
|
||||||
|
.h_full()
|
||||||
|
.flex()
|
||||||
|
.items_center()
|
||||||
|
.justify_center()
|
||||||
|
.child(
|
||||||
|
svg()
|
||||||
|
.path("icons/conversations.svg")
|
||||||
|
.w_4()
|
||||||
|
.h_4()
|
||||||
|
.fill(theme.lowest.base.default.foreground),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
.child(
|
||||||
|
div()
|
||||||
|
.w_6()
|
||||||
|
.h_full()
|
||||||
|
.flex()
|
||||||
|
.items_center()
|
||||||
|
.justify_center()
|
||||||
|
.child(
|
||||||
|
svg()
|
||||||
|
.path("icons/file_icons/notebook.svg")
|
||||||
|
.w_4()
|
||||||
|
.h_4()
|
||||||
|
.fill(theme.lowest.accent.default.foreground),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
// === Diagnostics === //
|
||||||
|
.child(
|
||||||
|
div().flex().items_center().gap_2()
|
||||||
|
.child(
|
||||||
|
div()
|
||||||
|
.h_full()
|
||||||
|
.flex()
|
||||||
|
.items_center()
|
||||||
|
.justify_center()
|
||||||
|
.gap_0p5()
|
||||||
|
.px_1()
|
||||||
|
.text_color(theme.lowest.variant.default.foreground)
|
||||||
|
.hover()
|
||||||
|
.fill(theme.lowest.base.hovered.background)
|
||||||
|
.active()
|
||||||
|
.fill(theme.lowest.base.pressed.background)
|
||||||
|
.child(
|
||||||
|
svg()
|
||||||
|
.path("icons/error.svg")
|
||||||
|
.w_4()
|
||||||
|
.h_4()
|
||||||
|
.fill(theme.lowest.negative.default.foreground),
|
||||||
|
)
|
||||||
|
.child(div().text_sm().child("2")),
|
||||||
|
)
|
||||||
|
.child(div().text_sm().text_color(theme.lowest.variant.default.foreground).child("Something is wrong")),
|
||||||
|
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
fn right_group<V: 'static>(&mut self, cx: &mut ViewContext<V>) -> impl IntoElement<V> {
|
||||||
|
let theme = theme(cx);
|
||||||
|
div()
|
||||||
|
.flex()
|
||||||
|
.items_center()
|
||||||
|
.h_full()
|
||||||
|
.gap_4()
|
||||||
|
.px_2()
|
||||||
|
// === Tools === //
|
||||||
|
.child(
|
||||||
|
div()
|
||||||
|
.flex()
|
||||||
|
.items_center()
|
||||||
|
.gap_1()
|
||||||
|
.child(
|
||||||
|
div()
|
||||||
|
.w_6()
|
||||||
|
.h_full()
|
||||||
|
.flex()
|
||||||
|
.items_center()
|
||||||
|
.justify_center()
|
||||||
|
.child(
|
||||||
|
svg()
|
||||||
|
.path("icons/check_circle.svg")
|
||||||
|
.w_4()
|
||||||
|
.h_4()
|
||||||
|
.fill(theme.lowest.base.default.foreground),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
.child(
|
||||||
|
div()
|
||||||
|
.w_6()
|
||||||
|
.h_full()
|
||||||
|
.flex()
|
||||||
|
.items_center()
|
||||||
|
.justify_center()
|
||||||
|
.child(
|
||||||
|
svg()
|
||||||
|
.path("icons/copilot.svg")
|
||||||
|
.w_4()
|
||||||
|
.h_4()
|
||||||
|
.fill(theme.lowest.accent.default.foreground),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// ================================================================================ //
|
||||||
|
|
||||||
#[derive(Element)]
|
#[derive(Element)]
|
||||||
struct WorkspaceElement;
|
struct WorkspaceElement;
|
||||||
|
|
||||||
|
|
@ -15,27 +336,15 @@ impl WorkspaceElement {
|
||||||
fn render<V: 'static>(&mut self, _: &mut V, cx: &mut ViewContext<V>) -> impl IntoElement<V> {
|
fn render<V: 'static>(&mut self, _: &mut V, cx: &mut ViewContext<V>) -> impl IntoElement<V> {
|
||||||
let theme = theme(cx);
|
let theme = theme(cx);
|
||||||
div()
|
div()
|
||||||
.full()
|
.h_full()
|
||||||
|
.w_full()
|
||||||
.flex()
|
.flex()
|
||||||
.flex_col()
|
.flex_col()
|
||||||
|
.font("Zed Sans Extended")
|
||||||
|
.text_color(theme.lowest.base.default.foreground)
|
||||||
.fill(theme.middle.base.default.background)
|
.fill(theme.middle.base.default.background)
|
||||||
.child(self.title_bar(cx))
|
.child(titlebar())
|
||||||
.child(self.stage(cx))
|
.child(div().child("panes"))
|
||||||
.child(self.status_bar(cx))
|
.child(statusbar())
|
||||||
}
|
|
||||||
|
|
||||||
fn title_bar<V: 'static>(&mut self, cx: &mut ViewContext<V>) -> impl IntoElement<V> {
|
|
||||||
let theme = theme(cx);
|
|
||||||
div()
|
|
||||||
.h(pixels(cx.titlebar_height()))
|
|
||||||
.fill(theme.lowest.base.default.background)
|
|
||||||
}
|
|
||||||
|
|
||||||
fn status_bar<V: 'static>(&mut self, cx: &mut ViewContext<V>) -> impl IntoElement<V> {
|
|
||||||
div().h(pixels(cx.titlebar_height())) //.fill(colors.base(0.))
|
|
||||||
}
|
|
||||||
|
|
||||||
fn stage<V: 'static>(&mut self, cx: &mut ViewContext<V>) -> impl IntoElement<V> {
|
|
||||||
div().flex_grow()
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue