Green!

:root {
    //Nur dieser Wert muss angepasst werden. Werte von 0 bis 360 sind erlaubt.
    --maincolor_h: 78; //original: 215
    
    
    --maincolor_s: 42%;
    --maincolor_l: 46%;
    
    --maincolor: ~"hsl(var(--maincolor_h), var(--maincolor_s), var(--maincolor_l))"; 
    --darkmaincolor: ~"hsl(var(--maincolor_h), var(--maincolor_s), 20%)";
}

#barBottomContainer {
	background-color: var(--maincolor);
    background: linear-gradient( 90deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6)), url("@{image-path}/metal.png");
    background-size: 100%, 200px auto;
    border-bottom: solid 1px black;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    
}
#barTopFont {
	text-shadow: 0px 0px 20px black;
}
#tabs {
    padding-top: 5px;
    padding-bottom: 3px;
	background-image: url("@{image-path}/shiny.png");
}
#tabs li, .smiley-tabs li {
	background-color: transparent;
}
.widget-links.sidebar-navigation > li.active {
    background-color: var(--maincolor);
}
.widget-links.sidebar-navigation > li.active::after {
	border-left-color: var(--maincolor);
}

a.button:hover, button.button:hover {
	background-color: var(--maincolor);
}

#layout_footer {
    background-color: var(--maincolor);
    background: linear-gradient( 90deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6)), url("@{image-path}/metal.png");
    background-size: 100%, 200px auto;
    text-shadow: 0px 0px 20px black;
    border-top: solid 1px black;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    margin-top: 5px;
}

div#layout-sidebar div.sidebar-image > img {
	filter: hue-rotate(226deg);
}
body.fixed #barTopMenu, #responsive-navigation {
	background-color: var(--darkmaincolor);
}

.studip-logo {
	filter: hue-rotate(226deg);
}

#layout_wrapper #flex-header {
    padding-top: 10px;
    display: none;
}