~beh_58951 1 year, 2 months ago

sorry since there is not description in the issue since I though shift+enter will give me a new line anyway my style.css:

* {
    outline: none;
    border: none;
    background-color: rgba(0,0,0,0)
    color: #ffffff;
}
#window {
    border-radius: 25px;
    background-color: rgba(20,20,20,0.9);
    margin: 0px;
    border: 0.0px solid;
}

#entry {
    outline-color: rgba(256,256,256,1);
    background-color: rgba(20,20,20,0.9);
    border: none;
}

#inner-box {
    margin: 15px;
}

#entry:selected {
    background-color: #002500;
}

entry {
    outline-color: rgba(256,256,256,1);
    background-color: #1F001E;
    margin: 10px;
    border-radius: 30px;
}
entry:focus {
    outline: none;
    border: none;
    background-color: rgba(0,0,0,1);
}

and no matter what I do I can't get rid of that blue border + I can't add an overlay to that specific class I am not sure if this is a gtk 3 limitation or not but yeah hope that can help anyone

~beh_58951 1 year, 2 months ago

• I am on version 1.3 if that helps + basically the blue line will stay there no matter what

~beh_58951 1 year, 2 months ago

~beh_58951 1 year, 2 months ago

I tried to append some screenshots but I have no idea how so yeah sorry

~scoopta 1 year, 1 month ago

This border is typically set by the GTK theme, that being said it is possible for it to be changed by the theme and since themes are CSS it SHOULD be possible to change it with wofi's CSS. My search bar has a red border due to my red GTK theme. I've been poking around to try and find what CSS is doing it but haven't been successful so far. I haven't put a lot of time into tracking it down but if I find it I'll let you know

~cloudninja 1 year, 1 month ago

Does a border on (or otherwise set to none) #input not do it? I don't have any extra CSS turning off default CSS for that, and otherwise that's all I have set for its' border.

~scoopta 1 year, 1 month ago

#input {
        border: none;
}

doesn't get rid of what I think he's referring to. This border is only there when the box is focused, further changing the border color to something else overlays over the red highlight but doesn't replace it(you can still faintly see it under the border). I think that's what he's trying to get rid of but the CSS is eluding me.

~cloudninja 1 year, 1 month ago

Sorry I'm pretty sure it's a box-shadow then rather than a border, so box-shadow: none should do it.

~scoopta 1 year, 1 month ago

...I'm even more confused now...that makes it darker...but doesn't remove it/make it match with an unhighlighted box. MAYBE that's just my theme 🤔.

With shadow:

Without shadow:

Unhighlighted:

~scoopta 1 year, 1 month ago

ah, that darker red is the border...sooooo ~beh_58951 try setting both border and box-shadow to none and let us know what your results are.

~andreisva 6 months ago

For anyone wondering, yes setting border: none and box-shadow: none seems to work and removes the blue border.