kiwix/kiwix-js-pwa
1
0
Fork 0
mirror of https://github.com/kiwix/kiwix-js-pwa.git synced 2025-08-04 03:48:41 -04:00
Code Issues Packages Projects Releases Wiki Activity

Make buttons clearer in dark mode

Browse Source 
Former-commit-id: 6053f471464453311f7b21ec843d5611b772e83b
Former-commit-id: f054a0241fe8420eac8f4106ca7c2bf454305a44 [formerly 309bbd43c75f8b5627fa4a436cd5575380c32446]
Former-commit-id: 3a83b6ed061afe1ff3657ac367979c15d4d0ca48
This commit is contained in:
Jaifroid 2022-06-28 09:24:04 +01:00
parent 79ca6bbf20
commit d54a9f1bfb
2 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
www/css/app.css
View File

@ -270,6 +270,11 @@ nav a.btn-primary, .input-group-addon {
border-color: #222 !important; border-color: #222 !important;
} }
.dark .btn-inline {
background: #182828 !important;
border-color: darkslategray !important;
}
.dark .btn:hover, .dark .btn:active, .dark .btn-primary:active, .dark .btn-primary.active { .dark .btn:hover, .dark .btn:active, .dark .btn-primary:active, .dark .btn-primary.active {
background: darkslategray !important; background: darkslategray !important;
background-color: darkslategray !important; background-color: darkslategray !important;

16
www/index.html
View File

@ -659,7 +659,7 @@
<div id="configuration" style="display: none;" class="container category-padding"> <div id="configuration" style="display: none;" class="container category-padding">
<div id="returntoArticle" class="returntoArticle" style="text-align:center;padding-top:30px;"></div> <div id="returntoArticle" class="returntoArticle" style="text-align:center;padding-top:30px;"></div>
<div id="divInstall2" style="display:none; float:right;"> <div id="divInstall2" style="display:none; float:right;">
<button id="btnInstall2" class="btn btn-xs btn-primary">Install PWA</button> <button id="btnInstall2" class="btn btn-xs btn-primary btn-inline">Install PWA</button>
</div> </div>
<div class="row" style="padding-bottom:1em;"> <div class="row" style="padding-bottom:1em;">
<h2 style="margin-top:0;">Configuration</h2> <h2 style="margin-top:0;">Configuration</h2>
@ -668,11 +668,11 @@
<p id="usage">For <b>instructions</b> and <b>usage guide</b>, please see the <a href="#" class="aboutLink"><b>About tab</b> <span class="glyphicon glyphicon-info-sign"></span></a> (top right).</p> <p id="usage">For <b>instructions</b> and <b>usage guide</b>, please see the <a href="#" class="aboutLink"><b>About tab</b> <span class="glyphicon glyphicon-info-sign"></span></a> (top right).</p>
<p class="packagedInfo" style="display: none; margin-top: 1em;"> <p class="packagedInfo" style="display: none; margin-top: 1em;">
Packaged ZIM archive: <b><span class="fileVersion"></span></b> Packaged ZIM archive: <b><span class="fileVersion"></span></b>
<button style="display:none;" id="reloadPackagedArchive" type="button" class="btn btn-primary btn-xs">Reload</button> <button style="display:none;" id="reloadPackagedArchive" type="button" class="btn btn-primary btn-xs btn-inline">Reload</button>
</p> </p>
<p id="currentArchive" style="display: none;"> <p id="currentArchive" style="display: none;">
Current archive: <b><a href="#" id="currentArchiveLink"></a></b> Current archive: <b><a href="#" id="currentArchiveLink"></a></b>
<button id="openCurrentArchive" style="display: none;" type="button" class="btn btn-primary btn-xs">Open</button> <button id="openCurrentArchive" style="display: none;" type="button" class="btn btn-primary btn-xs btn-inline">Open</button>
</p> </p>
<p id="downloadLinksText"> <p id="downloadLinksText">
<a class="unhideLibrary" href="#btnRescanDeviceStorage"><i>Download more archives from the <b>Archive Library</b>.</i></a> <a class="unhideLibrary" href="#btnRescanDeviceStorage"><i>Download more archives from the <b>Archive Library</b>.</i></a>
@ -696,10 +696,10 @@
<div id="openLocalFiles" style="display: block;"> <div id="openLocalFiles" style="display: block;">
<div class="row"> <div class="row">
<div class="col-xs-6"> <div class="col-xs-6">
<input type="button" class="btn btn-primary" value="Select file" id="archiveFile" /> <input type="button" class="btn btn-primary btn-inline" value="Select file" id="archiveFile" />
</div> </div>
<div class="col-xs-6"> <div class="col-xs-6">
<input type="button" class="btn btn-primary" value="Select folder" id="archiveFiles" /> <input type="button" class="btn btn-primary btn-inline" value="Select folder" id="archiveFiles" />
</div> </div>
</div> </div>
<div id="UWPInstructions" class="row"> <div id="UWPInstructions" class="row">
@ -717,7 +717,7 @@
</p> </p>
</div> </div>
<div class="row"> <div class="row">
<input style="display:none;" type="file" class="btn btn-primary" value="Select folder with ZIM files" id="archiveFilesLegacy" multiple accept=".zim,.dat,.idx,.txt,.zimaa,.zimab,.zimac,.zimad,.zimae,.zimaf,.zimag,.zimah,.zimai,.zimaj,.zimak,.zimal,.zimam,.ziman,.zimao,.zimap,.zimaq,.zimar,.zimas,.zimat,.zimau,.zimav,.zimaw,.zimax,.zimay,.zimaz, .zimba, .zimbb, .zimbc, .zimbd, .zimbe, .zimbf, .zimbg, .zimbh, .zimbi, .zimbj, .zimbk, .zimbl, .zimbm, .zimbn, .zimbo, .zimbp, .zimbq, .zimbr, .zimbs, .zimbt, .zimbu, .zimbv, .zimbw, .zimbx, .zimby, .zimbz" /> <input style="display:none;" type="file" class="btn btn-primary btn-inline" value="Select folder with ZIM files" id="archiveFilesLegacy" multiple accept=".zim,.dat,.idx,.txt,.zimaa,.zimab,.zimac,.zimad,.zimae,.zimaf,.zimag,.zimah,.zimai,.zimaj,.zimak,.zimal,.zimam,.ziman,.zimao,.zimap,.zimaq,.zimar,.zimas,.zimat,.zimau,.zimav,.zimaw,.zimax,.zimay,.zimaz, .zimba, .zimbb, .zimbc, .zimbd, .zimbe, .zimbf, .zimbg, .zimbh, .zimbi, .zimbj, .zimbk, .zimbl, .zimbm, .zimbn, .zimbo, .zimbp, .zimbq, .zimbr, .zimbs, .zimbt, .zimbu, .zimbv, .zimbw, .zimbx, .zimby, .zimbz" />
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12"> <div class="col-xs-12">
@ -727,7 +727,7 @@
</div> </div>
<div id="rescanStorage" style="display:none;" class="row"> <div id="rescanStorage" style="display:none;" class="row">
<div class="col-xs-11"> <div class="col-xs-11">
<input style="float:left; margin-right:1em;" type="button" class="btn btn-primary" value="Select storage" id="btnRescanDeviceStorage" /> <input style="float:left; margin-right:1em;" type="button" class="btn btn-primary btn-inline" value="Select storage" id="btnRescanDeviceStorage" />
Tap to select app's local storage or to select a file or folder. <b>You can also drag and drop a ZIM file into the app.</b> Tap to select app's local storage or to select a file or folder. <b>You can also drag and drop a ZIM file into the app.</b>
</div> </div>
<div class="col-xs-1"> <div class="col-xs-1">
@ -741,7 +741,7 @@
<div id="libraryArea" class="col-xs-12"> <div id="libraryArea" class="col-xs-12">
<table> <table>
<tr> <tr>
<td><input id="downloadTrigger" type="button" class="btn btn-primary" value="Open library" style="float:left; margin-right:1em;" /></td> <td><input id="downloadTrigger" type="button" class="btn btn-primary btn-inline" value="Open library" style="float:left; margin-right:1em;" /></td>
<td style="width:100%;">Opens library of archives for download:<br /><i>Warning:</i> this will use data</td> <td style="width:100%;">Opens library of archives for download:<br /><i>Warning:</i> this will use data</td>
</tr> </tr>
</table> </table>