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

feat: add input styles

Browse source
This commit is contained in:
CJ van den Berg 2024-03-28 21:53:59 +01:00
parent e0f55486d2
commit 69be8cd05f
2 changed files with 92 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

87
src/compile.zig
View file

@ -76,6 +76,11 @@ fn load_json(theme_: *theme_file) theme {
.scrollbar_active = derive_style.scrollbar_active(type_idx, cb),
.sidebar = derive_style.sidebar(type_idx, cb),
.panel = derive_style.panel(type_idx, cb),
.input = derive_style.input(type_idx, cb),
.input_border = derive_style.input_border(type_idx, cb),
.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),
};
}
@ -523,6 +528,48 @@ const derive_style = struct {
.bg = if (find_color("panel.background", cb)) |col| col else editor_style.bg,
};
}
fn input(type_idx: usize, cb: []const u8) Style {
return .{
.fg = if (find_color("input.foreground", cb)) |col| col else defaults.@"input.foreground"(type_idx, cb),
.bg = if (find_color("input.background", cb)) |col| col else defaults.@"input.background"(type_idx, cb),
};
}
fn input_border(type_idx: usize, cb: []const u8) Style {
return .{
.fg = if (find_color("input.border", cb)) |col| col else defaults.@"input.border"(type_idx, cb),
.bg = if (find_color("input.background", cb)) |col| col else defaults.@"input.background"(type_idx, cb),
};
}
fn input_placeholder(type_idx: usize, cb: []const u8) Style {
return .{
.fg = if (find_color("input.placeholderForeground", cb)) |col| col else defaults.@"input.placeholderForeground"(type_idx, cb),
.bg = if (find_color("input.background", cb)) |col| col else defaults.@"input.background"(type_idx, cb),
};
}
fn input_option(type_idx: usize, cb: []const u8) Style {
return .{
.fg = if (find_color("input.foreground", cb)) |col| col else defaults.@"input.foreground"(type_idx, cb),
.bg = if (find_color("input.background", cb)) |col| col else defaults.@"input.background"(type_idx, cb),
};
}
fn input_option_active(type_idx: usize, cb: []const u8) Style {
return .{
.fg = if (find_color("inputOption.activeForeground", cb)) |col| col else defaults.@"inputOption.activeForeground"(type_idx, cb),
.bg = if (find_color("inputOption.activeBackground", cb)) |col| col else defaults.@"inputOption.activeBackground"(type_idx, cb),
};
}
fn input_option_hover(type_idx: usize, cb: []const u8) Style {
return .{
.fg = if (find_color("input.foreground", cb)) |col| col else defaults.@"input.foreground"(type_idx, cb),
.bg = if (find_color("inputOption.hoverBackground", cb)) |col| col else defaults.@"inputOption.hoverBackground"(type_idx, cb),
};
}
};
const defaults = struct {
@ -688,6 +735,46 @@ const defaults = struct {
fn @"editorWidget.border"(type_idx: usize, _: []const u8) ?Color {
return ([2]Color{ 0x454545, 0xC8C8C8 })[type_idx];
}
// registerColor('input.foreground', { dark: foreground, light: foreground, hcDark: foreground, hcLight: foreground }, nls.localize('inputBoxForeground', "Input box foreground."));
fn @"input.foreground"(type_idx: usize, cb: []const u8) ?Color {
return derive_style.editor(type_idx, cb).fg;
}
// registerColor('input.background', { dark: '#3C3C3C', light: Color.white, hcDark: Color.black, hcLight: Color.white }, nls.localize('inputBoxBackground', "Input box background."));
fn @"input.background"(type_idx: usize, _: []const u8) ?Color {
return ([2]Color{ 0x3C3C3C, 0xFFFFFF })[type_idx];
}
// registerColor('input.border', { dark: null, light: null, hcDark: contrastBorder, hcLight: contrastBorder }, nls.localize('inputBoxBorder', "Input box border."));
fn @"input.border"(type_idx: usize, cb: []const u8) ?Color {
return derive_style.editor(type_idx, cb).fg;
}
// registerColor('input.placeholderForeground', { light: transparent(foreground, 0.5), dark: transparent(foreground, 0.5), hcDark: transparent(foreground, 0.7), hcLight: transparent(foreground, 0.7) }, nls.localize('inputPlaceholderForeground', "Input box foreground color for placeholder text."));
fn @"input.placeholderForeground"(type_idx: usize, cb: []const u8) ?Color {
return apply_alpha_value_fg(derive_style.editor(type_idx, cb), 256 / 2).fg;
}
// registerColor('inputOption.activeForeground', { dark: Color.white, light: Color.black, hcDark: foreground, hcLight: foreground }, nls.localize('inputOption.activeForeground', "Foreground color of activated options in input fields."));
fn @"inputOption.activeForeground"(type_idx: usize, _: []const u8) ?Color {
return ([2]Color{ 0xFFFFFF, 0x000000 })[type_idx];
}
// registerColor('focusBorder', { dark: '#007FD4', light: '#0090F1', hcDark: '#F38518', hcLight: '#006BBD' }, nls.localize('focusBorder', "Overall border color for focused elements. This color is only used if not overridden by a component."));
fn focusBorder(type_idx: usize, _: []const u8) ?Color {
return ([2]Color{ 0x007FD4, 0x0090F1 })[type_idx];
}
// registerColor('inputOption.activeBackground', { dark: transparent(focusBorder, 0.4), light: transparent(focusBorder, 0.2), hcDark: Color.transparent, hcLight: Color.transparent }, nls.localize('inputOption.activeBackground', "Background hover color of options in input fields."));
fn @"inputOption.activeBackground"(type_idx: usize, cb: []const u8) ?Color {
return ([2]Color{ apply_alpha_value(focusBorder(0, cb).?, 256 * 40 / 100), apply_alpha_value(focusBorder(1, cb).?, 256 * 20 / 100) })[type_idx];
}
// registerColor('inputOption.hoverBackground', { dark: '#5a5d5e80', light: '#b8b8b850', hcDark: null, hcLight: null }, nls.localize('inputOption.hoverBackground', "Background color of activated options in input fields."));
fn @"inputOption.hoverBackground"(type_idx: usize, _: []const u8) ?Color {
return ([2]Color{ apply_alpha_value(0x5a5d5e, 0x80), apply_alpha_value(0xb8b8b8, 0x50) })[type_idx];
}
};
const Writer = std.fs.File.Writer;

5
src/theme.zig
View file

@ -24,6 +24,11 @@ scrollbar_hover: Style,
scrollbar_active: Style,
sidebar: Style,
panel: Style,
input: Style,
input_border: Style,
input_placeholder: Style,
input_option_active: Style,
input_option_hover: Style,
pub const FontStyle = enum { normal, bold, italic, underline, strikethrough };
pub const Style = struct { fg: ?Color = null, bg: ?Color = null, fs: ?FontStyle = null };