Topic: text input bar

Hello,

I'm using dark mode in my project, which is great in many aspects, especially because I can customize the colors to my preference using CSS tables. However, there's an issue I'd like to address: the text input bar. When I select a gray background color for the page, the text input bar practically disappears. This becomes inconvenient because when entering text or naming tags in a file, the bar doesn't blink, making it difficult to know where it is.

I need help finding a solution to this problem.

2 Reply by kylegaribay796 (edited by kylegaribay796 2024-08-04 19:49:10)

Re: text input bar

jhonathan disner wrote:

Hello geometry dash meltdown

I'm using dark mode in my project, which is great in many aspects, especially because I can customize the colors to my preference using CSS tables. However, there's an issue I'd like to address: the text input bar. When I select a gray background color for the page, the text input bar practically disappears. This becomes inconvenient because when entering text or naming tags in a file, the bar doesn't blink, making it difficult to know where it is.

I need help finding a solution to this problem.


You can use CSS to target the specific style of the text input element and set its background and text color to ensure good contrast in dark mode. Here's an example:

CSS
input[type="text"] {
   background-color: #e0e0e0; /* Light gray background */
   color: black; /* Black text for good contrast */
}

This will override the default styles for text input elements and make them more visible in your dark theme.

3 Reply by irischamplin (edited by irischamplin 2024-10-17 04:19:42)

Re: text input bar

jhonathan disner wrote:

Hello,

I'm using dark mode in my project, which is great in many aspects, especially because I can customize the colors to my preference using CSS tables. However, there's an issue I'd like to address: the text input bar. When I select a gray background color for the page, the text input bar practically disappears. This becomes inconvenient because when entering text or naming tags in a file, the bar doesn't blink, making it difficult to know where it is.slope game

I need help finding a solution to this problem.

Hello there. You may be experiencing a dark mode design issue. Adjusting the text input bar's border or background color may help contrast the gray background. Try adjusting the placeholder text color or flashing the cursor to make it more noticeable. CSS focus styles can highlight the input bar while active. Hope it helps!