bootstack 0.1.0__py3-none-any.whl

bootstack/style/builders/menubutton.py

@@ -0,0 +1,359 @@
+"""Menubutton widget style builders.
+
+This module contains style builders for ttk.Menubutton widgets and variants.
+"""
+
+from __future__ import annotations
+
+from typing import Optional
+
+from bootstack._core.images import _ImageService
+from bootstack.style.style_builder_ttk import StyleBuilderTtk
+from bootstack.style.element import Element, ElementImage
+from bootstack.style.utility import create_transparent_image, recolor_element_image
+from bootstack.style.builders.utils import (
+    apply_icon_mapping,
+    button_font,
+    button_height,
+    icon_size,
+    normalize_button_density,
+)
+
+
+def _menubutton_layout(ttk_style: str, show_dropdown: bool = True, icon_only: bool = False) -> Element:
+    """Create the layout for a menubutton.
+
+    When icon_only=True and show_dropdown=False the label must not carry
+    side="left", otherwise ttk pack-layout only allocates as much width as
+    the icon needs and the anchor="center" has no room to centre it.
+    """
+    label_side = "left" if show_dropdown or not icon_only else None
+    label_kw = {"sticky": "nsew"}
+    if label_side:
+        label_kw["side"] = label_side
+    children = [Element("Menubutton.label", **label_kw)]
+
+    if show_dropdown:
+        children.extend(
+            [
+                Element(f"{ttk_style}.chevron", side="right", sticky=""),
+                Element(f'{ttk_style}.spacer', side="right", sticky=""),
+            ])
+
+    return Element(f"{ttk_style}.border", sticky="nsew").children(
+        [
+            Element("Menubutton.padding", sticky="nsew").children(children)
+        ])
+
+
+def _chevron_size(density: str) -> int:
+    """Get chevron icon size based on density."""
+    return 13 if density == 'compact' else 16
+
+
+def _create_chevron_images(
+        b: StyleBuilderTtk, ttk_style: str, foreground: str, disabled: str, active: str = None,
+        icon_name: str = 'caret-down-fill', density: str = 'default'):
+    """Create chevron icon images for dropdown indicator.
+
+    Args:
+        b: Style builder instance
+        ttk_style: TTK style name
+        foreground: Normal foreground color
+        disabled: Disabled color
+        active: Active/hover color (optional)
+        icon_name: Name of the icon to use (default: 'caret-down-fill')
+        density: Button density ('default' or 'compact')
+    """
+    # Scale to physical pixels for DPI (#267); matches the combobox/spinbox
+    # chevrons (which scale via entry_icon_size) so all chevrons render crisp.
+    size = b.scale(_chevron_size(density))
+    normal_chevron = _ImageService.get_icon(icon_name, size, foreground)
+    disabled_chevron = _ImageService.get_icon(icon_name, size, disabled)
+
+    state_specs = [('disabled', disabled_chevron)]
+
+    if active:
+        active_chevron = _ImageService.get_icon(icon_name, size, active)
+        state_specs.extend([
+            ('background focus !disabled', active_chevron),
+            ('hover !disabled', active_chevron),
+            ('pressed !disabled', active_chevron),
+        ])
+
+    state_specs.append(('', normal_chevron))
+
+    b.create_style_element_image(
+        ElementImage(f'{ttk_style}.chevron', normal_chevron).state_specs(state_specs)
+    )
+
+
+def _create_spacer(b: StyleBuilderTtk, ttk_style: str, density: str = 'default'):
+    """Create a small spacer element."""
+    width = 6 if density == 'compact' else 8
+    spacer_img = create_transparent_image(width, 1)
+    b.create_style_element_image(ElementImage(f'{ttk_style}.spacer', spacer_img, sticky="ew", width=width))
+
+
+def _menubutton_padding(b: StyleBuilderTtk, icon_only: bool, density: str) -> int | tuple[int, ...]:
+    """Calculate menubutton padding based on options."""
+    if icon_only:
+        return 0
+    if density == 'compact':
+        return b.scale((6, 0, 3, 0))
+    return b.scale((8, 0, 4, 0))
+
+
+@StyleBuilderTtk.register_builder('solid', 'TMenubutton')
+@StyleBuilderTtk.register_builder('default', 'TMenubutton')
+def build_solid_menubutton_style(b: StyleBuilderTtk, ttk_style: str, accent: Optional[str] = None, **options):
+    """Configure the solid menubutton style.
+
+    Style options include:
+        * show_dropdown_button: Show/hide the dropdown chevron (default: True)
+        * dropdown_button_icon: Icon name for the dropdown indicator (default: 'caret-down-fill')
+        * icon: Optional icon specification for the button content
+        * icon_only: Whether the button shows only an icon
+        * density: Button density ('default' or 'compact')
+    """
+    accent = b.default(accent)
+    density = options.get('density', 'default')
+    show_dropdown = options.get('show_dropdown_button', True)
+    dropdown_icon = options.get('dropdown_button_icon', 'caret-down-fill')
+    icon_only = options.get('icon_only', False)
+    image_key = f'button_{normalize_button_density(density)}'
+
+    surface_token = options.get('surface', 'content')
+    surface = b.color(surface_token)
+
+    # background colors
+    bg_normal = b.elevate(surface, 1) if accent is None else b.color(accent)
+    bg_pressed = b.pressed(bg_normal)
+    bg_active = focused = b.active(bg_normal)
+    bg_disabled = b.disabled()
+
+    # foreground colors
+    fg_normal = b.on_color(bg_normal)
+    fg_disabled = b.disabled('text', bg_disabled)
+
+    # border colors
+    bd_normal = b.border(bg_normal)
+    bd_pressed = b.border(bg_pressed)
+    bd_active = b.border(bg_active)
+    bd_disabled = b.border(bg_disabled)
+
+    focused_ring = b.color('foreground')
+
+    normal_img = recolor_element_image(image_key, bg_normal, bd_normal, surface, surface)
+    pressed_img = recolor_element_image(image_key, bg_pressed, bd_pressed, surface, surface)
+    active_img = recolor_element_image(image_key, bg_active, bd_active, surface, surface)
+    focused_img = recolor_element_image(image_key, focused, focused, focused_ring, surface)
+    focused_active_img = recolor_element_image(image_key, bd_active, focused, focused_ring, surface)
+    focused_pressed_img = recolor_element_image(image_key, bd_pressed, focused, focused_ring, surface)
+    disabled_img = recolor_element_image(image_key, bg_disabled, bd_disabled, surface, surface)
+
+    if show_dropdown:
+        _create_spacer(b, ttk_style, density)
+        _create_chevron_images(b, ttk_style, fg_normal, fg_disabled, icon_name=dropdown_icon, density=density)
+
+    b.create_style_element_image(
+        ElementImage(
+            f'{ttk_style}.border', normal_img.image, sticky="nsew",
+            border=normal_img.meta.border, padding=normal_img.meta.border,
+            height=button_height(b, density),
+        ).state_specs([
+            ('disabled', disabled_img.image),
+            ('background focus pressed', focused_pressed_img.image),
+            ('background focus hover', focused_active_img.image),
+            ('background focus', focused_img.image),
+            ('pressed', pressed_img.image),
+            ('active', active_img.image),
+        ]))
+
+    b.create_style_layout(ttk_style, _menubutton_layout(ttk_style, show_dropdown, icon_only))
+
+    b.configure_style(
+        ttk_style,
+        stipple="gray12",
+        font=button_font(density),
+        takefocus=True,
+        padding=_menubutton_padding(b, icon_only, density),
+        anchor="center" if icon_only else "w"
+    )
+
+    state_spec = dict(
+        foreground=[('disabled', fg_disabled), ('', fg_normal)],
+        background=[('disabled', bg_disabled), ('', surface)]
+    )
+
+    state_spec = apply_icon_mapping(b, options, state_spec, icon_size(icon_only, density))
+    b.map_style(ttk_style, **state_spec)
+
+
+@StyleBuilderTtk.register_builder('outline', 'TMenubutton')
+def build_outline_menubutton_style(b: StyleBuilderTtk, ttk_style: str, accent: Optional[str] = None, **options):
+    """Configure the outline menubutton style.
+
+    Style options include:
+        * show_dropdown_button: Show/hide the dropdown chevron (default: True)
+        * dropdown_button_icon: Icon name for the dropdown indicator (default: 'caret-down-fill')
+        * icon: Optional icon specification for the button content
+        * icon_only: Whether the button shows only an icon
+        * density: Button density ('default' or 'compact')
+    """
+    accent = b.default(accent)
+    density = options.get('density', 'default')
+    show_dropdown = options.get('show_dropdown_button', True)
+    dropdown_icon = options.get('dropdown_button_icon', 'caret-down-fill')
+    icon_only = options.get('icon_only', False)
+    image_key = f'button_{normalize_button_density(density)}'
+
+    surface_token = options.get('surface', 'content')
+    surface = b.color(surface_token)
+
+    accent_color = b.elevate(surface, 1) if accent is None else b.color(accent)
+
+    # background colors
+    bg_normal = surface
+    bg_active = accent_color
+    bg_pressed = b.active(accent_color)
+    bg_focus_ring = b.color('foreground')
+    bg_disabled = b.disabled('text', surface)
+
+    # foreground colors
+    fg_normal = b.on_color(bg_normal) if accent is None else accent_color
+    fg_disabled = b.disabled('text', surface)
+    fg_active = b.on_color(bg_normal if accent is None else accent_color)
+
+    # border colors
+    bd_normal = b.border(bg_normal) if accent is None else fg_normal
+    bd_active = b.border(bg_active)
+    bd_pressed = b.border(bg_pressed)
+
+    normal_img = recolor_element_image(image_key, surface, bd_normal, surface, surface)
+    pressed_img = recolor_element_image(image_key, bg_pressed, bd_pressed, surface, surface)
+    active_img = recolor_element_image(image_key, bg_active, bd_active, surface, surface)
+    focused_img = recolor_element_image(image_key, surface, bd_active, bg_focus_ring, surface)
+    focused_active_img = recolor_element_image(image_key, bg_active, bd_active, bg_focus_ring, surface)
+    focused_pressed_img = recolor_element_image(image_key, bg_pressed, bd_pressed, bg_focus_ring, surface)
+    disabled_img = recolor_element_image(image_key, surface, bg_disabled, surface, surface)
+
+    if show_dropdown:
+        _create_spacer(b, ttk_style, density)
+        _create_chevron_images(b, ttk_style, fg_normal, fg_disabled, fg_active, dropdown_icon, density)
+
+    b.create_style_element_image(
+        ElementImage(
+            f'{ttk_style}.border', normal_img.image, sticky="nsew",
+            border=normal_img.meta.border, padding=normal_img.meta.border,
+            height=button_height(b, density),
+        ).state_specs([
+            ('disabled', disabled_img.image),
+            ('background focus pressed', focused_pressed_img.image),
+            ('background focus active', focused_active_img.image),
+            ('background focus', focused_img.image),
+            ('pressed', pressed_img.image),
+            ('active', active_img.image),
+        ]))
+
+    b.create_style_layout(ttk_style, _menubutton_layout(ttk_style, show_dropdown, icon_only))
+
+    b.configure_style(
+        ttk_style,
+        stipple="gray12",
+        font=button_font(density),
+        takefocus=True,
+        padding=_menubutton_padding(b, icon_only, density),
+        anchor="center" if icon_only else "w"
+    )
+
+    state_spec = dict(
+        foreground=[
+            ('disabled', fg_disabled),
+            ('background focus pressed', fg_active),
+            ('background focus active', fg_active),
+            ('hover', fg_active),
+            ('', fg_normal)
+        ],
+        background=[('disabled', surface), ('', surface)]
+    )
+
+    state_spec = apply_icon_mapping(b, options, state_spec, icon_size(icon_only, density))
+    b.map_style(ttk_style, **state_spec)
+
+
+@StyleBuilderTtk.register_builder('ghost', 'TMenubutton')
+def build_ghost_menubutton_style(b: StyleBuilderTtk, ttk_style: str, accent: Optional[str] = None, **options):
+    """Configure the ghost menubutton style.
+
+    Style options include:
+        * show_dropdown_button: Show/hide the dropdown chevron (default: True)
+        * dropdown_button_icon: Icon name for the dropdown indicator (default: 'caret-down-fill')
+        * icon: Optional icon specification for the button content
+        * icon_only: Whether the button shows only an icon
+        * density: Button density ('default' or 'compact')
+    """
+    accent = b.default(accent)
+    density = options.get('density', 'default')
+    show_dropdown = options.get('show_dropdown_button', True)
+    dropdown_icon = options.get('dropdown_button_icon', 'caret-down-fill')
+    icon_only = options.get('icon_only', False)
+    image_key = f'button_{normalize_button_density(density)}'
+
+    surface_token = options.get('surface', 'content')
+    surface = b.color(surface_token)
+
+    # background colors
+    bg_normal = surface
+    bg_active = bg_focused = b.elevate(surface, 1) if accent is None else b.subtle(accent, surface)
+    bg_pressed = b.active(bg_active)
+    focused_ring = b.color('foreground')
+
+    # foreground colors
+    fg_normal = b.on_color(bg_normal) if accent is None else b.color(accent)
+    fg_disabled = b.disabled('text', surface)
+
+    normal_img = recolor_element_image(image_key, bg_normal, bg_normal, surface, surface)
+    pressed_img = recolor_element_image(image_key, bg_pressed, bg_pressed, surface, surface)
+    active_img = recolor_element_image(image_key, bg_active, bg_active, surface, surface)
+    focused_img = recolor_element_image(image_key, bg_focused, bg_focused, focused_ring, surface)
+    focused_active_img = recolor_element_image(image_key, bg_focused, bg_focused, focused_ring, surface)
+    focused_pressed_img = recolor_element_image(image_key, bg_pressed, bg_pressed, focused_ring, surface)
+    disabled_img = recolor_element_image(image_key, surface, surface, surface, surface)
+
+    if show_dropdown:
+        _create_spacer(b, ttk_style, density)
+        _create_chevron_images(b, ttk_style, fg_normal, fg_disabled, icon_name=dropdown_icon, density=density)
+
+    b.create_style_element_image(
+        ElementImage(
+            f'{ttk_style}.border', normal_img.image, sticky="nsew",
+            border=normal_img.meta.border, padding=normal_img.meta.border,
+            height=button_height(b, density),
+        ).state_specs([
+            ('disabled', disabled_img.image),
+            ('background focus pressed', focused_pressed_img.image),
+            ('background focus active', focused_active_img.image),
+            ('background focus', focused_img.image),
+            ('pressed !disabled', pressed_img.image),
+            ('active !disabled', active_img.image),
+        ]))
+
+    b.create_style_layout(ttk_style, _menubutton_layout(ttk_style, show_dropdown, icon_only))
+
+    b.configure_style(
+        ttk_style,
+        stipple="gray12",
+        font=button_font(density),
+        takefocus=True,
+        padding=_menubutton_padding(b, icon_only, density),
+        anchor="center" if icon_only else "w"
+    )
+
+    state_spec = dict(
+        foreground=[('disabled', fg_disabled), ('', fg_normal)],
+        background=[('disabled', surface), ('', surface)]
+    )
+
+    state_spec = apply_icon_mapping(b, options, state_spec, icon_size(icon_only, density))
+    b.map_style(ttk_style, **state_spec)

bootstack/style/builders/panedwindow.py

@@ -0,0 +1,25 @@
+"""Panedwindow widget style builders.
+
+This module contains style builders for ttk.Panedwindow widget and variants.
+"""
+
+from __future__ import annotations
+
+from bootstack.style.style_builder_ttk import StyleBuilderTtk
+
+
+@StyleBuilderTtk.register_builder('default', 'TPanedwindow')
+def build_paned_window_style(b: StyleBuilderTtk, ttk_style: str, accent: str = None, **options):
+    accent_token = accent or 'border'
+    surface_token = options.get('surface', 'content')
+    sash_thickness = options.get('sash_thickness', b.scale(6))
+
+    surface = b.color(surface_token)
+    if accent_token == 'border':
+        accent_color = b.border(surface)
+    else:
+        accent_color = b.color(accent_token)
+
+    # Sash thickness is a global adjustment that affects all paned windows
+    b.configure_style("Sash", sashthickness=sash_thickness, gripcount=0)
+    b.configure_style(ttk_style, background=accent_color)

bootstack/style/builders/progressbar.py

@@ -0,0 +1,67 @@
+"""Progressbar widget style builders.
+
+This module contains style builders for ttk.Progressbar widgets and variants.
+"""
+
+from __future__ import annotations
+
+from bootstack.style.style_builder_ttk import StyleBuilderTtk
+from bootstack.style.element import Element, ElementImage
+from bootstack.style.utility import recolor_element_image
+
+
+@StyleBuilderTtk.register_builder('default', 'TProgressbar')
+def build_default_progressbar_style(b: StyleBuilderTtk, ttk_style: str, accent: str = 'primary', **options):
+    build_progressbar_style(b, ttk_style, accent, 'default', **options)
+
+
+@StyleBuilderTtk.register_builder('thin', 'TProgressbar')
+def build_thin_progressbar_style(b: StyleBuilderTtk, ttk_style: str, accent: str = 'primary', **options):
+    build_progressbar_style(b, ttk_style, accent, 'thin', **options)
+
+def build_progressbar_style(b: StyleBuilderTtk, ttk_style: str, accent: str, variant: str, **options):
+    orient = options.get("orient")
+    surface_token = options.get("surface", "content")
+
+    # style colors
+    background = b.color(surface_token)
+    trough_color = b.border(background)
+    trough_disabled = b.disabled("background")
+    bar_color = b.color(accent or "primary")
+    bar_disabled = b.disabled("text")
+
+    sticky = "ew" if orient == "horizontal" else "ns"
+    side = "left" if orient == "horizontal" else "top"
+
+    bar_image_key = f'progress_bar_{orient}_{variant}'
+
+    trough_normal_img = recolor_element_image(bar_image_key, trough_color, trough_color)
+    trough_disabled_img = recolor_element_image(bar_image_key, trough_disabled, trough_disabled)
+    bar_normal_img = recolor_element_image(bar_image_key, background, bar_color)
+    bar_disabled_img = recolor_element_image(bar_image_key, background, bar_disabled)
+    element_prefix = ttk_style.replace('TProgressbar', 'Progressbar')
+
+    b.create_style_element_image(
+        ElementImage(
+            f"{element_prefix}.trough", trough_normal_img.image,
+            border=trough_normal_img.meta.border, padding=0, sticky='nsew').state_specs(
+            [
+                ('disabled', trough_disabled_img.image)
+            ]))
+
+    b.create_style_element_image(
+        ElementImage(f"{element_prefix}.pbar", bar_normal_img.image,
+                     border=bar_normal_img.meta.border).state_specs(
+            [
+                ('disabled', bar_disabled_img.image)
+            ]))
+
+    b.create_style_layout(
+        ttk_style,
+        Element(f'{element_prefix}.trough', sticky="nsew").children(
+            [
+                Element(f'{element_prefix}.pbar', sticky=sticky, side=side)
+            ]))
+
+    b.configure_style(ttk_style, background=background)
+    b.map_style(ttk_style, background=[])

bootstack/style/builders/radiobutton.py

@@ -0,0 +1,99 @@
+"""Radio Button widget style builders.
+
+This module contains style builders for ttk.Radiobutton widgets and variants.
+"""
+
+from __future__ import annotations
+
+from bootstack.style.style_builder_ttk import StyleBuilderTtk
+from bootstack.style.element import Element, ElementImage
+from bootstack.style.utility import create_transparent_image, recolor_element_image
+from bootstack.style.builders.utils import resolve_icon_spec
+
+# Label-area custom state icons act as the state indicator, so they read a touch
+# larger than a text accent icon.
+_STATE_ICON_SIZE = 22
+
+
+@StyleBuilderTtk.register_builder('default', 'TRadiobutton')
+def build_radiobutton_style(b: StyleBuilderTtk, ttk_style: str, accent: str = 'primary', **options):
+    accent_token = accent or 'primary'
+    surface_token = options.get('surface', 'content')
+
+    background = b.color(surface_token)
+    foreground = b.on_color(background)
+    foreground_disabled = b.disabled('text', background)
+
+    normal = b.color(accent_token)
+    border = b.muted_foreground(background)
+    focus = b.focus(normal)
+    focus_ring = b.color('foreground')
+
+    show_indicator = options.get('show_indicator', True)
+
+    if show_indicator:
+        spacer_img = create_transparent_image(6, 1)
+        b.create_style_element_image(ElementImage(f'{ttk_style}.spacer', spacer_img, sticky="ew"))
+
+        normal_selected_img = recolor_element_image('radiobutton', normal, normal, background, background)
+        normal_unselected_img = recolor_element_image('radiobutton', background, border, background, background)
+
+        focus_selected_img = recolor_element_image('radiobutton', focus, focus, focus_ring, background)
+        focus_unselected_img = recolor_element_image('radiobutton', background, focus, focus_ring, background)
+
+        disabled_selected_img = recolor_element_image('radiobutton', foreground_disabled, foreground_disabled, background, background)
+        disabled_unselected_img = recolor_element_image('radiobutton', background, foreground_disabled, background, background)
+
+        b.create_style_element_image(
+            ElementImage(f'{ttk_style}.indicator', normal_unselected_img.image, sticky="ns", padding=b.scale(4)).state_specs(
+                [
+                    # Disabled states
+                    ('disabled selected', disabled_selected_img.image),
+                    ('disabled !selected !alternate', disabled_unselected_img.image),
+
+                    # Focused states
+                    ('background focus selected', focus_selected_img.image),
+                    ('background focus !selected !alternate', focus_unselected_img.image),
+
+                    # Normal base states
+                    ('selected', normal_selected_img.image),
+                    ('!selected !alternate', normal_unselected_img.image),
+                ]
+            ))
+
+    # Label-area icon: stateful, independent of show_indicator.
+    # Accent color when selected, foreground when unselected.
+    icon_images = []
+    icon_spec_raw = resolve_icon_spec(options)
+    if icon_spec_raw is not None:
+        icon_spec = b.normalize_icon_spec(icon_spec_raw, _STATE_ICON_SIZE)
+        fg_spec = [
+            ('disabled', foreground_disabled),
+            ('selected !disabled', normal),
+            ('', border),
+        ]
+        icon_images = b.map_stateful_icons(icon_spec, fg_spec)
+
+    layout_children = []
+    if show_indicator:
+        layout_children += [
+            Element(f'{ttk_style}.indicator', side="left", sticky=""),
+            Element(f'{ttk_style}.spacer', side="left"),
+        ]
+    layout_children.append(Element('Radiobutton.label', side="left", sticky="nsew"))
+
+    b.create_style_layout(
+        ttk_style, Element('Radiobutton.padding', sticky="nsew").children(layout_children)
+    )
+
+    b.configure_style(ttk_style, background=background, foreground=foreground, font="body")
+
+    map_kwargs = {
+        'background': [],
+        'foreground': [('disabled', foreground_disabled), ('', foreground)],
+    }
+    if icon_images:
+        map_kwargs['image'] = icon_images
+        if not options.get('icon_only', False):
+            map_kwargs['compound'] = 'left'
+    b.map_style(ttk_style, **map_kwargs)

bootstack/style/builders/scale.py

@@ -0,0 +1,64 @@
+"""Scale widget style builders.
+
+This module contains style builders for ttk.Scale widget and variants.
+"""
+
+from __future__ import annotations
+
+from bootstack.style.style_builder_ttk import StyleBuilderTtk
+from bootstack.style.element import Element, ElementImage
+from bootstack.style.utility import recolor_element_image
+
+
+@StyleBuilderTtk.register_builder('default', 'TScale')
+def build_scale_style(b: StyleBuilderTtk, ttk_style: str, accent: str = 'primary', **options):
+    accent_token = accent or 'primary'
+    surface_token = options.get('surface', 'content')
+    orient = options.get('orient', 'vertical').title()
+
+    background = b.color(surface_token)
+    foreground = b.on_color(background)
+    foreground_disabled = b.disabled("text")
+    track_color = b.border(background)
+    handle_normal = b.color(accent_token)
+    handle_pressed = b.pressed(handle_normal)
+    handle_disabled = b.disabled("text")
+    track_disabled = b.disabled("background")
+
+    # style images
+    handle_normal_img = recolor_element_image("slider_handle", background, handle_normal, background, background)
+    handle_pressed_img = recolor_element_image("slider_handle", background, handle_pressed, background, background)
+    handle_disabled_img = recolor_element_image("slider_handle", handle_disabled, handle_disabled, background, background)
+
+    track_normal_img = recolor_element_image(f"slider_track_{orient.lower()}", background, track_color)
+    track_disabled_img = recolor_element_image(f"slider_track_{orient.lower()}", background, track_disabled)
+    sticky = "ew" if orient == "Horizontal" else "ns"
+    side = "left" if orient == "Horizontal" else "top"
+
+    b.create_style_element_image(
+        ElementImage(f"{ttk_style}.{orient}.Scale.slider", handle_normal_img.image,
+                     width=handle_normal_img.meta.height,
+                     height=handle_normal_img.meta.width,
+                     sticky=''
+                     ).state_specs(
+            [
+                ('disabled', handle_disabled_img.image),
+                ('pressed', handle_pressed_img.image),
+            ]))
+
+    b.create_style_element_image(
+        ElementImage(f"{ttk_style}.{orient}.Scale.trough", track_normal_img.image,
+                     padding=track_normal_img.meta.padding,
+                     border=track_normal_img.meta.border).state_specs(
+            [
+                ('disabled', track_disabled_img.image)
+            ]))
+
+    b.create_style_layout(
+        ttk_style, Element(f"{orient}.Scale.padding", sticky=sticky).children(
+            [
+                Element(f'{ttk_style}.{orient}.Scale.trough', sticky=sticky),
+                Element(f'{ttk_style}.{orient}.Scale.slider', sticky="", side=side)]))
+
+    b.configure_style(ttk_style, background=background, foreground=foreground)
+    b.map_style(ttk_style, background=[], foreground=[('disabled', foreground_disabled), ('', foreground)])