Jump to content

Change color of text typed into search bar on forums- Accepted


Keegan

Recommended Posts

The color of the text typed into the search bar on the forums is way too dark to be accessible at all and is nearly invisible on lower brightness levels of a screen. This color should be changed to white over gray in my opinion, since when typing something it is the ONLY thing on the screen you are focusing on, and making it easiest to see makes the most sense.

Current when text typed in:

spacer.png

Current CSS:

Quote

#elSearch input[type="search"] {
    flex: 1 1 100%;
    min-width: 0;
    background: transparent;
    box-shadow: none;
    font-size: inherit;
    border: 0;
    padding: 0px 16px;
    color: inherit;
}

Fix: (everything in the top bar on forums is FFF [basically white])

Quote

#elSearch input[type="search"] {
    flex: 1 1 100%;
    min-width: 0;
    background: transparent;
    box-shadow: none;
    font-size: inherit;
    border: 0;
    padding: 0px 16px;
    color: #fff;
}

Fix Result:

spacer.png

 

I would prefer white over a light gray for the above reasons.

Removed General Keegan

Former Medical Senior Commander Keegan 4571

Former ImperialRP Senior Admin

Former ImperialRP Senior Gamemaster

Link to comment
Share on other sites

+Support, grey is kinda hard to see on a black background so I get where he's coming from ^^

 

PD Low Command (MAJ) | State Command (LT) | SCU MSGT | Armed Diver CC | Rockford County Deputy CC$400 Donator 

   UMC LVL 1 | FBI SA PoliceRP Moderator

Link to comment
Share on other sites

  • Snarlax locked this topic
  • 2 weeks later...
  • Owner
On 7/30/2021 at 4:17 PM, Keegan said:

The color of the text typed into the search bar on the forums is way too dark to be accessible at all and is nearly invisible on lower brightness levels of a screen. This color should be changed to white over gray in my opinion, since when typing something it is the ONLY thing on the screen you are focusing on, and making it easiest to see makes the most sense.

Current when text typed in:

spacer.png

Current CSS:

Fix: (everything in the top bar on forums is FFF [basically white])

Fix Result:

spacer.png

 

I would prefer white over a light gray for the above reasons.

PS: Changing inherited variables isn't good practice.

  • Thanks 1
Link to comment
Share on other sites

Accepted

First of all, I would like to thank you for your suggestion! Our community truly runs off of suggestions and it is much appreciated. SMT has decided to implement your suggestion! We might alter your suggestion slightly to make sure it fits its purposely correctly.  

  • Heart-Eyes 1

Lead Account Manager

Backend Operations | Custom  Jobs | Proud Member since 2017

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...