Border buttons with Highlight theme color

[Hadden89]

Mod takes highlight color from the theme to skin (most) buttons and text boxes so are easier to see - especially on darker themes.

.cardview input[type=text], .cardview textarea,
button, input, select, textarea,
.button-toolbar > button,
input[type=button], input[type=submit]
input[type=date], input[type=time],
input[type=text], input[type=search],
input[type=url], input[type=email],
input[type=password], input[type=number],
input[type=checkbox], input[type=radio] {border-color: var(--colorBorderHighlight);}
.theme-dark input[type=checkbox], .theme-dark input[type=radio],
.webpage-button {border-color: var(--colorBorderHighlight) !important;} 
.button-toolbar > button:disabled  {border-color: var(--colorBorderHighlight); opacity: .7;}

---

CSS Mod | Confirmed working with 3.7.2209.3+

[Hadden89]

Updated for 2.4/2.5. It's cleaner, and I hope will last a bit ^^,

[ImaginaryFreedom]

@Hadden89 said in Border buttons with Highlight theme color:

Updated for 2.4/2.5. It's cleaner, and I hope will last a bit ^^,

Thanks for this.

Have you tested on modern versions, like 3.5?

Thanks much

[Hadden89]

@ImaginaryFreedom I'm using with 3.5.2115.67 and it still works as expected.

[ImaginaryFreedom]

@Hadden89 said in Border buttons with Highlight theme color:

@ImaginaryFreedom I'm using with 3.5.2115.67 and it still works as expected.

Great, thanks!

So I've never done this sort of mod before - is this considered a CSS mod or a JS mod?

If CSS or JS - is it possible to use this as a userscript? I installed Stylus today and I like the idea of having mods nicely organized inside a tool like that or Tampermonkey if possible.

I looked at This tutorial and I'd like to avoid all that manual file management if possible.

[Dancer18]

@ImaginaryFreedom I learnt recently that we don't need any extensions for it.
First you have to activate it by checking in

vivaldi://experiments/

Create a "custom.css" and save it somewhere. Then give the path to it in settings for display.

To get a "xxx.user.js" work just add it to your extensions (you have to anable developer mod)

[Hadden89]

@ImaginaryFreedom

is this considered a CSS mod or a JS mod?

CSS mod.

is it possible to use this as a userscript?

Nope. The mods in these thread are for Vivaldi User Interface and can't be used as userscripts which can only access to chromium webpages renderer.

I'd like to avoid all that manual file management if possible.

If you are fine with CSS (like this case) you don't need to mess with files. Just follow the 2.6+ guide and your are on

[Hadden89]

@Dancer18 That's true for userscripts. For modding vivaldi interface you need a custom.css file and - if you are into js mods - to modify the browser.html too.

[Dancer18]

@Hadden89 Thank you, a corrected it immediately.

[Hadden89]

Add a line to fix button disabled border