Menu text black on dark gray #85

New Issue

Closed

opened 2021-07-29 11:28:56 +00:00 by arwagner · 17 comments

arwagner commented 2021-07-29 11:28:56 +00:00

0.56.2 re-introduced black text on dark gray background on some devices as it was reported in #27. (This is present in the most recent user debug as of this writing TinyWeatherForecastGermany-build025-version_0.56.2-userdebug-20210729-access_area_data_with_ContentResolver and I believe also in 0.56.3.)

isRelatedTo: #27, #74

0.56.2 re-introduced black text on dark gray background on some devices as it was reported in #27. (This is present in the most recent user debug as of this writing `TinyWeatherForecastGermany-build025-version_0.56.2-userdebug-20210729-access_area_data_with_ContentResolver` and I believe also in 0.56.3.) isRelatedTo: #27, #74

arwagner commented 2021-07-31 09:13:08 +00:00

Poster

This persists in TinyWeatherForecastGermany-build025-version_0.56.2-userdebug-20210731-fixed_broken_areaDatabase_building.

This persists in `TinyWeatherForecastGermany-build025-version_0.56.2-userdebug-20210731-fixed_broken_areaDatabase_building`.

Starfish added the

bug

label 2021-08-04 18:38:23 +00:00

Starfish self-assigned this 2021-08-04 18:38:42 +00:00

Starfish commented 2021-08-04 18:38:56 +00:00

Owner

This is a regression and it is likely because of the code changes for future theme support. Once the app supports multiple themes, I will do my best to fix it again.

This is a regression and it is likely because of the code changes for future theme support. Once the app supports multiple themes, I will do my best to fix it again.

arwagner commented 2021-08-09 11:22:46 +00:00

Poster

This is a regression and it is likely because of the code changes for future theme support.

There seems to be a slight difference to the old issue. In the past (if I remember correctly) I had this behaviour in night mode only (always on on my device) while now it is independent of night mode.

Please note: I categorize this as minor inconvenience, just wanted to drop you a note that by some change it re-appeared. Especially as I have no idea about any additional side effects.

> This is a regression and it is likely because of the code changes for future theme support. There seems to be a slight difference to the old issue. In the past (if I remember correctly) I had this behaviour in night mode only (`always on` on my device) while now it is independent of night mode. Please note: I categorize this as _minor inconvenience_, just wanted to drop you a note that by some change it re-appeared. Especially as I have no idea about any additional side effects.

Starfish commented 2021-08-10 17:32:11 +00:00

Owner

My fix was not a solutution, because it broke the hints (long-press the icon in the action bar), making the text not readable white-on-white.

In the next days (I hope I will have some time...) I will work on the theme support and will carefully check what to do. Perhaps I will be able to solve this issue properly.

My fix was not a solutution, because it broke the hints (long-press the icon in the action bar), making the text not readable white-on-white. In the next days (I hope I will have some time...) I will work on the theme support and will carefully check what to do. Perhaps I will be able to solve this issue properly.

👍 1

arwagner referenced this issue from a commit 2021-08-11 12:17:10 +00:00

README.md: add hint on hints

Starfish commented 2021-08-15 14:48:55 +00:00

Owner

The forthcoming version after 0.56.4 will have theme support (dark theme, light theme, follow device theme). Color attributes have been tidied up massively.

Almost all values (except 8 app colors for each theme) are now simply the default setting, this also includes the menu text and background colors (!).

So, if things are still broken with this version (you can fetch a userdebug preview!), then most likely your manufacturer messed up the Holo theme (which the app uses) somewhere deep in the device theme definitions, e.g. here or here.

If the text still is "dark on dark", you can force-switch to the light theme (hoping the text won't be "white on white" 👀 ).

Please let me know if the new version solves this issue.

The forthcoming version *after* 0.56.4 will have theme support (dark theme, light theme, follow device theme). Color attributes have been tidied up massively. Almost all values (except 8 app colors for each theme) are now simply the default setting, *this also includes the menu text and background colors* (!). So, if things are still broken with this version (you can fetch a userdebug preview!), then most likely your manufacturer messed up the Holo theme (which the app uses) somewhere deep in the device theme definitions, e.g. [here](https://android.googlesource.com/platform/frameworks/base/+/refs/heads/master/core/res/res/values/themes.xml) or [here](https://android.googlesource.com/platform/frameworks/base/+/master/core/res/res/values/themes_device_defaults.xml). If the text still is "dark on dark", you can force-switch to the light theme (hoping the text won't be "white on white" 👀 ). Please let me know if the new version solves this issue.

Starfish referenced this issue 2021-08-15 15:17:21 +00:00

Suggestion: Add dew point and/or relative humidity #78

arwagner commented 2021-08-15 17:26:21 +00:00

Poster

Please let me know if the new version solves this issue.

Just tested with TinyWeatherForecastGermany-build027-version_0.56.4-userdebug-20210815-new_theme_support. Switching light/dark/follow device works as expected.

But I fear I still get "black text on dark gray" background if the device uses night mode. I do get "black on white", however, if I use day mode.

BTW: the radio for theme selection is unset by default seemingly defaulting to follow device. I wonder if the unset stage is intended. (Shows only if it was never touched.)

you can force-switch to the light theme

But this is indeed very bright white, indeed ;)

I have to admit, I am no fan of brightest white or darkest black, but given this choice only the dark themes are often slightly easier to the eye. (If I'd have any say, we'd go for the two Solarized to decide between night and day... ;)

I fear there is no fix for Holo theme you mentioned (or did I miss a hint?).

> Please let me know if the new version solves this issue. Just tested with `TinyWeatherForecastGermany-build027-version_0.56.4-userdebug-20210815-new_theme_support`. Switching light/dark/follow device works as expected. But I fear I still get "black text on dark gray" background if the device uses _night mode_. I do get "black on white", however, if I use _day mode_. BTW: the radio for theme selection is _unset_ by default seemingly defaulting to _follow device_. I wonder if the unset stage is intended. (Shows only if it was never touched.) > you can force-switch to the light theme But this is indeed very bright white, indeed ;) I have to admit, I am no fan of brightest white or darkest black, but given this choice only the dark themes are often slightly easier to the eye. (If I'd have any say, we'd go for the two [Solarized](https://ethanschoonover.com/solarized/) to decide between night and day... ;) I fear there is no fix for Holo theme you mentioned (or did I miss a hint?).

Starfish commented 2021-08-15 19:07:58 +00:00

Owner

I added experimental support for

• Solarized
• Solarized dark

You can try it out.

I hope you like one of them better. The action bar on the top does not follow the Solarized theme yet, have to fix this later.

Regarding the messed-up Holo theme, any fix will break something somewhere else :-) .

There is good reason that Gxxgle said "The Holo themes must not be modified" in one of the files linked above :-)

Take Solarized, you'll be better off. The menus should be ok.

I added **experimental** support for * Solarized * Solarized dark You can try it out. I hope you like one of them better. The action bar on the top does not follow the Solarized theme yet, have to fix this later. Regarding the messed-up Holo theme, any fix will break something somewhere else :-) . There is good reason that Gxxgle said "The Holo themes must not be modified" in one of the files linked above :-) Take Solarized, you'll be better off. The menus should be ok.

arwagner commented 2021-08-16 06:23:23 +00:00

Poster

You can try it out.

Thanks! This was quick. Just gave it a try. Some colours would need some adjustments, especially in the light version. E.g.

Also some textual display in the main screen uses an off combination giving very low contrast.

How is this themes stuff done? Is it something like there is some html apply this css? IOW given a mockup html and the css used, I could give it a try to sort this out. (Setting up a dev environment and compiling from scratch is probably beyond my capabilities.)

Take Solarized, you'll be better off. The menus should be ok.

Everything is fine in Solarized light, however the Solarized dark shows the same behaviour as the default night theme, that is black text on dark gray background. Juding from the colours, the menu does not get values from the theme at all. This is solarized dark on my device:

There is also a minor issue with the new warnings icon used. I think it was introduced only in the last userdebug (but I may be wrong). The icon got a bit large in the main panel, and gets in the way of the actual text:

> You can try it out. Thanks! This was quick. Just gave it a try. Some colours would need some adjustments, especially in the `light` version. E.g.  Also some textual display in the main screen uses an off combination giving very low contrast. How is this themes stuff done? Is it something like `there is some html apply this css`? IOW given a mockup html and the css used, I could give it a try to sort this out. (Setting up a dev environment and compiling from scratch is probably beyond my capabilities.) > Take Solarized, you'll be better off. The menus should be ok. Everything is fine in Solarized _light_, however the Solarized _dark_ shows the same behaviour as the default night theme, that is black text on dark gray background. Juding from the colours, the menu _does not_ get values from the theme at all. This is solarized dark on my device:  There is also a minor issue with the new warnings icon used. I think it was introduced only in the last userdebug (but I may be wrong). The icon got a bit large in the main panel, and gets in the way of the actual text: 

image.png

10 KiB

image.png

42 KiB

image.png

16 KiB

Starfish commented 2021-08-17 15:37:12 +00:00

Owner

Yes, noted the too large icon as well. Should me a minor issue. Will continue work on the themes...

Yes, noted the too large icon as well. Should me a minor issue. Will continue work on the themes...

👍 1

Starfish commented 2021-08-17 19:58:24 +00:00

Owner

There is a new userdebug with improved Solarized support and overall better theming. The actionbar and the settings now also follow the theme.

There is also a 85% chance that your menu colors bug is fixed now. :-)

The low contrast in the Solarized Dark theme resulted from a mistake in the color assignment. This should be far better now.

There is a new userdebug with improved Solarized support and overall better theming. The actionbar and the settings now also follow the theme. There is also a 85% chance that your menu colors bug is fixed now. :-) The low contrast in the Solarized Dark theme resulted from a mistake in the color assignment. This should be far better now.

arwagner commented 2021-08-18 11:31:07 +00:00

Poster

There is a new userdebug with improved Solarized support

Installed it right away :)

There is also a 85% chance that your menu colors bug is fixed now. :-)

I fear, here we are in the smaller part. The menu text is still just black. Always. (In solarized you'd never expect pitch black anywhere, so I guess this beast is not behaving right wrt themes. Maybe the themse support is just broken in my Android 9 Sony edition.)

mistake in the color assignment. This should be far better now.

Indeed it looks really good. :) I'll have to play a lot longer with it to see if something still exists, but at first glance...

Note that there is some destructive(?) interference though if the time gradient is enabled. This seems to drop some dark layer on top. It's hard(er) to spot in (solarized) dark themes, but quite apparent in solarized light. In view of full theme support you might want to check this:

I think this exists since day one and I only spot it now as I am pretty used ot solarized, and just know how it has to look. May this is even intended and I just get it wrong. I understood the gradient as a marker that "dimms" predictions in the longer distant future to notitfy the user that they are not as reliable as the near future. But it works exactly the other way round in the light themes the current ones get dimmed while the future is bright (= less dimm).

BTW: as solarized is an invertable theme it would probably also be a good choice for a "follow device" night/day mode. (I don't use this switching myself, I was just wondering.)

> There is a new userdebug with improved Solarized support Installed it right away :) > There is also a 85% chance that your menu colors bug is fixed now. :-) I fear, here we are in the smaller part. The menu text is still just _black_. Always. (In solarized you'd never expect pitch black anywhere, so I guess this beast is not behaving right wrt themes. Maybe the themse support is just broken in my Android 9 Sony edition.) > mistake in the color assignment. This should be far better now. Indeed it looks really good. :) I'll have to play a lot longer with it to see if something still exists, but at first glance... Note that there is some destructive(?) interference though if the _time gradient_ is enabled. This seems to drop some dark layer on top. It's hard(er) to spot in (solarized) dark themes, but quite apparent in solarized light. In view of full theme support you might want to check this:  I think this exists since day one and I only spot it now as I am pretty used ot solarized, and just know how it has to look. May this is even intended and I just get it wrong. I understood the gradient as a marker that "dimms" predictions in the longer distant future to notitfy the user that they are not as reliable as the near future. But it works exactly the other way round in the light themes the current ones get dimmed while the future is bright (= less dimm). BTW: as solarized is an invertable theme it would probably also be a good choice for a "follow device" night/day mode. (I don't use this switching myself, I was just wondering.)

image.png

207 KiB

image.png

76 KiB

Starfish commented 2021-08-18 18:30:32 +00:00

Owner

Thanks for the feedback, I did not check the gradient yet. This still needs to be done.

In Solarized, I now switched the darker and the lighter color, so that the lighter color is now the background for the text.

I think this looks even more better.

Up to now, I prefer both Solarized and Solarized_Dark over the other Light and Dark themes. Likely a good idea to make them default, when only following the device settings.

Thanks a lot for suggesting Solarized, I was not aware of this theme!

Just a sidenote: the intro crashes in the userdebug, as theme support still needs to be implemented there. Just working on that.

Thanks for the feedback, I did not check the gradient yet. This still needs to be done. In Solarized, I now switched the darker and the lighter color, so that the lighter color is now the background for the text. I think this looks even more better. Up to now, I prefer both Solarized and Solarized_Dark over the other Light and Dark themes. Likely a good idea to make them default, when only following the device settings. Thanks a lot for suggesting Solarized, I was not aware of this theme! Just a sidenote: the intro crashes in the userdebug, as theme support still needs to be implemented there. Just working on that.

Starfish commented 2021-08-19 16:09:39 +00:00

Owner

gradient is fixed: 7f0dc9f78e+

Solarized and Solarized_Dark are the standard themes now :-)

Original issue: the Holo theme is likely broken on your device, seems like this cannot be solved properly. The app overwrites both the background value and the textcolor value in xml, but your device seems to ignore the second one.

gradient is fixed: https://codeberg.org/Starfish/TinyWeatherForecastGermany/commit/7f0dc9f78e3a7c9d3176243eb30d57febbfc4d53+ Solarized and Solarized_Dark are the standard themes now :-) Original issue: the Holo theme is likely broken on your device, seems like this cannot be solved properly. The app *overwrites* both the background value and the textcolor value in xml, but your device seems to ignore the second one.

arwagner commented 2021-08-20 06:44:16 +00:00

Poster

gradient is fixed

:) Just to ask, the gradient does not start with the initial colour and then just darkens (in a light theme) or lightens (in a dark theme) but it starts out lightening (darkening) the first hours, so somewhere in the middle we end up in the initial colour, right?

Solarized and Solarized_Dark are the standard themes now :-)

Seems you like it. :) Just it case, there are tons of implementations for the most important applications like the shell, vi(m) and also css etc. (I've a pretty solarized desktop. ;)

Original issue: the Holo theme is likely broken on your device, seems like this cannot be solved properly.

BTW: I have this black on dark even in solarized, it's not limited to the standard dark theme:

And the funny thing is that it worked at some point in time. Going back to #27, back in the day it was fixed in

#27 (comment)

and you referenced commit c4fb7da6b9

That is a huge one, however, adding quite a bit of other stuff. But, if I am not mistaken, and compare it with the first attempt in said issue (a much smaller first attempt that touched only styles.xml), the trick seems to have been

   <!-- Base application theme. -->
    <style name="AppTheme" parent="android:Theme.Holo">

        <item name="android:actionMenuTextColor">@color/textColor</item>
        
   <!-- [...] -->

   <!-- Customize overflow menu -->
    <style name="OverflowMenu" parent="android:Theme.Holo">
    
        <item name="android:color">@color/textColor</item>

These two lines seem don't exist in the current styles.xml. But maybe they are not compatible with the themes support.

> gradient is fixed :) Just to ask, the gradient does not start with the initial colour and then just darkens (in a light theme) or lightens (in a dark theme) but it starts out lightening (darkening) the first hours, so somewhere in the middle we end up in the initial colour, right? > Solarized and Solarized_Dark are the standard themes now :-) Seems you like it. :) Just it case, there are tons of implementations for the most important applications like the shell, vi(m) and also css etc. (I've a pretty solarized desktop. ;) > Original issue: the Holo theme is likely broken on your device, seems like this cannot be solved properly. BTW: I have this black on dark even in solarized, it's not limited to the standard dark theme:  And the funny thing is that it worked at some point in time. Going back to #27, back in the day it was fixed in https://codeberg.org/Starfish/TinyWeatherForecastGermany/issues/27#issuecomment-156778 and you referenced commit https://codeberg.org/Starfish/TinyWeatherForecastGermany/commit/c4fb7da6b91be7fc69d40b76f643cbe02655a140 That is a huge one, however, adding quite a bit of other stuff. But, if I am not mistaken, and compare it with the first attempt in said issue (a much smaller first attempt that touched only `styles.xml`), the trick seems to have been ``` <!-- Base application theme. --> <style name="AppTheme" parent="android:Theme.Holo"> <item name="android:actionMenuTextColor">@color/textColor</item> <!-- [...] --> <!-- Customize overflow menu --> <style name="OverflowMenu" parent="android:Theme.Holo"> <item name="android:color">@color/textColor</item> ``` These two lines seem don't exist in the current `styles.xml`. But maybe they are not compatible with the themes support.

image.png

17 KiB

Starfish commented 2021-08-21 12:03:14 +00:00

Owner

This is just a stub and never had any effect. I finally removed it to stop any confusion. The only way to successfully set the color on your device is using a spannable in the MainActivity.class . After introducing the themes, this got broken.

No one except you noticed, because the colors are ok on all other devices :-)

Fixed, hoping it does not have any unpredictable side effects on the themes: 7b04dc17ec

Just to clarify: on most devices, including all my test devices, this fix has no effect at all because the colors are already set correctly by the theme. This is a tweak to fix something that is likely broken on your device. You are the only one that ever reported this :-)

See userdebug, can you please check it works now?

This is just a stub and never had any effect. I finally removed it to stop any confusion. The only way to successfully set the color on your device is using a spannable in the MainActivity.class . After introducing the themes, this got broken. No one except you noticed, because the colors are ok on all other devices :-) Fixed, hoping it does not have any unpredictable side effects on the themes: https://codeberg.org/Starfish/TinyWeatherForecastGermany/commit/7b04dc17ec6e38cafd4e8eaf6603e0e7b8660216 Just to clarify: on **most** devices, including all my test devices, this fix has **no effect** at all because the colors are already set correctly by the theme. This is a tweak to fix something that is likely broken on your device. You are the only one that ever reported this :-) See userdebug, can you please check it works now?

arwagner commented 2021-08-22 11:28:19 +00:00

Poster

This is just a stub and never had any effect.

Ah, ok. I was just comparing the two diffs that should have attacked the issue.

See userdebug, can you please check it works now?

It does indeed. Tested the userdebug and switched between all themes. Thank you :)

This is a tweak to fix something that is likely broken on your device.

If I get

if ((Build.HARDWARE.equals("qcom")) && (Build.PRODUCT.equals("G8441"))){

right it is restricted now to the XPeria XZ1 Compact.

You are the only one that ever reported this :-)

Maybe my Sony is a rare thing? Maybe it's something in the SONY ROM?

> This is just a stub and never had any effect. Ah, ok. I was just comparing the two diffs that should have attacked the issue. > See userdebug, can you please check it works now? It does indeed. Tested the userdebug and switched between all themes. Thank you :) >This is a tweak to fix something that is likely broken on your device. If I get ``` if ((Build.HARDWARE.equals("qcom")) && (Build.PRODUCT.equals("G8441"))){ ``` right it is restricted now to the `XPeria XZ1 Compact`. > You are the only one that ever reported this :-) Maybe my Sony is a rare thing? Maybe it's something in the SONY ROM?

arwagner referenced this issue 2021-08-28 16:55:38 +00:00

Testing: 0.56.4-userdebug-20210828_RC01 #96

arwagner commented 2021-10-06 11:40:26 +00:00

Poster

Seems to work from in all tested user debugs up to 0.57.1-20210912 (the most recent one at the time of writing.

Seems to work from in all tested user debugs up to 0.57.1-20210912 (the most recent one at the time of writing.

arwagner closed this issue 2021-10-06 11:40:31 +00:00

arwagner referenced this issue 2022-08-04 09:05:42 +00:00

Black on dark text in menu #133

Sign in to join this conversation.

No Branch/Tag Specified

Branches Tags

master

0.61.1

0.58.3

0.61.0

0.60.0

0.59.6

0.59.5

0.59.4

0.59.3

0.59.2

0.59.1

0.59.0

0.58.2

0.58.1

0.58.0

0.57.3

0.57.2

0.57.1

0.57.0

0.56.4

0.56.3

0.56.2

0.56.1

0.56.0

0.55.2

0.55.1

0.55.0

0.54.1

0.54.0

0.53.0

0.52.3

0.52.2

0.52.1

0.52

0.51

0.50.3

0.50.2

0.50.1

v0.50.0

v0.41

v0.40

v0.32

v0.31

v0.20

Labels

Clear labels   

bug

Something is not working   

duplicate

This issue or pull request already exists   

enhancement

New feature   

help wanted

Need some help   

invalid

Something is wrong   

question

More information is needed   

wontfix

This won't be fixed

No Label

bug

duplicate

enhancement

help wanted

invalid

question

wontfix

Milestone

Clear milestone

No items

No Milestone

Assignees

Clear assignees

No Assignees

Starfish

2 Participants

Notifications

Subscribe

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: Starfish/TinyWeatherForecastGermany#85

There is no content yet.