neurocyte/flow-themes
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add tab styles

Browse source
This commit is contained in:
CJ van den Berg 2025-01-25 21:41:29 +01:00
parent 770924d1ab
commit 8b79cf6d79
Signed by: neurocyte
GPG key ID: 8EB1E1BB660E3FB9
2 changed files with 64 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

62
src/compile.zig
View file

@ -86,6 +86,9 @@ fn load_json(theme_: *theme_file) theme {
.input_placeholder = derive_style.input_placeholder(type_idx, cb),
.input_option_active = derive_style.input_option_active(type_idx, cb),
.input_option_hover = derive_style.input_option_hover(type_idx, cb),
.tab_active = derive_style.tab_active(type_idx, cb),
.tab_inactive = derive_style.tab_inactive(type_idx, cb),
.tab_selected = derive_style.tab_selected(type_idx, cb),
};
}
@ -606,6 +609,27 @@ const derive_style = struct {
.bg = if (find_color("inputOption.hoverBackground", cb)) |col| col else defaults.@"inputOption.hoverBackground"(type_idx, cb),
};
}
fn tab_active(type_idx: usize, cb: []const u8) Style {
return .{
.fg = if (find_color("tab.activeForeground", cb)) |col| col else defaults.@"tab.activeForeground"(type_idx, cb),
.bg = if (find_color("tab.activeBackground", cb)) |col| col else defaults.@"tab.activeBackground"(type_idx, cb),
};
}
fn tab_inactive(type_idx: usize, cb: []const u8) Style {
return .{
.fg = if (find_color("tab.inactiveForeground", cb)) |col| col else defaults.@"tab.inactiveForeground"(type_idx, cb),
.bg = if (find_color("tab.inactiveBackground", cb)) |col| col else defaults.@"tab.inactiveBackground"(type_idx, cb),
};
}
fn tab_selected(type_idx: usize, cb: []const u8) Style {
return .{
.fg = if (find_color("tab.selectedForeground", cb)) |col| col else defaults.@"tab.selectedForeground"(type_idx, cb),
.bg = if (find_color("tab.selectedBackground", cb)) |col| col else defaults.@"tab.selectedBackground"(type_idx, cb),
};
}
};
const defaults = struct {
@ -656,7 +680,6 @@ const defaults = struct {
return derive_style.editor(type_idx, cb).bg;
}
// registerColor('editor.lineHighlightBackground', { dark: null, light: null, hcDark: null, hcLight: null }, nls.localize('lineHighlight', 'Background color for the highlight of line at the cursor position.'));
fn @"editor.lineHighlightBackground"(type_idx: usize, cb: []const u8) ?Color {
return derive_style.editor(type_idx, cb).bg;
@ -862,6 +885,43 @@ const defaults = struct {
fn @"inputOption.hoverBackground"(type_idx: usize, _: []const u8) ?Color {
return ([2]Color{ .{ .color = 0x5a5d5e, .alpha = 0x80 }, .{ .color = 0xb8b8b8, .alpha = 0x50 } })[type_idx];
}
// export const COLOR_THEME_DARK_INITIAL_COLORS = {
// 'tab.activeBackground': '#1f1f1f',
// 'tab.activeForeground': '#ffffff',
// };
// export const COLOR_THEME_LIGHT_INITIAL_COLORS = {
// 'tab.activeBackground': '#ffffff',
// 'tab.activeForeground': '#3b3b3b',
// };
fn @"tab.activeBackground"(type_idx: usize, _: []const u8) ?Color {
return ([2]Color{ .{ .color = 0x1f1f1f }, .{ .color = 0xffffff } })[type_idx];
}
fn @"tab.activeForeground"(type_idx: usize, _: []const u8) ?Color {
return ([2]Color{ .{ .color = 0xffffff }, .{ .color = 0x3b3b3b } })[type_idx];
}
// dark: transparent(TAB_ACTIVE_FOREGROUND, 0.5),
// light: transparent(TAB_ACTIVE_FOREGROUND, 0.7),
fn @"tab.inactiveForeground"(type_idx: usize, cb: []const u8) ?Color {
return ([2]Color{ .{ .color = derive_style.tab_active(type_idx, cb).fg.?.color, .alpha = 256 / 2 }, .{ .color = derive_style.tab_active(type_idx, cb).fg.?.color, .alpha = 256 * 7 / 10 } })[type_idx];
}
// registerColor('tab.inactiveBackground', { dark: '#2D2D2D', light: '#ECECEC', },
fn @"tab.inactiveBackground"(type_idx: usize, _: []const u8) ?Color {
return ([2]Color{ .{ .color = 0x2D2D2D }, .{ .color = 0xECECEC } })[type_idx];
}
// registerColor('tab.selectedBackground', TAB_ACTIVE_BACKGROUND
fn @"tab.selectedBackground"(type_idx: usize, cb: []const u8) ?Color {
return .{ .color = derive_style.tab_active(type_idx, cb).bg.?.color };
}
// registerColor('tab.selectedForeground', TAB_ACTIVE_FOREGROUND
fn @"tab.selectedForeground"(type_idx: usize, cb: []const u8) ?Color {
return .{ .color = derive_style.tab_active(type_idx, cb).fg.?.color };
}
};
const Writer = std.fs.File.Writer;

3
src/theme.zig
View file

@ -34,6 +34,9 @@ input_border: Style,
input_placeholder: Style,
input_option_active: Style,
input_option_hover: Style,
tab_active: Style,
tab_inactive: Style,
tab_selected: Style,
pub const FontStyle = enum { normal, bold, italic, underline, undercurl, strikethrough };
pub const Style = struct { fg: ?Color = null, bg: ?Color = null, fs: ?FontStyle = null };