google-dark icon indicating copy to clipboard operation
google-dark copied to clipboard

Google Now form is not dark (and looks out of place)

Open HarrisonMc555 opened this issue 5 years ago • 1 comments

Please make sure all of the following is true so your issue can be quickly resolved (check like [X]):

  • [X] My version of the userstyle is up to date
  • [X] My version of Stylus is up to date
  • [X] I have searched the existing issues (both open and closed) to see if my problem is already reported.
  • [X] I have added what browser I use and its version.
  • [X] I have given a detailed description of the problem and the steps to reach it.
  • [X] I have added an example URL where the problem occurs.
  • [X] If I have customized any of the options, I have pinned down with which of them it occurs and provided the changed values here.
  • [ ] I have saved the page the problem occurs on and attached it here (usually available in the browser context menu - make sure to log out beforehand to preserve your privacy!).
  • [X] I have made a screenshot that demonstrates the problem and attached it here.

Userstyle: Google Dark Search Stylus version: 1.5.6 Userstyle version: 0.7.29 Browser version: Google Chrome 76.0.3809.132 (Mac OS Mojave) Steps to reach the problem:

  1. Google search "Remind me to do something tomorrow"
  2. Observe the miscolored Google Now form

Expected Behavior: A dark form Observed Behavior: A light form URL: google.com after searching "Remind me to do something tomorrow" Customized values that cause the problem: Saved page: Screenshot: Screen Shot 2019-09-11 at 11 11 31 AM

HarrisonMc555 avatar Sep 11 '19 17:09 HarrisonMc555

I've never contributed to anything like this before and I'm not a CSS expert, but I've played around with things enough to have an inkling of what to do. From what I can see, these may some of the first steps:

The following classes (or ids) should have a dark background (main-bg?) and the light text color (main-text?)

  • .act-head
  • .act-input
  • .goog-inline-block, .goog-menu-button-inner-box, goog-menu-button-outer-box, or a combination of .goog-inline-block with one of the other two

The following classes (or ids) should have a light text (main-text?)

  • .act-head
  • #act-rmd-subject

Hope that helped!

HarrisonMc555 avatar Sep 11 '19 17:09 HarrisonMc555