6f345003c9
Squashed from vjroger/makepad `storybook-pr` at 086d25452 (1,332 commits on top of
6f1e44649; his last commit restored every path outside the contribution to upstream).
- apps/storybook: every component organised, documented and previewed live.
- widgets: about eighty new widgets (accordion, alert, avatar, badge, breadcrumb, calendar,
card, carousel, chat, chip, colour, command palette, date and time pickers, dialog,
dropzone, floating action and panel, form, hamburger, line and radial menus, kanban,
masonry, menu, nav list, pagination, pill nav, popover, progress, property inspector,
range slider, rich text, select, spinner, table, tabs, tag field, timeline, toast,
toolbar, tour, transfer, tree, waveform, wheel picker and more); theme tokens and a
theme store, themes mixed by weight with a legibility check, a twelfth style sheet in
black and orange; the data grid gains row selection, drag and reorder, heading tips and
alignment; the glass button is a water lens; the portal list keeps the wheel it uses,
stands down from a press another control holds, can keep a row on screen and rule the
gap under a short list.
- platform: sweep locks and scroll blocks nest, `is_mouse_held_outside`, per-axis
scroll-handled flags, `next_frame_is_pending`, owner-scoped scroll unblocking, a
hands-off marker for the remote bridge, exploded-view projection and focus.
- draw: the interior distance of square-cornered boxes, a pointer shape, and
`turtle_ancestor_clip`.
- wm: the style tween carries an eighth weight for the new sheet.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
274 lines
10 KiB
Text
274 lines
10 KiB
Text
mod.theme = mod.themes.light
|
|
mod.theme.corner_radius = 0.0
|
|
mod.theme.container_corner_radius = 0.0
|
|
mod.theme.textselection_corner_radius = 0.0
|
|
mod.theme.beveling = 2.0
|
|
mod.theme.space_factor = 5.0
|
|
mod.theme.space_1 = 2.5
|
|
mod.theme.space_2 = 5.0
|
|
mod.theme.space_3 = 7.5
|
|
mod.theme.mspace_1 = mod.turtle.Inset{top: 2.5 right: 2.5 bottom: 2.5 left: 2.5}
|
|
mod.theme.color_bg_app = #aaaaaa
|
|
mod.theme.color_terminal_bg = #ffffff
|
|
mod.theme.color_terminal_text = #000000
|
|
mod.theme.color_fg_app = #aaaaaa
|
|
mod.theme.color_bg_container = #aaaaaa
|
|
mod.theme.color_focus = #000000
|
|
// The ground behind a code chip, a quote and a table heading, which carry
|
|
// ORDINARY text. It is not the selection colour, though the name invites
|
|
// it: set to that, plain text sat on it at 1:1, black on black. White is what this style
|
|
// draws its own content wells in.
|
|
mod.theme.color_bg_highlight = #ffffff
|
|
mod.theme.color_bg_highlight_inline = #000000
|
|
mod.theme.color_ctrl_selected = #000000
|
|
mod.theme.color_ctrl_active = #000000
|
|
mod.theme.color_outset_active = #000000
|
|
mod.theme.color_cursor = #000000
|
|
mod.theme.color_text_cursor = #000000
|
|
mod.theme.color_text = #000000
|
|
mod.theme.color_text_hover = #000000
|
|
mod.theme.color_text_focus = #000000
|
|
mod.theme.color_text_active = #ffffff
|
|
mod.theme.color_text_down = #000000
|
|
mod.theme.color_text_disabled = #555555
|
|
mod.theme.color_label_inner = #000000
|
|
mod.theme.color_label_inner_hover = #000000
|
|
mod.theme.color_label_inner_focus = #000000
|
|
mod.theme.color_label_inner_active = #ffffff
|
|
mod.theme.color_label_inner_down = #000000
|
|
mod.theme.color_label_inner_disabled = #555555
|
|
mod.theme.color_label_outer = #000000
|
|
mod.theme.color_label_outer_hover = #000000
|
|
mod.theme.color_label_outer_focus = #000000
|
|
mod.theme.color_label_outer_active = #ffffff
|
|
mod.theme.color_label_outer_down = #000000
|
|
mod.theme.color_label_outer_disabled = #555555
|
|
mod.theme.color_label = #000000
|
|
mod.theme.color_label_hover = #000000
|
|
mod.theme.color_label_focus = #000000
|
|
mod.theme.color_label_active = #ffffff
|
|
mod.theme.color_label_down = #000000
|
|
mod.theme.color_label_disabled = #555555
|
|
mod.theme.color_icon = #000000
|
|
mod.theme.color_icon_hover = #000000
|
|
mod.theme.color_icon_focus = #000000
|
|
mod.theme.color_icon_active = #ffffff
|
|
mod.theme.color_icon_down = #000000
|
|
mod.theme.color_icon_disabled = #555555
|
|
mod.theme.color_inset = #ffffff
|
|
mod.theme.color_inset_1 = #ffffff
|
|
mod.theme.color_inset_2 = #ffffff
|
|
mod.theme.color_outset = #aaaaaa
|
|
mod.theme.color_outset_1 = #aaaaaa
|
|
mod.theme.color_outset_2 = #aaaaaa
|
|
mod.theme.color_bevel_inset_1 = #808080
|
|
mod.theme.color_bevel_inset_2 = #ffffff
|
|
mod.theme.color_bevel_outset_1 = #ffffff
|
|
mod.theme.color_bevel_outset_2 = #808080
|
|
mod.theme.color_inset_hover = #ffffff
|
|
mod.theme.color_inset_1_hover = #ffffff
|
|
mod.theme.color_inset_2_hover = #ffffff
|
|
mod.theme.color_outset_hover = #aaaaaa
|
|
mod.theme.color_outset_1_hover = #aaaaaa
|
|
mod.theme.color_outset_2_hover = #aaaaaa
|
|
mod.theme.color_bevel_inset_1_hover = #808080
|
|
mod.theme.color_bevel_inset_2_hover = #ffffff
|
|
mod.theme.color_bevel_outset_1_hover = #ffffff
|
|
mod.theme.color_bevel_outset_2_hover = #808080
|
|
mod.theme.color_inset_focus = #ffffff
|
|
mod.theme.color_inset_1_focus = #ffffff
|
|
mod.theme.color_inset_2_focus = #ffffff
|
|
mod.theme.color_outset_focus = #aaaaaa
|
|
mod.theme.color_outset_1_focus = #aaaaaa
|
|
mod.theme.color_outset_2_focus = #aaaaaa
|
|
mod.theme.color_bevel_inset_1_focus = #808080
|
|
mod.theme.color_bevel_inset_2_focus = #ffffff
|
|
mod.theme.color_bevel_outset_1_focus = #ffffff
|
|
mod.theme.color_bevel_outset_2_focus = #808080
|
|
mod.theme.color_inset_active = #ffffff
|
|
mod.theme.color_inset_1_active = #ffffff
|
|
mod.theme.color_inset_2_active = #ffffff
|
|
mod.theme.color_outset_active = #aaaaaa
|
|
mod.theme.color_outset_1_active = #aaaaaa
|
|
mod.theme.color_outset_2_active = #aaaaaa
|
|
mod.theme.color_bevel_inset_1_active = #808080
|
|
mod.theme.color_bevel_inset_2_active = #ffffff
|
|
mod.theme.color_bevel_outset_1_active = #ffffff
|
|
mod.theme.color_bevel_outset_2_active = #808080
|
|
mod.theme.color_inset_down = #ffffff
|
|
mod.theme.color_inset_1_down = #ffffff
|
|
mod.theme.color_inset_2_down = #ffffff
|
|
mod.theme.color_outset_down = #aaaaaa
|
|
mod.theme.color_outset_1_down = #aaaaaa
|
|
mod.theme.color_outset_2_down = #aaaaaa
|
|
mod.theme.color_bevel_inset_1_down = #ffffff
|
|
mod.theme.color_bevel_inset_2_down = #808080
|
|
mod.theme.color_bevel_outset_1_down = #808080
|
|
mod.theme.color_bevel_outset_2_down = #ffffff
|
|
mod.theme.color_inset_disabled = #aaaaaa
|
|
mod.theme.color_inset_1_disabled = #aaaaaa
|
|
mod.theme.color_inset_2_disabled = #aaaaaa
|
|
mod.theme.color_outset_disabled = #aaaaaa
|
|
mod.theme.color_outset_1_disabled = #aaaaaa
|
|
mod.theme.color_outset_2_disabled = #aaaaaa
|
|
mod.theme.color_bevel_inset_1_disabled = #808080
|
|
mod.theme.color_bevel_inset_2_disabled = #ffffff
|
|
mod.theme.color_bevel_outset_1_disabled = #ffffff
|
|
mod.theme.color_bevel_outset_2_disabled = #808080
|
|
mod.theme.color_inset_empty = #ffffff
|
|
mod.theme.color_inset_1_empty = #ffffff
|
|
mod.theme.color_inset_2_empty = #ffffff
|
|
mod.theme.color_outset_empty = #aaaaaa
|
|
mod.theme.color_outset_1_empty = #aaaaaa
|
|
mod.theme.color_outset_2_empty = #aaaaaa
|
|
mod.theme.color_bevel_inset_1_empty = #808080
|
|
mod.theme.color_bevel_inset_2_empty = #ffffff
|
|
mod.theme.color_bevel_outset_1_empty = #ffffff
|
|
mod.theme.color_bevel_outset_2_empty = #808080
|
|
mod.theme.color_inset_drag = #ffffff
|
|
mod.theme.color_inset_1_drag = #ffffff
|
|
mod.theme.color_inset_2_drag = #ffffff
|
|
mod.theme.color_outset_drag = #aaaaaa
|
|
mod.theme.color_outset_1_drag = #aaaaaa
|
|
mod.theme.color_outset_2_drag = #aaaaaa
|
|
mod.theme.color_bevel_inset_1_drag = #808080
|
|
mod.theme.color_bevel_inset_2_drag = #ffffff
|
|
mod.theme.color_bevel_outset_1_drag = #ffffff
|
|
mod.theme.color_bevel_outset_2_drag = #808080
|
|
mod.theme.color_text_on_accent = #ffffff
|
|
// The Architecture map's categorical palette (top-level directory ownership), kind stripes and status roles.
|
|
mod.theme.color_map_1 = #9cccff
|
|
mod.theme.color_map_1_a = #bae0ff
|
|
mod.theme.color_map_1_b = #85c1f5
|
|
mod.theme.color_map_1_c = #a5d3ff
|
|
mod.theme.color_map_1_d = #87b2df
|
|
mod.theme.color_map_1_e = #c6e1ff
|
|
mod.theme.color_map_1_f = #94c5fe
|
|
mod.theme.color_map_1_g = #b8d7ff
|
|
mod.theme.color_map_1_h = #94b6e7
|
|
mod.theme.color_map_2 = #88dec7
|
|
mod.theme.color_map_2_a = #a8f0d4
|
|
mod.theme.color_map_2_b = #77d2b4
|
|
mod.theme.color_map_2_c = #89e6c9
|
|
mod.theme.color_map_2_d = #77c2ad
|
|
mod.theme.color_map_2_e = #a3f0dc
|
|
mod.theme.color_map_2_f = #76d9c4
|
|
mod.theme.color_map_2_g = #88edda
|
|
mod.theme.color_map_2_h = #79c9bb
|
|
mod.theme.color_map_3 = #efcc83
|
|
mod.theme.color_map_3_a = #ffd79b
|
|
mod.theme.color_map_3_b = #e9bc6e
|
|
mod.theme.color_map_3_c = #fcd081
|
|
mod.theme.color_map_3_d = #d3b373
|
|
mod.theme.color_map_3_e = #f9da99
|
|
mod.theme.color_map_3_f = #e8c673
|
|
mod.theme.color_map_3_g = #fadb86
|
|
mod.theme.color_map_3_h = #d2bc79
|
|
mod.theme.color_map_4 = #d5b9f7
|
|
mod.theme.color_map_4_a = #dfd3ff
|
|
mod.theme.color_map_4_b = #c4acf1
|
|
mod.theme.color_map_4_c = #d9c1ff
|
|
mod.theme.color_map_4_d = #b9a2d8
|
|
mod.theme.color_map_4_e = #e8d4ff
|
|
mod.theme.color_map_4_f = #d3b0f3
|
|
mod.theme.color_map_4_g = #e6c5ff
|
|
mod.theme.color_map_4_h = #c6a6da
|
|
mod.theme.color_map_5 = #8fdcef
|
|
mod.theme.color_map_5_a = #a5ecf7
|
|
mod.theme.color_map_5_b = #78d1e1
|
|
mod.theme.color_map_5_c = #8ce4f6
|
|
mod.theme.color_map_5_d = #7dc1d1
|
|
mod.theme.color_map_5_e = #a7ebfd
|
|
mod.theme.color_map_5_f = #82d6ee
|
|
mod.theme.color_map_5_g = #a0e8ff
|
|
mod.theme.color_map_5_h = #86c6dc
|
|
mod.theme.color_map_6 = #a4dba4
|
|
mod.theme.color_map_6_a = #c3ecb5
|
|
mod.theme.color_map_6_b = #9ace8e
|
|
mod.theme.color_map_6_c = #aae2a3
|
|
mod.theme.color_map_6_d = #90bf8e
|
|
mod.theme.color_map_6_e = #bbeebc
|
|
mod.theme.color_map_6_f = #95d79d
|
|
mod.theme.color_map_6_g = #a6ebb3
|
|
mod.theme.color_map_6_h = #8ec79c
|
|
mod.theme.color_map_7 = #fab688
|
|
mod.theme.color_map_7_a = #ffcfb6
|
|
mod.theme.color_map_7_b = #f3a579
|
|
mod.theme.color_map_7_c = #ffbd95
|
|
mod.theme.color_map_7_d = #db9e77
|
|
mod.theme.color_map_7_e = #ffd4b7
|
|
mod.theme.color_map_7_f = #f6af78
|
|
mod.theme.color_map_7_g = #ffc79a
|
|
mod.theme.color_map_7_h = #dea778
|
|
mod.theme.color_map_8 = #f2b2ca
|
|
mod.theme.color_map_8_a = #ffc8e3
|
|
mod.theme.color_map_8_b = #e6a3c3
|
|
mod.theme.color_map_8_c = #fbb6d4
|
|
mod.theme.color_map_8_d = #d39bb1
|
|
mod.theme.color_map_8_e = #ffcfdf
|
|
mod.theme.color_map_8_f = #f0a9c1
|
|
mod.theme.color_map_8_g = #ffc0d2
|
|
mod.theme.color_map_8_h = #dca1b1
|
|
mod.theme.color_map_9 = #ffb5ae
|
|
mod.theme.color_map_9_a = #ffd1d1
|
|
mod.theme.color_map_9_b = #f6a5a4
|
|
mod.theme.color_map_9_c = #ffbebb
|
|
mod.theme.color_map_9_d = #df9e99
|
|
mod.theme.color_map_9_e = #ffd2cc
|
|
mod.theme.color_map_9_f = #fdada1
|
|
mod.theme.color_map_9_g = #ffc9bf
|
|
mod.theme.color_map_9_h = #e5a698
|
|
mod.theme.color_map_10 = #bbc7ff
|
|
mod.theme.color_map_10_a = #d0deff
|
|
mod.theme.color_map_10_b = #a8bbf7
|
|
mod.theme.color_map_10_c = #c1cfff
|
|
mod.theme.color_map_10_d = #a3aedf
|
|
mod.theme.color_map_10_e = #d5dcff
|
|
mod.theme.color_map_10_f = #b6bffd
|
|
mod.theme.color_map_10_g = #cfd4ff
|
|
mod.theme.color_map_10_h = #b0b2e5
|
|
mod.theme.color_map_11 = #cbd685
|
|
mod.theme.color_map_11_a = #e4e399
|
|
mod.theme.color_map_11_b = #c5c76c
|
|
mod.theme.color_map_11_c = #d6dc80
|
|
mod.theme.color_map_11_d = #b3bb74
|
|
mod.theme.color_map_11_e = #dae69e
|
|
mod.theme.color_map_11_f = #c0d179
|
|
mod.theme.color_map_11_g = #d1e68e
|
|
mod.theme.color_map_11_h = #b0c47f
|
|
mod.theme.color_map_kind_module = #315e96
|
|
mod.theme.color_map_kind_file = #566273
|
|
mod.theme.color_map_kind_struct = #286b5d
|
|
mod.theme.color_map_kind_enum = #4d702d
|
|
mod.theme.color_map_kind_trait = #70508f
|
|
mod.theme.color_map_kind_impl = #465f91
|
|
mod.theme.color_map_kind_fn = #79601f
|
|
mod.theme.color_map_kind_const = #865332
|
|
mod.theme.color_map_kind_type_alias = #326b7c
|
|
mod.theme.color_map_kind_macro = #8a4667
|
|
mod.theme.color_map_kind_component = #315e96
|
|
mod.theme.color_map_kind_thread = #79601f
|
|
mod.theme.color_map_kind_queue = #4d702d
|
|
mod.theme.color_map_kind_store = #865332
|
|
mod.theme.color_map_kind_memory = #70508f
|
|
mod.theme.color_map_kind_gpu = #326b7c
|
|
mod.theme.color_map_kind_io = #8a4667
|
|
mod.theme.color_success = #2f7d4b
|
|
mod.theme.color_map_basis_exact = #4c5968
|
|
mod.theme.color_map_basis_inferred = #7c5b27
|
|
mod.theme.color_map_basis_candidates = #72558c
|
|
mod.theme.color_syntax_keyword = #3d688a
|
|
mod.theme.color_syntax_ident = #242426
|
|
mod.theme.color_syntax_type = #36615a
|
|
mod.theme.color_syntax_fn = #504326
|
|
mod.theme.color_syntax_literal = #425f3e
|
|
mod.theme.color_syntax_string = #6e483b
|
|
mod.theme.color_syntax_comment = #4b5c47
|
|
mod.theme.color_syntax_macro = #674b6d
|
|
mod.theme.color_syntax_attribute = #755635
|
|
mod.theme.color_syntax_punctuation = #242426
|
|
mod.theme.color_syntax_keyword_branch = #674b6d
|
|
mod.theme.color_syntax_keyword_loop = #755635
|
|
mod.theme.color_syntax_constant = #6e483b
|
|
mod.theme.color_syntax_bg = #ffffff
|
|
true
|