Home

Lian Li LCD Themes Wiki - Home

When editing Lian Li L-Connect 3 LCD screen templates, every visual element—from background animations to dynamic hardware sensors—is managed as a Layer. This wiki explains the general logic of layers, the screen coordinate system, and the basic settings in the editor panels.

---

1. Layer Logic and Hierarchy

Every layer in a template is stacked on top of one another based on its drawing order (INDEX).

• Lower Layers (e.g., Index 0, 1): Typically background animations (GraphAnimation) or static background images (GraphImage).
• Upper Layers: Text elements (GraphItem), circular/linear progress bars (GraphArchBar, GraphStatuBar), and clock hands (GraphClock).
• Visibility and Locking: You can temporarily hide layers in the editor or lock them to prevent accidental dragging.

---

2. Screen Coordinate System (Position & Size)

The following layout settings are common across all layers:

• X: The distance of the layer's left edge from the left edge of the screen (in pixels).
• Y: The distance of the layer's top edge from the top edge of the screen (in pixels).
• WIDTH & HEIGHT: The dimensions of the bounding box of the layer.
• ZOOM RATE: The scaling factor for images or animations (e.g., 1.0 is default size, 0.5 is half size).

---

3. Wiki Pages Directory

Other pages prepared for your GitHub Wiki:

1. Data Sources and Text Settings (Data_Sources.md): Font family, size, bold, italic, character spacing, text gradients, and descriptions of all hardware data sources (CPU, GPU, RAM).
2. Progress Bars and Circular Gauges (Progress_Bars.md): Status Bar, Curved Bar, and Dynamic Status slider settings (Subsection, Diameter, Block Width/Spacing, Round, etc.).
3. Clock Hands (Clock_Hands.md): Hand images, rotation center, position offsets, and pivot axis offsets for analog clocks.
4. Other Layers and Visual Styling (Gradients_and_Styling.md): Image, Animation, Chart, Ring Graph, and design recipes for premium looks.