P2P v5.0.6 - Dark Mode Color System & Translation Fixes

Release Date: January 16, 2025
Tags: UI IMPROVEMENTS, DARK MODE FIXES, TRANSLATION FIXES, VISUAL CONSISTENCY

Added

Complete Country Selection

• Added the full country list to Trading Location, expanded from 10 countries to 250+
  • Global Coverage: All UN-recognized countries and territories, with standard ISO 3166-1 alpha-2 codes
  • Complete List: Includes major countries, territories, dependencies, and autonomous regions
  • Alphabetical Ordering: Countries sorted alphabetically for easy navigation
  • Previous Limitation: Only 10 countries were selectable (US, UK, Canada, Australia, Germany, France, Japan, China, India, Brazil)
  • User Experience: Traders worldwide can now select their exact location

Theme System

• Added success and warning colors to the platform's theme system, in both light and dark variants, establishing a consistent basis for success and warning styling platform-wide

---

Changed

Dark Mode Standards

• Changed all P2P components to follow the platform's dark mode color rule
  • Background Strategy: Semi-transparent neutral backgrounds for better layering
  • Border Strategy: Consistent neutral borders across all alert components
  • Text Preservation: Semantic colors (amber, red, blue, green) retained for text, neutrals used for backgrounds
  • Button Styling: The "Automatically adjust amount" button now uses proper dark mode colors

Alert System

• Changed alert backgrounds in dark mode for better readability
• Changed alert appearance to be consistent across all P2P sections
• Changed color contrast ratios for better accessibility
• Added reusable color patterns for future P2P components

---

Fixed

Translation and Formatting

• Fixed an incorrect "/" character appearing before dollar amounts in the P2P interface. The translation system was translating the "$" symbol itself in certain locales; currency symbols are no longer translated.

  • Amount Price Step: Total Value showed "/ $0.00" instead of "$0.00"
  • Market Price Display: The current market price showed a "/ $" prefix
  • Calculated Price: Margin trading calculated price was affected
  • Affected Locales: Corrected in several language files

• Fixed missing spaces in the guided trading step counter, which showed "Step4of9" instead of "Step 4 of 9"

• Fixed a missing space in the amount input label, which showed "Amount(BTC)"

• Fixed several spacing problems in the payment methods step

  • Summary Text: "1methodselected" now reads "1 method selected"
  • Processing Time: Processing time is now formatted properly
  • Loading States: "Creating..." and "Deleting..." text formatting corrected

• Fixed a double colon in the payment methods step, which showed "Processing:: 2" instead of "Processing: 2". The stored data already contained a colon, and another was being added.

• Fixed missing spaces in the review step section headers, which displayed "amount_&_pricing", "auto_cancel" and "terms_of_trade" instead of "Amount & Pricing", "Auto Cancel" and "Terms of Trade"

Offer Creation

• Fixed a validation problem that let users continue past the trade terms step while leaving that required field empty

• Fixed an error that blocked all offer creation. Submitting an offer failed with "Payment Method Ids is required", because the selected payment methods were not being sent in the form the server expected.

• Fixed the "Complete" button accepting repeated clicks during submission, which risked creating duplicate offers. The button now shows a spinner and reads "Creating...", and the back and cancel buttons are disabled while the offer is being submitted.

Guided Matching

• Fixed guided matching failing outright when reading a user's reviews. It queried reviews under the wrong association name and errored; ratings are now calculated correctly, counting only reviews written about the user being rated.

Dark Mode

• Fixed the offer details hero section, which used blue backgrounds that did not follow the platform's dark mode design rule. The hero background, back and edit buttons, crypto icon container, status badges and stats cards now use neutral colors in dark mode while keeping primary colors in light mode.

• Fixed the owner status notification in the trade form, which used a blue background in dark mode. It now uses a neutral background and border while keeping blue text for its semantic meaning.

• Fixed the P2P alert and warning components to use the platform's neutral dark mode scheme, covering the maintenance banner, platform disabled banner, feature restricted banner, all trade status alerts (waiting payment, payment confirmed, disputed, completed), and offer creation error alerts

• Fixed error state visibility in dark mode on input fields, covering amount fields, minimum and maximum limit fields, price fields and the total value section

Removed

• Removed the quick select slider from the amount input, simplifying amount entry and reducing clutter in the offer creation flow