Working with 2.0.x?

[jerclarke]

This is incredible! I don't think I ever saw this Github before, but what a compliment that my theme was converted like this.

After apparently over a decade of not using Munin, I installed it recently and now I want my theme again.

A comment on my original blog post said it doesn't work with 2.0.x though: https://simianuprising.com/2011/02/19/raven-my-custom-theme-templates-for-munin/#comment-225604

Have you still been using it? Any idea if it works or if there's a fix?

And offhandedly, if you aren't using Munin anymore, what are you using???

[jerclarke]

FWIW I checked and it doesn't work at all.

The effect after installing was that the web reports just didn’t generate, looking at /var/log/munin/munin-html.log it was clear that it started generating then never finished.

I’m not really willing to fix this, since clearly what I should do is switch to Prometheus or Cacti or similar at this point, but figured I’d share here since it’s the “hub of Munin theme development” ?

[jerclarke]

ALTERNATE APPROACH: I whipped up this CSS to make the default theme look better at least, you can run it with a browser plugin like Stylus and just apply it to your Munin URLs:

* {
        font-family: system-ui, sans-serif !important;
}
body {
    font-size: 100%;
}
a:link, a:visited {
    color: #178501;
}

#header,
#main,
#footer {
    width: 90%;  
    padding:  1.5rem;
    margin: 0 auto;

}
#header {
    border-width: 0;
    /*background-color: Green;*/
    height: auto;
}

h1 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 1.75rem;
}
h1 .logo {
    width: 200px;
    padding: 0;
}

#header .categories {
    display: block;
    font-size: 1.5rem;
    padding: 1rem 0 0 0;
}

#main {
    /*background-color: blue;*/
    display: flex;
    padding: 0;
    margin-bottom: 1.5rem;
}

#nav {
   /* background-color: orange;*/
    width: 200px;
    min-width: 200px;
    float: none;
}
#content {
    /*background-color: pink;*/
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    padding: 0 ;
    border-width: 0;
    margin: 0
}
#content h2,
#content h3 {
    display: block;
    width: 100%;
    color: #000;
    font-size: 2rem;
    margin: 0;
}
#content h3 {
    font-size: 1.5rem;
    text-decoration: none;
    padding: 0;
}
#footer {
    border-width: 0;
    background-color: transparent;   
}
#footer .navigation, 
#footer p.tagline {
    margin: 1rem auto;
    text-align: center;
        font-size: 1rem;
}

.service h3{
    text-decoration: none;
    font-size: 1.5rem;
    padding: 0;
    margin: 0;
}
.nodetitle {
    font-size: 1.1rem;
    padding: .25rem 0 .5rem 0;
    display: block;
}
.nodetitle+br {
    display: none;
}
img.i {
    border-width: 0;
}