Add dark mode support

This commit is contained in:
Alex Ling
2020-03-07 02:51:08 +00:00
parent c6c908953b
commit 36e2b2bfaf
6 changed files with 86 additions and 5 deletions

View File

@@ -13,6 +13,7 @@
</head>
<body>
<script src="/js/theme.js"></script>
<div class="uk-offcanvas-content">
<div class="uk-navbar-container uk-navbar-transparent" uk-navbar="uk-navbar">
<div id="mobile-nav" uk-offcanvas="overlay: true">
@@ -22,7 +23,7 @@
<li><a href="/admin">Admin</a></li>
<li><a href="/download">Download</a></li>
<hr uk-divider>
<li><a><i class="fas fa-adjust"></i></a></li>
<li><a onclick="toggleTheme()"><i class="fas fa-adjust"></i></a></li>
<li><a href="/logout">Logout</a></li>
</ul>
</div>
@@ -44,15 +45,15 @@
</div>
<div class="uk-navbar-right uk-visible@s">
<ul class="uk-navbar-nav">
<li><a><i class="fas fa-adjust"></i></a></li>
<li><a onclick="toggleTheme()"><i class="fas fa-adjust"></i></a></li>
<li><a href="/logout">Logout</a></li>
</ul>
</div>
</div>
</div>
<div class="uk-section uk-section-default uk-section-small">
<div class="uk-section uk-section-small">
</div>
<div class="uk-section uk-section-default uk-section-small">
<div class="uk-section uk-section-small">
<div class="uk-container uk-container-small">
<div id="alert"></div>
<%= content %>

View File

@@ -10,7 +10,8 @@
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.3.1/dist/css/uikit.min.css" />
</head>
<body>
<div class="uk-section uk-section-muted uk-flex uk-flex-middle uk-animation-fade" uk-height-viewport="">
<script src="/js/theme.js"></script>
<div class="uk-section uk-flex uk-flex-middle uk-animation-fade" uk-height-viewport="">
<div class="uk-width-1-1">
<div class="uk-container">
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">

View File

@@ -11,6 +11,7 @@
</head>
<body>
<script src="/js/theme.js"></script>
<div class="uk-section uk-section-default uk-section-small reader-bg">
<div class="uk-container uk-container-small">
<%- urls.each_with_index do |url, i| -%>