Factral / GoogleTranslateDarkTheme

A dark theme for Google Translate
https://userstyles.world/style/1036/google-translate-dark-theme
10 stars 2 forks source link

[enhancement] Custom back translation text color setting #5

Closed Korb closed 2 years ago

Korb commented 2 years ago

2022-10-16_19-22-58 The interface of such functionality from the user's side in another custom style looks like this: 2022-10-16_19-09-37 The fact is that reverse translation is convenient for indirect control of the correctness of the translation. Usually, I make it quite contrasting. With the current value, you have to strain to distinguish between low-contrast text:

Foreground: #5F6368 Background: #213342 The contrast ratio is: 2.1:1 1.4.3 Contrast (Minimum) (AA). Fail for large and regular text 1.4.6 Contrast (Enhanced) (AAA). Fail for large and regular text 1.4.11 Non-text Contrast (AA). Fail for UI components and graphical objects

Factral commented 2 years ago

i agree with you, the text does not read very well

The interface of such functionality from the user's side in another custom style looks like this:

what would be the purpose of that interface? i mean this style has a lot of colors and backgrounds in a lot of places, that can make the interface a mess

With the current value, you have to strain to distinguish between low-contrast text:

about the color of the text, I propose to give it the color #acacac, which is used in other parts of the style, using this color the contrast will be "5.7:1 ok" , here is a preview image

what do u think?

Korb commented 2 years ago

Note: Writing UserCSS / user-customizable variables.