dirk.ruediger/peertube-theme-netzbegruenung
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adjusting icons color on hover

Browse source
This commit is contained in:
ICabaleiro 2020-01-22 13:25:25 +00:00
parent 7c60bd25ed
commit ce35d2f2a1
1 changed files with 33 additions and 0 deletions

33
assets/style.css
View file

@ -45,4 +45,37 @@ body {
.peertube-select-container, input, textarea{
border: 1px solid var(--mainBackgroundColor) !important;
}
/* Icons hovers */
#custom-css a my-global-icon svg circle[stroke="#000000"],
#custom-css a my-global-icon svg g[stroke="#000000"],
#custom-css a my-global-icon svg path[stroke="#000000"],
#custom-css a my-global-icon svg polygon[stroke="#000000"],
#custom-css a my-global-icon svg rect[stroke="#000000"],
#custom-css a my-global-icon svg ellipse[stroke="#000000"]{
stroke: var(--mainForegroundColor) !important;
}
#custom-css .dropdown-item:hover my-global-icon svg circle[stroke="#000000"],
#custom-css .dropdown-item:hover my-global-icon svg g[stroke="#000000"],
#custom-css .dropdown-item:hover my-global-icon svg path[stroke="#000000"],
#custom-css .dropdown-item:hover my-global-icon svg polygon[stroke="#000000"],
#custom-css .dropdown-item:hover my-global-icon svg rect[stroke="#000000"],
#custom-css .dropdown-item:hover my-global-icon svg ellipse[stroke="#000000"]{
stroke: var(--whiteColor) !important;
}
#custom-css a my-global-icon svg circle[fill="#000000"],
#custom-css a my-global-icon svg g[fill="#000000"],
#custom-css a my-global-icon svg path[fill="#000000"],
#custom-css a my-global-icon svg polygon[fill="#000000"],
#custom-css a my-global-icon svg rect[fill="#000000"]{
fill: var(--mainForegroundColor) !important;
}
#custom-css .dropdown-item:hover my-global-icon svg circle[fill="#000000"],
#custom-css .dropdown-item:hover my-global-icon svg g[fill="#000000"],
#custom-css .dropdown-item:hover my-global-icon svg path[fill="#000000"],
#custom-css .dropdown-item:hover my-global-icon svg polygon[fill="#000000"],
#custom-css .dropdown-item:hover my-global-icon svg rect[fill="#000000"]{
fill: var(--whiteColor) !important;
}