hyperfekt/google-dark

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

HarrisonMc555 opened this issue · 1 comments

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

  • My version of the userstyle is up to date
  • My version of Stylus is up to date
  • I have searched the existing issues (both open and closed) to see if my problem is already reported.
  • I have added what browser I use and its version.
  • I have given a detailed description of the problem and the steps to reach it.
  • I have added an example URL where the problem occurs.
  • 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!).
  • 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

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!