fix: Change dark theme icon border to #5e5e5e medium gray
- Changed from transparent to #5e5e5e (rgb(94,94,94)) - Visible but subtle medium gray border in dark theme - Updated test to verify new border color - Note: CSS filter on LIV Golf only affects image pixels, not border
This commit is contained in:
@@ -76,23 +76,17 @@ async function testDarkThemeBorders() {
|
||||
|
||||
console.log(` Border color: ${darkBorders.borderColor}`);
|
||||
|
||||
// Check if transparent or rgba with 0 alpha
|
||||
const isTransparent = darkBorders.borderColor.includes('rgba(0, 0, 0, 0)') ||
|
||||
darkBorders.borderColor === 'transparent';
|
||||
// Check for expected #5e5e5e = rgb(94, 94, 94)
|
||||
const isExpectedGray = darkBorders.borderColor.includes('rgb(94, 94, 94)') ||
|
||||
darkBorders.borderColor.includes('#5e5e5e');
|
||||
|
||||
if (isTransparent) {
|
||||
console.log(' ✅ Borders completely transparent (invisible) in dark theme');
|
||||
if (isExpectedGray) {
|
||||
console.log(' ✅ Borders are medium gray (#5e5e5e) in dark theme');
|
||||
} else {
|
||||
// Check if it's a very dark color
|
||||
const darkRgb = darkBorders.borderColor.match(/\d+/g);
|
||||
if (darkRgb && darkRgb.every(v => parseInt(v) < 50)) {
|
||||
console.log(' ✅ Borders very dark in dark theme');
|
||||
} else {
|
||||
console.log(' ❌ Borders still too visible in dark theme!');
|
||||
console.log(` Expected: transparent or very dark, Got: ${darkBorders.borderColor}`);
|
||||
await browser.close();
|
||||
process.exit(1);
|
||||
}
|
||||
console.log(' ❌ Border color unexpected!');
|
||||
console.log(` Expected: rgb(94, 94, 94) or #5e5e5e, Got: ${darkBorders.borderColor}`);
|
||||
await browser.close();
|
||||
process.exit(1);
|
||||
}
|
||||
|
||||
// Test 3: LIV Golf logo inversion
|
||||
|
||||
Reference in New Issue
Block a user