dokuwiki-template-bootstrap3 icon indicating copy to clipboard operation
dokuwiki-template-bootstrap3 copied to clipboard

BatchEdit plugin in dark themes/how to get bootswatch color values?

Open suedunham opened this issue 3 years ago • 0 comments

I have a working bit of css in userstyle.css to make the BatchEdit plugin more readable in the Darkly theme. (I guess there's a feature request right there.)

/* BatchEdit result pages with bootstrap3 template themes */
body.darkly #dokuwiki__content #batchedit {
    /* Background around Search results (apply all) checkbox */
    #be-totalstats div {
        background: #222222;
    }
    /* Each match: outer background, inner background, arrow */
    .be-match {
        background: #222222;
        table {
            background: #303030;
            .be-arrow polyline {
                stroke: #ffffff;
            }
        }
        /* Text highlights for matches and replacements */
        .be-preview, .be-replaced {
            background-color: #f39c12;  /* warning color */
        }
        .be-applied {
            background-color: #00bc8c;  /* success color */
        }
    }
}

I was wondering more generally if there was a more elegant way to get the color values of the currently selected bootswatch theme. Here, I've simply declared the warning and success colors explicitly after using a color picker on bootstrap wrapper buttons of those types. Is there a function I can use if I want to put those colors here or elsewhere?

suedunham avatar Oct 10 '20 14:10 suedunham