Home

Welcome to the textme-sources wiki!

Developer's Guide

• Follow this tutorial on how to set up a custom FirebaseDB
• Adjust dialog.css and dialog.js to your needs
• dialog.css has some constants
  • --color-left: Text color of the left chat bubbles
  • --bg-color-left: Background color of the left chat bubbles
  • --color-right: Text color of the right chat bubbles
  • --bg-color-right: Background color of the right chat bubbles
  • --max-width: Maximum width of the chat bubbles
  • --header-bg-color: Background color of the date header
  • --header-color: Text color of the date header
  • --timestamp-color: Text color of the timestamp in each chat bubble
  • --link-color: Color of links
• Change the appearance of the chat bubbles by changing triangle-right to one of my prepared layouts or create your own. My prepared chat bubbles are:
  • triangle-isosceles: A traditional comic speech bubble
  • triangle-right: A right-angled, modern speech bubble, used in most messengers
  • round-without: A round bubbles without any triangles
  • round-with: A round bubble with one sharp edge
• Change the localization in the translations.json file