e78a5e090d
Theme is set in Oqtane.Client\Themes\OqtaneTheme\Default.razor
```
protected override async Task OnParametersSetAsync()
{
// go to https://www.bootstrapcdn.com/bootswatch/ and take your favorite theme
//<link href="https://stackpath.bootstrapcdn.com/bootswatch/4.4.1/cyborg/bootstrap.min.css" rel="stylesheet" integrity="sha384-l7xaoY0cJM4h9xh1RfazbgJVUZvdtyLWPueWNtLAphf/UbBgOVzqbOTogxPwYLHM" crossorigin="anonymous">
await LoadBootstrapTheme("https://stackpath.bootstrapcdn.com/bootswatch/4.4.1/cyborg/bootstrap.min.css","sha384-l7xaoY0cJM4h9xh1RfazbgJVUZvdtyLWPueWNtLAphf/UbBgOVzqbOTogxPwYLHM");
await IncludeCSS("Theme.css");
}
```
36 lines
578 B
CSS
36 lines
578 B
CSS
/* Oqtane Styles */
|
|
|
|
body {
|
|
padding-top: 7rem;
|
|
}
|
|
|
|
.app-menu .nav-item {
|
|
font-size: 0.9rem;
|
|
padding-bottom: 0.5rem;
|
|
}
|
|
|
|
.app-menu .nav-item a {
|
|
border-radius: 4px;
|
|
height: 3rem;
|
|
display: flex;
|
|
align-items: center;
|
|
line-height: 3rem;
|
|
}
|
|
|
|
.app-menu .nav-item a.active {
|
|
background-color: rgba(255,255,255,0.25);
|
|
color: white;
|
|
}
|
|
|
|
.app-menu .nav-item a:hover {
|
|
background-color: rgba(255,255,255,0.1);
|
|
color: white;
|
|
}
|
|
|
|
.app-menu .nav-link .oi {
|
|
width: 1.5rem;
|
|
font-size: 1.1rem;
|
|
vertical-align: text-top;
|
|
top: -2px;
|
|
}
|