Палитры
Темы со своими цветами: та же карта ролей (--theme-*), что у
TullsLight и TullsDark,
но значения ролей — собственные hex, а не ступени палитр _colors. Стабильные
цвета сущностей у них те же, что у системных тем. Действуют по
data-theme="midnight", "sand" и "forest" на <html>.
- Midnight — тёмная: глубокий синий фон, бирюзовый акцент.
- Sand — светлая тёплая: песочные фоны, акцент цвета терракоты; тени — светлые по умолчанию.
- Forest — тёмная: хвойно-зелёные фоны, янтарный акцент.
Midnight
| Variable | Value | Preview | Description |
|---|---|---|---|
--theme-background-application | #0b1120 | ---------- Backgrounds --------- | |
--theme-background-component | #16213a | - | |
--theme-background-component-ineractive | #1d2a47 | - | |
--theme-background-secondary-component | #111a2e | - | |
--theme-background-accent-component | #14b8a633 | - | |
--theme-text-application | #e6edf7 | ---------- Text ------------ | |
--theme-text-caption | #8a9bb8 | - | |
--theme-text-white | #ffffff | - | |
--theme-text-danger | #f87171 | - | |
--theme-control-primary-base | #14b8a6 | ------------ Controls ----------- | |
--theme-control-primary-text | #04201d | - | |
--theme-control-secondary-base | #3b4a66 | - | |
--theme-control-secondary-text | #ffffff | - | |
--theme-control-success-base | #22c55e | - | |
--theme-control-success-text | #052e16 | - | |
--theme-control-warning-base | #f59e0b | - | |
--theme-control-warning-text | #2a1a03 | - | |
--theme-control-danger-base | #ef4444 | - | |
--theme-control-danger-text | #ffffff | - | |
--theme-control-default-base | #e6edf7 | - | |
--theme-control-default-text | #0b1120 | - | |
--theme-border | #26324d | ------- Borders ------------ |
Sand
| Variable | Value | Preview | Description |
|---|---|---|---|
--theme-background-application | #efe8dc | ---------- Backgrounds --------- | |
--theme-background-component | #fbf8f2 | - | |
--theme-background-component-ineractive | #f3ece0 | - | |
--theme-background-secondary-component | #e6dccb | - | |
--theme-background-accent-component | #c2552d26 | - | |
--theme-text-application | #2b2118 | ---------- Text ------------ | |
--theme-text-caption | #8a7a66 | - | |
--theme-text-white | #ffffff | - | |
--theme-text-danger | #b42318 | - | |
--theme-control-primary-base | #c2552d | ------------ Controls ----------- | |
--theme-control-primary-text | #ffffff | - | |
--theme-control-secondary-base | #a8977e | - | |
--theme-control-secondary-text | #ffffff | - | |
--theme-control-success-base | #3f8f4f | - | |
--theme-control-success-text | #ffffff | - | |
--theme-control-warning-base | #d98a1c | - | |
--theme-control-warning-text | #ffffff | - | |
--theme-control-danger-base | #c0392b | - | |
--theme-control-danger-text | #ffffff | - | |
--theme-control-default-base | #2b2118 | - | |
--theme-control-default-text | #fbf8f2 | - | |
--theme-border | #d9ccb6 | ------- Borders ------------ |
Forest
| Variable | Value | Preview | Description |
|---|---|---|---|
--theme-background-application | #0d1612 | ---------- Backgrounds --------- | |
--theme-background-component | #18291f | - | |
--theme-background-component-ineractive | #1f3428 | - | |
--theme-background-secondary-component | #132019 | - | |
--theme-background-accent-component | #f5a52433 | - | |
--theme-text-application | #e4efe7 | ---------- Text ------------ | |
--theme-text-caption | #87a090 | - | |
--theme-text-white | #ffffff | - | |
--theme-text-danger | #f87171 | - | |
--theme-control-primary-base | #f5a524 | ------------ Controls ----------- | |
--theme-control-primary-text | #1f1402 | - | |
--theme-control-secondary-base | #3d5446 | - | |
--theme-control-secondary-text | #ffffff | - | |
--theme-control-success-base | #34d399 | - | |
--theme-control-success-text | #022c1c | - | |
--theme-control-warning-base | #fb923c | - | |
--theme-control-warning-text | #2a1203 | - | |
--theme-control-danger-base | #ef4444 | - | |
--theme-control-danger-text | #ffffff | - | |
--theme-control-default-base | #e4efe7 | - | |
--theme-control-default-text | #0d1612 | - | |
--theme-border | #2a3f32 | ------- Borders ------------ |