Marsn3/userstyles
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add hover background color to table rows, change background color of dropdown content, and update focus styles for select dropdowns and chips in Headscale UI

Browse source
This commit is contained in:
Mars Niermann 2023-03-29 23:35:31 +02:00
parent 65f9bdcc47
commit ee42d3029a
No known key found for this signature in database
GPG key ID: B2D0FC62A74FC971
1 changed files with 24 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
src/headscaleui.user.css
View file

@ -41,9 +41,15 @@
background-color: var(--bg1); background-color: var(--bg1);
border-bottom: 1px solid var(--bg3); border-bottom: 1px solid var(--bg3);
} }
.dropdown-content {
background-color: var(--bg2);
}
.collection { .collection {
border: 1px solid var(--bg3); border: 1px solid var(--bg3);
} }
tr:hover {
background-color: var(--bg4) !important;
}
.btn, .btn,
.btn-small, .btn-small,
.btn-large { .btn-large {
@ -155,6 +161,7 @@
input[type="search"]:not(.browser-default), input[type="search"]:not(.browser-default),
textarea.materialize-textarea { textarea.materialize-textarea {
border-bottom: 1px solid var(--fg3); border-bottom: 1px solid var(--fg3);
background-color: var(--bg3);
} }
input:not([type]):not(.browser-default):focus:not([readonly]) + label, input:not([type]):not(.browser-default):focus:not([readonly]) + label,
input[type="text"]:not(.browser-default):focus:not([readonly]) + label, input[type="text"]:not(.browser-default):focus:not([readonly]) + label,
@ -188,8 +195,24 @@
input[type="tel"]:not(.browser-default):focus:not([readonly]), input[type="tel"]:not(.browser-default):focus:not([readonly]),
input[type="number"]:not(.browser-default):focus:not([readonly]), input[type="number"]:not(.browser-default):focus:not([readonly]),
input[type="search"]:not(.browser-default):focus:not([readonly]), input[type="search"]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) { textarea.materialize-textarea:focus:not([readonly]),
.select-wrapper input.select-dropdown:focus,
.chips.focus {
border-bottom: 1px solid var(--green); border-bottom: 1px solid var(--green);
box-shadow: 0 1px 0 0 var(--green); box-shadow: 0 1px 0 0 var(--green);
} }
.keyboard-focused .collapsible-header:focus {
background-color: var(--bg2);
}
.chip {
color: var(--fg);
background-color: var(--fg4);
}
.chip:focus {
color: var(--fg);
background-color: var(--green);
}
.red.lighten-2 {
background-color: var(--red) !important;
}
} }