mirror of https://github.com/vector-im/riot-web
use ye olde rel='alternate stylesheets' for theming
parent
c9c58ab0ec
commit
6c88201e23
|
@ -20,9 +20,15 @@
|
||||||
<meta name="msapplication-TileImage" content="vector-icons/mstile-144x144.png">
|
<meta name="msapplication-TileImage" content="vector-icons/mstile-144x144.png">
|
||||||
<meta name="msapplication-config" content="vector-icons/browserconfig.xml">
|
<meta name="msapplication-config" content="vector-icons/browserconfig.xml">
|
||||||
<meta name="theme-color" content="#ffffff">
|
<meta name="theme-color" content="#ffffff">
|
||||||
<% for(var i=0; i<htmlWebpackPlugin.files.css.length; i++) {%>
|
<% for (var i=0; i < htmlWebpackPlugin.files.css.length; i++) {
|
||||||
<link href="<%= htmlWebpackPlugin.files.css[i] %>" rel="stylesheet">
|
var file = htmlWebpackPlugin.files.css[i];
|
||||||
<% } %>
|
if (file.match(/^theme-(?!light\.)/)) {
|
||||||
|
%>
|
||||||
|
<link rel="alternate stylesheet" title="<%= file %>" href="<%= file %>">
|
||||||
|
<% } else { %>
|
||||||
|
<link rel="stylesheet" href="<%= file %>">
|
||||||
|
<% }
|
||||||
|
} %>
|
||||||
</head>
|
</head>
|
||||||
<body style="height: 100%;">
|
<body style="height: 100%;">
|
||||||
<section id="matrixchat" style="height: 100%;"></section>
|
<section id="matrixchat" style="height: 100%;"></section>
|
||||||
|
|
|
@ -30,7 +30,6 @@ require('babel-polyfill');
|
||||||
|
|
||||||
// CSS requires: just putting them here for now as CSS is going to be
|
// CSS requires: just putting them here for now as CSS is going to be
|
||||||
// refactored "soon" anyway
|
// refactored "soon" anyway
|
||||||
require('../../build/dark.scss');
|
|
||||||
require('gemini-scrollbar/gemini-scrollbar.css');
|
require('gemini-scrollbar/gemini-scrollbar.css');
|
||||||
require('gfm.css/gfm.css');
|
require('gfm.css/gfm.css');
|
||||||
require('highlight.js/styles/github.css');
|
require('highlight.js/styles/github.css');
|
||||||
|
|
|
@ -15,6 +15,10 @@ module.exports = {
|
||||||
// point, so that it doesn't block the pageload, but that is a separate
|
// point, so that it doesn't block the pageload, but that is a separate
|
||||||
// problem)
|
// problem)
|
||||||
"olm": "./src/vector/olm-loader.js",
|
"olm": "./src/vector/olm-loader.js",
|
||||||
|
|
||||||
|
// CSS themes
|
||||||
|
"theme-light": "./build/light.scss",
|
||||||
|
"theme-dark": "./build/dark.scss",
|
||||||
},
|
},
|
||||||
module: {
|
module: {
|
||||||
preLoaders: [
|
preLoaders: [
|
||||||
|
|
Loading…
Reference in New Issue