85 lines
No EOL
2.9 KiB
CSS
85 lines
No EOL
2.9 KiB
CSS
body {
|
|
--mainColor: #00abff;
|
|
--mainBackgroundColor: #f2f0f0;
|
|
--mainForegroundColor: #1b2733;
|
|
--submenuColor: #ffffff;
|
|
--inputColor: #ffffff;
|
|
--inputPlaceholderColor: #1b2733;
|
|
--menuAndHeaderBackgroundColor: #ffffff;
|
|
--menuForegroundColor: #1b2733;
|
|
--menuBackgroundColor: #ffffff;
|
|
--whiteColor: #ffffff;
|
|
--mainHoverColor: #0481bf;
|
|
/*font-family: "Open Sans",sans-serif;*/
|
|
}
|
|
|
|
#search-video{
|
|
background: var(--mainBackgroundColor) !important;
|
|
}
|
|
|
|
.dropdown-menu{
|
|
background-color: var(--menuBackgroundColor);
|
|
color: var(--menuForegroundColor);
|
|
}
|
|
|
|
.dropdown-menu a{
|
|
color: var(--menuForegroundColor) !important;
|
|
}
|
|
|
|
.dropdown-item:focus, .dropdown-item:hover{
|
|
color: var(--whiteColor) !important;
|
|
background-color: var(--mainColor);
|
|
}
|
|
#custom-css .header{
|
|
background-color: var(--menuBackgroundColor);
|
|
}
|
|
|
|
#custom-css .upload-button, #custom-css .upload-button:active, #custom-css .upload-button:focus{
|
|
color: var(--whiteColor) !important;
|
|
background-color: var(--mainColor) !important;
|
|
}
|
|
|
|
.root .form-group-checkbox input:checked + span{
|
|
background: var(--mainColor) !important;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
#custom-css .upload-button my-global-icon svg g[stroke="#000000"] {
|
|
stroke: var(--whiteColor) !important;
|
|
} |