use ye olde rel='alternate stylesheets' for theming

pull/2973/head
Matthew Hodgson 2017-01-17 19:14:16 +00:00
parent c9c58ab0ec
commit 6c88201e23
3 changed files with 14 additions and 5 deletions

View File

@ -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>

View File

@ -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');

View File

@ -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: [