A clean, simple icon theme for easy and focused computing. Originally developed for dogfooding, the theme aims to be simple in both design and implementation while keeping a distinctly Unix-like aesthetic ...with some modern quality-of-life considerations.
The name is a reference to Tom LaStrange, the inventor of the TWM window manager, which served as the main inspiration for the desktop theme. Other influences include printed paper, the Athena widget library and the Amiga Workbench
This theme being tailor-made for Linux (notably the XFCE desktop environment), it's design is naturally influenced by the Unix philosophy. Everything is designed according to a set of simple, predefined rules (outlined below), which are to be applied thoroughly, consistently and if possible automatically across the entire system, such that the user's cognitive load is reduced by associative consistency. In short: Things that work similar, look similar, are similar.
Most modern UI designs attempt to simplify the user experience by hiding or obfuscating less important features. Especially in flat designs this tends to lead to confusion about what is interactible, in which way and how the UI is organized.
Beyond that many modern UI designs also employ so called "calls to action". In practice, this usually means that elements the designer deems important are emphasized by making them attention-grabbing, which can be distracting as well as allow for dark patterns.
LaStrange does not impose any particular order of importance to an action. Instead, everything is distilled to it's essential function and presented equally relying instead on visual variables and Gestalt to convey information about the UI. This leads to a clean, consistent and uncluttered experience for users who know what they want their system to do.
Wherever possible, everything is rendered on-the-fly, without the use of any pre-built assets (due to restrictions this currently only applies to the GTK theme). This reduces labour effort, keeps consistency and is better scalable to increasing display resolutions/pixel densities. In case of the LaStrange icon theme, this means that everything will be built upon vector graphics only.
Every design exists within a context. Thus, it is not enough for a UI-design to be internally consistent; it has to conform to the UI/UX guidelines of it's context as well to ensure a pleasant, consistent user experience. For example, the LaStrange icon theme is designed to work within both light and dark modes based on the same set of icons.
The aim of of LaStrange lies in simplifying UI visuals by reducing attention-grabbing colors down to a minimum. Thus color is to be used sparingly, with a main highlight color being used to indicate interactivity. The main shades of light and dark grey have also intentionally been chosen to reduce eye strain due to high contrast on bright displays.
Although LaStrange is built in such a way that it allows for easy creation of custom color pallettes (a fact which is further highlighted by the included theme set Default, Dark, Solarized Light, Solarized Dark & Industrial), the overall design is based on the 3 primary colors listed below:
| Color | dark | light |
|---|---|---|
| Black | #1f1f1f | |
| White | #d9d9d9 | |
| Cyan | #19a698 | #22AA99 (#47ccbf for use in 16 color mode) |
| Color | dark | light |
|---|---|---|
| Red | #cc3333 | #ff7373 |
| Green | #179917 | #00de00 |
| Yellow | #a6954b | #cca700 |
| Blue | #175ce6 | #8797ff |
| Magenta | #9a19a6 | #f066ff |