Welcome to Landsoul Dashboard
This is an example dashboard layout using Landsoul styles.
FAQ
What is Landsoul?
Landsoul is a modern CSS framework that provides clean and accessible styling for HTML elements with minimal configuration.
How do I install Landsoul?
You can install Landsoul via npm with npm install landsoul or include it directly from a CDN in your HTML.
Is Landsoul customizable?
Yes! Landsoul uses CSS custom properties (variables) for theming, making it easy to customize colors, spacing, and other design tokens.
| Keyword | Description | Sample |
|---|---|---|
AccentColor |
Background of accented user interface controls. | |
AccentColorText |
Text of accented user interface controls. | |
ActiveText |
Text of active links. | |
ButtonBorder |
Base border color of controls. | |
ButtonFace |
Background color of controls. | |
ButtonText |
Text color of controls. | |
Canvas |
Background of application content or documents. | |
CanvasText |
Text color in application content or documents. | |
Field |
Background of input fields. | |
FieldText |
Text in input fields. | |
GrayText |
Text color for disabled items (for example, a disabled control). | |
Highlight |
Background of selected items. | |
HighlightText |
Text color of selected items. | |
LinkText |
Text of non-active, non-visited links. | |
Mark |
Background of text that has been specially marked (such as by the HTML
mark element).
|
|
MarkText |
Text that has been specially marked (such as by the HTML mark element). |
|
SelectedItem |
Background of selected items, for example, a selected checkbox. | |
SelectedItemText |
Text of selected items. | |
VisitedText |
Text of visited links. |