load dark theme css on demand
This commit is contained in:
parent
1f65675fff
commit
5f8221c454
|
@ -7,7 +7,7 @@ import controllers.routes
|
||||||
|
|
||||||
trait AssetHelper {
|
trait AssetHelper {
|
||||||
|
|
||||||
val assetVersion = 29
|
val assetVersion = 30
|
||||||
|
|
||||||
def cssTag(name: String) = css("stylesheets/" + name)
|
def cssTag(name: String) = css("stylesheets/" + name)
|
||||||
|
|
||||||
|
|
|
@ -13,7 +13,9 @@ moreJs: Html = Html(""))(body: Html)(implicit ctx: Context)
|
||||||
<html lang="@lang.language">
|
<html lang="@lang.language">
|
||||||
<head>
|
<head>
|
||||||
<title>@isProd.fold("lichess", "[dev]") @title • @trans.freeOnlineChess()</title>
|
<title>@isProd.fold("lichess", "[dev]") @title • @trans.freeOnlineChess()</title>
|
||||||
|
@if(setting.bg == "dark") {
|
||||||
@cssTag("dark.css")
|
@cssTag("dark.css")
|
||||||
|
}
|
||||||
@cssTag("common.css")
|
@cssTag("common.css")
|
||||||
@cssTag("board.css")
|
@cssTag("board.css")
|
||||||
@moreCss
|
@moreCss
|
||||||
|
|
|
@ -435,16 +435,14 @@ var lichess_sri = Math.random().toString(36).substring(5); // 8 chars
|
||||||
$('#top .themepicker').removeClass("shown");
|
$('#top .themepicker').removeClass("shown");
|
||||||
});
|
});
|
||||||
|
|
||||||
// bgpicker
|
|
||||||
var bgs = ["light", "dark"];
|
|
||||||
var bg = $body.hasClass("dark") ? "dark" : "light";
|
|
||||||
|
|
||||||
function invertBg(bg) {
|
|
||||||
return bg == "dark" ? "light" : "dark";
|
|
||||||
}
|
|
||||||
$('#top a.bgpicker').click(function() {
|
$('#top a.bgpicker').click(function() {
|
||||||
bg = invertBg(bg);
|
var bg = $body.hasClass("dark") ? "light" : "dark";
|
||||||
$body.removeClass(bgs.join(' ')).addClass(bg);
|
$body.removeClass('light dark').addClass(bg);
|
||||||
|
if (bg == 'dark' && $('link[href*="dark\.css"]').length == 0) {
|
||||||
|
$('link[href*="common\.css"]').clone().each(function() {
|
||||||
|
$(this).attr('href', $(this).attr('href').replace(/common\.css/, 'dark.css')).appendTo('head');
|
||||||
|
});
|
||||||
|
}
|
||||||
$.post($(this).attr('href'), {
|
$.post($(this).attr('href'), {
|
||||||
bg: bg
|
bg: bg
|
||||||
});
|
});
|
||||||
|
|
Loading…
Reference in a new issue