use ye olde rel='alternate stylesheets' for theming

This commit is contained in:
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,14 +20,20 @@
<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>
<noscript>Sorry, Riot requires JavaScript to be enabled.</noscript> <noscript>Sorry, Riot requires JavaScript to be enabled.</noscript>
<% for(var i=0; i<htmlWebpackPlugin.files.js.length; i++) {%> <% for (var i=0; i < htmlWebpackPlugin.files.js.length; i++) {%>
<script src="<%= htmlWebpackPlugin.files.js[i] %>"></script> <script src="<%= htmlWebpackPlugin.files.js[i] %>"></script>
<% } %> <% } %>
<img src="img/warning.svg" width="24" height="23" style="visibility: hidden; position: absolute; top: 0px; left: 0px;"/> <img src="img/warning.svg" width="24" height="23" style="visibility: hidden; position: absolute; top: 0px; left: 0px;"/>

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