The color input fields accept RGB values that exceed the valid range (0-255). When a value like "rgb(999, 999, 999)" is entered, the system automatically corrects it to "rgb(255, 255, 255)" upon save without notifying the user of the correction. This creates confusion as the user sees their entered color change silently without explanation.

Steps to Reproduce:

Navigate to: Administrator > Templates > Styles > Cassiopeia Extended - Default > Colour Settings

Triple-click "Header Background Colour" field

Enter: rgb(999, 999, 999)

Click: Save button

Refresh the page

Result: Value shows as rgb(255, 255, 255) with no error message

Expected Result:

Form validation error: "RGB values must be between 0 and 255"

Color picker prevents out-of-range selection

Save button disabled until valid value entered

Error message displayed to user

Actual Result:

Out-of-range value accepted

Silently auto-corrected to rgb(255, 255, 255) on save

No error message or notification shown

User unaware their value was changed

Affected Fields:

Header Background Colour

Header Text Colour

Body Background Colour

Body Text Colour

Links Colour

Links Hover Colour

Button Primary Background Colour

Button Primary Hover Background Colour

Button Primary Text Colour

Button Primary Hover Text Colour

Footer Background Colour

Footer Text Colour

Root Cause:

Color input validation happens silently in backend

No client-side validation feedback

No warning mechanism for auto-corrected values

Impact:

User Experience: MEDIUM - Silent changes confuse users

Data Integrity: LOW - Backend sanitization works correctly

Functionality: NONE - Styling still works correctly