log-pretty-version.js

const appName = 'App Web'
  const companyName = 'D6'
  const version = '1.0.0'
  const hasSw = (navigator.serviceWorker && navigator.serviceWorker.controller)
  const mode = (window.matchMedia('(display-mode: standalone)').matches)
    ? 'standalone'
    : 'web'

  const sw = hasSw
    ? 'sw-on'
    : 'sw-off'

  console.log(
    `%c ${companyName} ${appName} %c v${version} %c ${mode}/${sw} %c`,
    'background:#000 ; padding: 3px; border-radius: 3px 0 0 3px;  color: #fff',
    'background:#0a88c2 ; padding: 3px; border-radius: 0 0 0 0;  color: #fff',
    `background:#${hasSw ? '21ba45' : 'db2828'} ; padding: 3px; border-radius: 0 3px 3px 0;  color: #fff`,
    'background:transparent'
  )