Skip to content

TropaTT v0.2.0.1 — Sepia theme, Kanban scroll navigation, theme token unification

Choose a tag to compare

View all tags
@Anton-Barinov Anton-Barinov released this 10 Aug 09:27
· 701 commits to main since this release
v0.2.0.1
555fe9b

TropaTT v0.2.0.1

Self-hosted PHP/MySQL CRM and work platform — patch release. 43 commits since v0.2.0: 5 features, 34 fixes, 4 refactors/docs.

Highlights

  • Sepia theme (warm parchment) — added as a pure CSS token block in themes.css without touching a single component style. This proves the theme architecture: the whole UI now reads colors exclusively from CSS variables, so any new theme is just a set of variables.
  • All colors unified into CSS variables — zero hardcoded colors in base CSS, JS or PHP templates; themes only swap token sets. All var(--token, #hex) fallbacks removed — no raw hex colors remain outside token definitions.
  • Kanban horizontal scroll navigation — always-visible scrollbar, floating left/right scroll buttons with fade-in on board edge hover, and keyboard arrows (Left/Right scroll the board by one column, ignoring typing contexts and open modals).
  • Dark theme cleanup — remaining light artifacts and unreadable dark-on-dark text eliminated across modals, tables, calendar, gantt, chat, dashboard builder and badges.
  • Visual editor spoiler fix — <details class="crm-ve-spoiler"> in saved content (comments, descriptions, ideas) now renders styled and collapsible in every theme.

Added

  • Sepia (warm parchment) theme as a pure token block; registered in the header allowlist, api.js THEMES, profile select and all 7 locales.
  • Kanban: horizontal scroll navigation (visible scrollbar, floating scroll buttons, Left/Right keyboard scrolling).
  • Kanban: scroll buttons fade-in animation on board edge hover (reduced-motion safe).
  • Theme architecture: all colors moved into CSS variables — themes only swap token sets.

Changed

  • Profile theme select order: light, sepia, dark, contrast.
  • Footer is no longer sticky — flows naturally at the page bottom.
  • .crm-metric-tile gets explicit padding and matches the system card style; my-day/my-week tiles use box-shadow: none !important and min-width: 105px.
  • Status/error toast tokens are now per-theme (sepia loading popup uses warm brown instead of fixed green).
  • Switches: enabled toggles no longer show the hover/focus glow ring.
  • Visual-editor tokens (--crm-ve-*) moved to :root/theme scope so rendered content keeps spoiler styling outside the editor.

Fixed

  • Dark theme: light artifacts and unreadable dark-on-dark text eliminated — modal/offcanvas/drawer/popover surfaces, buttons, tables, calendar, gantt, chat, knowledge, dashboard builder, badges and bootstrap box-shadow glows now follow theme tokens.
  • Contrast theme: no blue accents remain — links/checks/avatars/gantt/calendar/buttons use brand dark green, button surfaces are white with black borders (WCAG AA).
  • Sepia theme: gantt uses warm brown tints instead of blue accents.
  • Visual editor spoiler in saved content now renders styled and collapsible in every theme.
  • Projects page: missing project status translations for Russian (and all 7 locales) — statuses no longer fall back to English.
  • pages.css: restored the missing @media wrapper around automation mobile rules (orphan closing brace; braces balanced again).

The update server (update.tropatt.com) keeps serving installs with the latest build from GitHub; this release tag is for reference and release history.

Assets 2
Loading