Why We Built a Dedicated Documentation Hub​

As our platforms — including the AutoBook 24/7 client booking engine and the Osmyka AutoRepair CRM — continue to expand across workshop deployments in Estonia and the EU, having a centralized, transparent technical knowledge base became essential.

This portal provides:

• Comprehensive Product Manuals: In-depth operational guides for garage owners, service advisors, and technicians.
• Transparent Version Changelogs: Continuous release notes documenting every feature, performance boost, and patch.
• Architectural Specifications: Detailed blueprints covering our 3-2-1 multi-level backup strategy, GDPR compliance, and edge CDN routing.
• Developer API & Webhooks: Reference specifications for third-party ERP, accounting, and SMS gateway integrations.

Explore the guides and let us know what topics you would like us to cover next!

The Challenge: Flash of Unstyled Content (FOUT)​

Many modern web apps suffer from a jarring white or dark flicker when loading, caused by JavaScript themes evaluating after the HTML body renders.

To solve this in Osmyka, we implemented a micro-inline blocking script directly within the <head> of all pages before any CSS parses:

<script>
(function(){
  try {
    var saved = localStorage.getItem('osmyka-theme');
    var prefersLight = window.matchMedia('(prefers-color-scheme: light)').matches;
    document.documentElement.setAttribute('data-theme', saved || (prefersLight ? 'light' : 'dark'));
  } catch(e) {}
})();
</script>

CSS Tokenized Color Palettes​

By decoupling token definitions in tokens.css, all components automatically adapt without duplicated CSS rules:

• Dark Theme: #050912 deep space blue with #38e1ff electric cyan and #8b7bff violet.
• Light Theme: #f8fafc ultra-clean slate with #0284c7 ocean cyan and #6366f1 indigo.

Both palettes achieve contrast ratios exceeding 7:1, easily surpassing the WCAG AAA accessibility standard for readability in bright sunlight on mobile devices in workshop bays.