Common Controls
Molkit’s panels and dialogs share a common set of controls. The behaviors below work the same everywhere, so they are documented once here.
The color picker
Clicking any color swatch opens the same picker popup. It has a saturation/lightness square, a hue bar, a vertical alpha bar plus an alpha slider, and hex, RGB, and HSL input fields. Two preview swatches sit side by side: the left shows the color you started with, the right shows the color you are building. Below the inputs are 24 preset swatches plus your eight most recent colors.
Every change previews live on the canvas. Click outside the popup, press Enter in the hex field, or press Escape to close it; the whole session collapses into a single undo entry. The first preset tile is a reset tile that clears the color from the selection instead of applying one.
The eyedropper button starts “pick from canvas” mode: the picker hides, your cursor becomes an eyedropper, and clicking anywhere on the drawing canvas samples the pixel color there. Press Escape to cancel sampling.
Slider shortcuts
Double-click a slider to reset it to its default value. This also clears any per-object override, so the property falls back to the document default again. Sliders with a default show “Double-click to reset to default” on hover.
In the Shape Properties panel, you can also double-click a slider’s value label to type an exact number. Enter commits, Escape cancels, and the up and down arrow keys nudge by the slider’s step.
Color swatches, hex fields, and reset buttons
Color controls usually appear as a swatch and hex field pair, often with a small reset button beside them. The reset button clears the per-object color override so the object inherits its default again, such as the active color scheme’s bond or atom color.
Multi-selection editing
When you select several objects with different values for the same property, the panel shows the mixed state: value labels read “Mixed”, checkboxes show an indeterminate dash, and hex fields show a “Mixed” placeholder. Editing the control applies the new value to every selected object at once.
Collapsible sections
Panels collapse via the button in their header (or by clicking the header itself), and the Object Properties panel also collapses individual sections. Both states persist in your browser, so panels reopen the way you left them.
Status-bar dropups
The preset and color scheme indicators in the status bar open dropup menus when clicked. The active entry is highlighted; picking another entry switches to it. If you have changed settings since applying a preset or scheme, an orange dot appears next to its name. Clicking the active entry again resets your changes back to the clean preset or scheme. The menus also hold actions like saving a custom entry or applying the current choice to all tabs.