\@blocks
}
+my $default_theme = 'cyborg';
+
+sub theme_prefix {
+ my ($theme, $decl, $default) = @_;
+ return $decl if $theme eq $default_theme || !$decl;
+ return '' if $decl eq $default;
+
+ $default =~ s/[^{]*{\n//;
+ $default =~ s/\n}[^}]*//;
+ $decl =~ s/^$_$//m for split "\n", $default;
+ $decl =~ s/\n+/\n/g;
+
+ my $prefix = "html.$theme";
+ my ($first_line) = $decl =~ /([^{]*){/;
+ $first_line =~ s/(,\s+)/$1 $prefix /g;
+ $first_line = "$prefix $first_line";
+ $decl =~ s/([^{]*){/$first_line\{/;
+ $decl
+}
+
sub make_css {
- my %css;
- $css{common} .= read_file $_ for <css/*.css>;
+ my $css = join '', map { read_file $_ } <css/*.css>;
- my (%themes, $rndtheme);
+ my (%themes);
for (<css/themes/*>) {
- ($rndtheme) = m,themes/(.*)\.css,;
- $themes{$rndtheme} = read_css_into_blocks $_;
+ my ($theme) = m,themes/(.*)\.css,;
+ $themes{$theme} = read_css_into_blocks $_;
}
+ my @themes = sort grep { $_ ne $default_theme } keys %themes;
while (grep { scalar @$_ } values %themes) {
my %blocks = map { $_ => (shift @{$themes{$_}}) // '' } keys %themes;
- if (grep { $_ ne $blocks{$rndtheme} } values %blocks) {
- $css{$_} .= $blocks{$_} for keys %themes;
- } else {
- $css{common} .= $blocks{$rndtheme};
- }
+ $css .= $blocks{$default_theme};
+ $css .= theme_prefix $_, $blocks{$_}, $blocks{$default_theme} for @themes
}
- write_gzfile "static/css/$_.css", minify $css{$_} for keys %css
+ write_gzfile "static/css/all.css", minify $css
}
sub make_js {
system 'cp', '-rp', 'js', 'static/';
}
-my $css_mtime = -M 'static/css/slate.css' // 0;
+my $css_mtime = -M 'static/css/all.css' // 0;
for (<css/*>, <css/themes/*>) {
if (!$css_mtime || $css_mtime > -M) {
make_css;
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<link href="/static/css/common.css" rel="stylesheet" integrity="x">
-<link href="/static/css/cyborg.css" title="cyborg" rel="stylesheet" integrity="x">
-<link href="/static/css/slate.css" title="slate" rel="alternate stylesheet" integrity="x">
-<link href="/static/css/readable.css" title="readable" rel="alternate stylesheet" integrity="x">
+<link href="/static/css/all.css" rel="stylesheet" integrity="x">
<script src="/static/js/all.js" type="text/javascript" async defer integrity="x"></script>
<body>