dan/gpui-component
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

tab_bar: Let normal/active tab has same border to avoid flash on active change. (#1327)

Browse source
This commit is contained in:
Jason Lee 2025-10-03 16:30:28 +08:00 committed by GitHub
parent a48232cefd
commit f59bac8c8b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 16 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
crates/ui/src/tab/tab.rs
View file

@ -156,6 +156,7 @@ impl TabVariant {
fg: cx.theme().tab_foreground, fg: cx.theme().tab_foreground,
bg: cx.theme().transparent, bg: cx.theme().transparent,
borders: Edges { borders: Edges {
top: px(1.),
left: px(1.), left: px(1.),
right: px(1.), right: px(1.),
..Default::default() ..Default::default()
@ -307,7 +308,7 @@ impl TabVariant {
match self { match self {
TabVariant::Tab => TabStyle { TabVariant::Tab => TabStyle {
fg: cx.theme().muted_foreground, fg: cx.theme().muted_foreground,
bg: cx.theme().tab, bg: cx.theme().transparent,
border_color: if selected { border_color: if selected {
cx.theme().border cx.theme().border
} else { } else {

28
themes/ayu.json
View file

@ -8,9 +8,9 @@
"name": "Ayu Light", "name": "Ayu Light",
"mode": "light", "mode": "light",
"colors": { "colors": {
"accent.background": "#dbdbdb", "accent.background": "#dadadc",
"accent.foreground": "#5C6773", "accent.foreground": "#5C6773",
"background": "#ECECED", "background": "#FCFCFC",
"foreground": "#5c6166", "foreground": "#5c6166",
"border": "#cfd1d2ff", "border": "#cfd1d2ff",
"ring": "#FF9940", "ring": "#FF9940",
@ -20,7 +20,8 @@
"list.even.background": "#E6E6E6", "list.even.background": "#E6E6E6",
"list.head.background": "#E6E6E6", "list.head.background": "#E6E6E6",
"muted.background": "#F3F4F5", "muted.background": "#F3F4F5",
"muted.foreground": "#ABB0B6", "muted.foreground": "#99a0a6",
"sidebar.background": "#ECECED",
"panel.background": "#F3F4F5", "panel.background": "#F3F4F5",
"popover.background": "#ECECED", "popover.background": "#ECECED",
"popover.foreground": "#5C6773", "popover.foreground": "#5C6773",
@ -31,13 +32,12 @@
"scrollbar.background": "#FAFAFA00", "scrollbar.background": "#FAFAFA00",
"scrollbar.thumb.background": "#5c61664c", "scrollbar.thumb.background": "#5c61664c",
"secondary.active.background": "#CECECE", "secondary.active.background": "#CECECE",
"secondary.background": "#dbdbdb", "secondary.background": "#ECECED",
"secondary.foreground": "#5C6773", "secondary.foreground": "#5C6773",
"secondary.hover.background": "#e0e0e0", "secondary.hover.background": "#e0e0e0",
"tab.active.background": "#fafafa", "tab.active.background": "#FCFCFC",
"tab.active.foreground": "#5C6773", "tab.active.foreground": "#5C6773",
"tab.background": "#ECECED00", "tab.background": "#ECECED00",
"tab.foreground": "#8d8986",
"tab_bar.background": "#ECECED", "tab_bar.background": "#ECECED",
"title_bar.background": "#dcddde", "title_bar.background": "#dcddde",
"title_bar.border": "#CFD1D2", "title_bar.border": "#CFD1D2",
@ -237,16 +237,17 @@
"colors": { "colors": {
"accent.background": "#2D2F34", "accent.background": "#2D2F34",
"accent.foreground": "#B3B1AD", "accent.foreground": "#B3B1AD",
"background": "#1F2127", "background": "#0D1016",
"border": "#3d3e40", "border": "#3d3e40",
"ring": "#FFB454", "ring": "#FFB454",
"foreground": "#B3B1AD", "foreground": "#B3B1AD",
"input.border": "#444444", "input.border": "#2D2F34",
"list.active.background": "#36A3D922", "list.active.background": "#36A3D922",
"list.active.border": "#36A3D9", "list.active.border": "#36A3D9",
"list.even.background": "#191F2A99", "list.even.background": "#191F2A99",
"sidebar.background": "#1F2127",
"muted.background": "#1F2430", "muted.background": "#1F2430",
"muted.foreground": "#6a6967", "muted.foreground": "#52514f",
"panel.background": "#1F2126", "panel.background": "#1F2126",
"popover.background": "#1F2127", "popover.background": "#1F2127",
"popover.foreground": "#B3B1AD", "popover.foreground": "#B3B1AD",
@ -256,13 +257,12 @@
"primary.hover.background": "#3DAEE9", "primary.hover.background": "#3DAEE9",
"scrollbar.background": "#0A0E1400", "scrollbar.background": "#0A0E1400",
"scrollbar.thumb.background": "#bfbdb64c", "scrollbar.thumb.background": "#bfbdb64c",
"secondary.active.background": "#2D2F34", "secondary.active.background": "#181a1e",
"secondary.background": "#2D2F34", "secondary.background": "#1F2127",
"secondary.foreground": "#B3B1AD", "secondary.foreground": "#B3B1AD",
"secondary.hover.background": "#2D2F3499", "secondary.hover.background": "#26282f",
"tab.active.foreground": "#B3B1AD", "tab.active.foreground": "#B3B1AD",
"tab.background": "#1F2127", "tab.active.background": "#0D1016",
"tab.foreground": "#82807d",
"tab_bar.background": "#1F2127", "tab_bar.background": "#1F2127",
"title_bar.background": "#313337", "title_bar.background": "#313337",
"base.yellow": "#feb454", "base.yellow": "#feb454",