[GH-ISSUE #21] font color of Voucher code #6

Closed
opened 2026-05-07 00:17:09 +02:00 by BreizhHardware · 12 comments

Originally created by @aroundmyroom on GitHub (Dec 17, 2022).
Original GitHub issue: https://github.com/glenndehaan/unifi-voucher-site/issues/21

Originally assigned to: @glenndehaan on GitHub.

When accessing the application on an Iphone the colouring is changed during the evening to a black background.
But the code is not. It can be read but it is very dark grey so it is difficult to read in the screen.

image
example

Originally created by @aroundmyroom on GitHub (Dec 17, 2022). Original GitHub issue: https://github.com/glenndehaan/unifi-voucher-site/issues/21 Originally assigned to: @glenndehaan on GitHub. When accessing the application on an Iphone the colouring is changed during the evening to a black background. But the code is not. It can be read but it is very dark grey so it is difficult to read in the screen. ![image](https://user-images.githubusercontent.com/250108/208262979-74c2dd2d-2fe5-4ec2-aeda-1b29ea12003f.png) example
BreizhHardware 2026-05-07 00:17:09 +02:00
  • closed this issue
  • added the
    bug
    label
Author
Owner

@glenndehaan commented on GitHub (Dec 18, 2022):

Hey thanks for finding this issue. I'm usually on android so I didn't find this issue. I have pushed a fixed an tested in a webkit browser and it seems to be working now, can you confirm this after updating?

<!-- gh-comment-id:1356759573 --> @glenndehaan commented on GitHub (Dec 18, 2022): Hey thanks for finding this issue. I'm usually on android so I didn't find this issue. I have pushed a fixed an tested in a webkit browser and it seems to be working now, can you confirm this after updating?
Author
Owner

@aroundmyroom commented on GitHub (Dec 18, 2022):

Will need some more testing, cause in the afternoon/evening it will turn black (no clue how my iphone is handling that, never investages), but now I see that the colour on iphone in the morning also is to vague

image

<!-- gh-comment-id:1356760939 --> @aroundmyroom commented on GitHub (Dec 18, 2022): Will need some more testing, cause in the afternoon/evening it will turn black (no clue how my iphone is handling that, never investages), but now I see that the colour on iphone in the morning also is to vague ![image](https://user-images.githubusercontent.com/250108/208291826-45cb219c-34c3-4d88-9a58-c02c39079421.png)
Author
Owner

@aroundmyroom commented on GitHub (Dec 18, 2022):

on a PC it looks ok
image

<!-- gh-comment-id:1356761380 --> @aroundmyroom commented on GitHub (Dec 18, 2022): on a PC it looks ok ![image](https://user-images.githubusercontent.com/250108/208291911-314dc847-3562-4637-a490-1786695268d2.png)
Author
Owner

@glenndehaan commented on GitHub (Dec 18, 2022):

The app is taking over the system preferred-color-scheme. In other words: Does the use have dark-mode enabled or not. It seems you have it set to auto currently. You should be able to switch that inside your device preferences to auto, light or dark.

Looking at the image you just send I think you need to clear the cache of the browser because it is loading the old CSS

<!-- gh-comment-id:1356761684 --> @glenndehaan commented on GitHub (Dec 18, 2022): The app is taking over the system preferred-color-scheme. In other words: Does the use have dark-mode enabled or not. It seems you have it set to auto currently. You should be able to switch that inside your device preferences to auto, light or dark. Looking at the image you just send I think you need to clear the cache of the browser because it is loading the old CSS
Author
Owner

@glenndehaan commented on GitHub (Dec 18, 2022):

Oh also I forgot since you are running the code locally ensure you run the tailwind command again since this regenerates the CSS file

<!-- gh-comment-id:1356762876 --> @glenndehaan commented on GitHub (Dec 18, 2022): Oh also I forgot since you are running the code locally ensure you run the tailwind command again since this regenerates the CSS file
Author
Owner

@glenndehaan commented on GitHub (Dec 18, 2022):

You can verify if the new code is there to inspect the input field and look for the -webkit-text-fill-color property. If that is not there then the CSS has not been recompiled or you are stuck in some browser cache

afbeelding
<!-- gh-comment-id:1356764042 --> @glenndehaan commented on GitHub (Dec 18, 2022): You can verify if the new code is there to inspect the input field and look for the -webkit-text-fill-color property. If that is not there then the CSS has not been recompiled or you are stuck in some browser cache <img width="479" alt="afbeelding" src="https://user-images.githubusercontent.com/7496187/208292377-a3910243-e0c1-48b4-a394-7930f0eef56b.png">
Author
Owner

@aroundmyroom commented on GitHub (Dec 18, 2022):

looks wierd under my windows with chrome

image

looks different than from you and I did release cache and ran tailwinds

<!-- gh-comment-id:1356766319 --> @aroundmyroom commented on GitHub (Dec 18, 2022): looks wierd under my windows with chrome ![image](https://user-images.githubusercontent.com/250108/208292908-2aab3a0a-46f2-4ffd-a83d-5a98a1b2ad6d.png) looks different than from you and I did release cache and ran tailwinds
Author
Owner

@glenndehaan commented on GitHub (Dec 18, 2022):

No that looks fine. But you have to look for the CSS part

<!-- gh-comment-id:1356767156 --> @glenndehaan commented on GitHub (Dec 18, 2022): No that looks fine. But you have to look for the CSS part
Author
Owner

@glenndehaan commented on GitHub (Dec 18, 2022):

Ahh wait, did you also ran a npm ci before the tailwind command? Because a new module was added.

<!-- gh-comment-id:1356768481 --> @glenndehaan commented on GitHub (Dec 18, 2022): Ahh wait, did you also ran a npm ci before the tailwind command? Because a new module was added.
Author
Owner

@glenndehaan commented on GitHub (Dec 18, 2022):

This is basically the reason why I prefer people using the docker container since i'm remotely debugging one system

<!-- gh-comment-id:1356768585 --> @glenndehaan commented on GitHub (Dec 18, 2022): This is basically the reason why I prefer people using the docker container since i'm remotely debugging one system
Author
Owner

@aroundmyroom commented on GitHub (Dec 18, 2022):

will check tonight. did a new pull and changes the way it was listening to my port 80 (variable in server.js) So its now default code again. Probably it will look fine tonight.

<!-- gh-comment-id:1356771620 --> @aroundmyroom commented on GitHub (Dec 18, 2022): will check tonight. did a new pull and changes the way it was listening to my port 80 (variable in server.js) So its now default code again. Probably it will look fine tonight.
Author
Owner

@aroundmyroom commented on GitHub (Dec 21, 2022):

checked it, its readable, but still a little to grey-ish for my taste. But as nobody probably is giving tickets out by night it is fine ;)

<!-- gh-comment-id:1361072879 --> @aroundmyroom commented on GitHub (Dec 21, 2022): checked it, its readable, but still a little to grey-ish for my taste. But as nobody probably is giving tickets out by night it is fine ;)
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/unifi-voucher-site#6
No description provided.