refactor: add native ui theme tokens

This commit is contained in:
ZacharyZhang-NY committed 2026-04-19 01:36:21 -04:00
1 parent 5e6e929779
commit 308be17264
14 files changed
+248 -108

No files matched your search

@@ -24,8 +24,8 @@ impl AppRoot {
.gap_2()
.border_1()
.rounded_md()
.border_color(rgb(0xd9cdbf))
.bg(rgb(0xfffbf5))
.border_color(theme::panel_border())
.bg(theme::panel())
.overflow_scroll()
.child(div().text_lg().child("Document center"))
.children(self.snapshot.documents.iter().map(|item| {
@@ -38,8 +38,12 @@ impl AppRoot {
.py_2()
.rounded_md()
.cursor_pointer()
.bg(if active { rgb(0xefe2d4) } else { rgb(0xfffbf5) })
.hover(|style| style.bg(rgb(0xf4ede4)))
.bg(if active {
theme::selection_fill()
} else {
theme::panel()
})
.hover(|style| style.bg(theme::panel_hover()))
.on_click(cx.listener(move |this, _, _, cx| {
this.state.selected_document_id = Some(document_id.clone());
cx.notify();
@@ -54,19 +58,19 @@ impl AppRoot {
.gap_3()
.border_1()
.rounded_md()
.border_color(rgb(0xd9cdbf))
.bg(rgb(0xfffbf5))
.border_color(theme::panel_border())
.bg(theme::panel())
.child(div().text_lg().child("Quick draft"))
.child(self.document_title_input.clone())
.child(self.document_body_input.clone())
.child(primary_button("Save draft", cx, |this, cx| {
this.create_document(cx)
}))
.child(div().h(px(1.0)).bg(rgb(0xeee3d7)))
.child(div().h(px(1.0)).bg(theme::panel_inset_border()))
.child(
div()
.text_sm()
.text_color(rgb(0x6f665d))
.text_color(theme::text_muted())
.child(document_title),
)
.child(
@@ -74,9 +78,9 @@ impl AppRoot {
.min_h(px(200.0))
.p_3()
.border_1()
.border_color(rgb(0xeee3d7))
.border_color(theme::panel_inset_border())
.rounded_md()
.bg(rgb(0xf7f0e7))
.bg(theme::panel_inset())
.child(document_content),
),
)