Skip to content

[App Loader] Add dark mode support #4103

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
RKBoss6 wants to merge 18 commits into
base: master
Choose a base branch
from
+631 −442
Draft

[App Loader] Add dark mode support #4103

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
18 commits
Select commit Hold shift + click to select a range
88d8521
Implement light-dark color scheme support
RKBoss6 Dec 22, 2025
56717a3
add a theme setting dropdown in settings page
RKBoss6 Dec 22, 2025
eec4865
Update submodule URL for EspruinoAppLoaderCore
RKBoss6 Dec 22, 2025
c1f6283
updated submodule test
RKBoss6 Dec 22, 2025
4cd2390
Update css/main.css
RKBoss6 Dec 22, 2025
7427058
Update css/main.css
RKBoss6 Dec 22, 2025
29f0d3a
Update css/main.css
RKBoss6 Dec 22, 2025
8d08499
Merge branch 'espruino:master' into apploader-darkmode
RKBoss6 Dec 23, 2025
0c8ede4
Change summary style for Advanced Options details
RKBoss6 Dec 23, 2025
7edc8f9
fix hero img not responding to theme changes
RKBoss6 Dec 23, 2025
e517ba4
Removing extra newlines, fixing indentation
gfwilliams Jan 8, 2026
b650fcf
Merge branch 'espruino:master' into apploader-darkmode
RKBoss6 Jan 9, 2026
a46b41c
custom.html works now, added tag to all custom.htmls
RKBoss6 Jun 26, 2026
6617946
Merged from master
RKBoss6 Jun 26, 2026
7132fab
fix merge issues
RKBoss6 Jun 26, 2026
182aba4
merged css
RKBoss6 Jun 26, 2026
106d595
re-add modal overlay styling from merge delete
RKBoss6 Jun 26, 2026
b38c5f1
Add transparent device thumbnails, cleaned up some dark mode modals
RKBoss6 Jun 26, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion .gitmodules
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
[submodule "EspruinoAppLoaderCore"]
path = core
url = https://github.com/espruino/EspruinoAppLoaderCore.git
url = https://github.com/RKBoss6/EspruinoAppLoaderCore.git

@gfwilliams gfwilliams Jan 8, 2026

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You'd need to back this out before we merge - although I know it's handy for testing at the moment

[submodule "webtools"]
path = webtools
url = https://github.com/espruino/EspruinoWebTools.git
1 change: 1 addition & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -371,6 +371,7 @@ version of what's in `metadata.json`:
<html>
<head>
<link rel="stylesheet" href="../../css/spectre.min.css">
<link rel="stylesheet" href="../../css/main.css">
</head>
<body>
<p><button id="upload" class="btn btn-primary">Upload</button></p>
Expand Down
1 change: 1 addition & 0 deletions apps/a_clock_timer/custom.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
<html>
<head>
<link rel="stylesheet" href="../../css/spectre.min.css">
<link rel="stylesheet" href="../../css/main.css">
</head>
<body>
<p>You can set the 2 additional timezones displayed by the clock.</p>
Expand Down
1 change: 1 addition & 0 deletions apps/airqualityci/custom.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
<html>
<head>
<link rel="stylesheet" href="../../css/spectre.min.css">
<link rel="stylesheet" href="../../css/main.css">
<style>
input.offset {
width: 80px;
Expand Down
1 change: 1 addition & 0 deletions apps/assistedgps/custom.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
<html>
<head>
<link rel="stylesheet" href="../../css/spectre.min.css">
<link rel="stylesheet" href="../../css/main.css">
</head>
<body>

Expand Down
1 change: 1 addition & 0 deletions apps/beer/custom.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
<head>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" />
<link rel="stylesheet" href="../../css/spectre.min.css">
<link rel="stylesheet" href="../../css/main.css">
</head>
<style>
body {
Expand Down
1 change: 1 addition & 0 deletions apps/contourclock/custom.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
<html>
<head>
<link rel="stylesheet" href="../../css/spectre.min.css">
<link rel="stylesheet" href="../../css/main.css">
<style>
input[type=checkbox] {
opacity:0;
Expand Down
1 change: 1 addition & 0 deletions apps/custom/custom.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@

<head>
<link rel="stylesheet" href="../../css/spectre.min.css">
<link rel="stylesheet" href="../../css/main.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.32.0/codemirror.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.52.2/addon/lint/lint.min.css">
</head>
Expand Down
1 change: 1 addition & 0 deletions apps/espruinoctrl/custom.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
<html>
<head>
<link rel="stylesheet" href="../../css/spectre.min.css">
<link rel="stylesheet" href="../../css/main.css">
<link rel="stylesheet" href="../../css/spectre-exp.min.css">
<link rel="stylesheet" href="../../css/spectre-icons.min.css">
<style>
Expand Down
1 change: 1 addition & 0 deletions apps/espruinoprog/custom.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@

<head>
<link rel="stylesheet" href="../../css/spectre.min.css">
<link rel="stylesheet" href="../../css/main.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.32.0/codemirror.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.52.2/addon/lint/lint.min.css">
</head>
Expand Down
1 change: 1 addition & 0 deletions apps/fontclock/custom.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
<html>
<head>
<link rel="stylesheet" href="../../css/spectre.min.css">
<link rel="stylesheet" href="../../css/main.css">
</head>
<body>

Expand Down
1 change: 1 addition & 0 deletions apps/fwupdate/custom.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
<html>
<head>
<link rel="stylesheet" href="../../css/spectre.min.css">
<link rel="stylesheet" href="../../css/main.css">
</head>
<body>
<p>This tool allows you to update the firmware on <a href="https://www.espruino.com/Bangle.js2" target="_blank">Bangle.js 2</a> devices
Expand Down
1 change: 1 addition & 0 deletions apps/golfview/custom.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@

<head>
<link rel="stylesheet" href="../../css/spectre.min.css">
<link rel="stylesheet" href="../../css/main.css">
<script src="https://cdn.jsdelivr.net/gh/mourner/simplify-js@1.2.4/simplify.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
Expand Down
1 change: 1 addition & 0 deletions apps/hasensors/custom.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
<html lang="en">
<head>
<link rel="stylesheet" href="../../css/spectre.min.css">
<link rel="stylesheet" href="../../css/main.css">
<title>Home Assistant Sensors configuration</title>
<style>
label {
Expand Down
1 change: 1 addition & 0 deletions apps/heatsuite/custom.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@

<head>
<link rel="stylesheet" href="../../css/spectre.min.css">
<link rel="stylesheet" href="../../css/main.css">
<link rel="stylesheet" href="../../css/spectre-icons.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>
<style>
Expand Down
1 change: 1 addition & 0 deletions apps/hrmaccevents/custom.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
<head>
<title>Bangle.js Accelerometer streaming</title>
<link rel="stylesheet" href="../../css/spectre.min.css">
<link rel="stylesheet" href="../../css/main.css">
</head>
<body>
<script src="../../core/lib/customize.js"></script>
Expand Down
1 change: 1 addition & 0 deletions apps/hworldclock/custom.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
<html>
<head>
<link rel="stylesheet" href="../../css/spectre.min.css">
<link rel="stylesheet" href="../../css/main.css">
</head>
<body>

Expand Down
1 change: 1 addition & 0 deletions apps/imageclock/custom.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
<html>
<head>
<link rel="stylesheet" href="../../css/spectre.min.css">
<link rel="stylesheet" href="../../css/main.css">
</head>
<body>

Expand Down
1 change: 1 addition & 0 deletions apps/imgclock/custom.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
<html>
<head>
<link rel="stylesheet" href="../../css/spectre.min.css">
<link rel="stylesheet" href="../../css/main.css">
</head>
<body>
<div class="container">
Expand Down
1 change: 1 addition & 0 deletions apps/mywelcome/custom.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
<html>
<head>
<link rel="stylesheet" href="../../css/spectre.min.css">
<link rel="stylesheet" href="../../css/main.css">
</head>
<body>
<div class="form-group">
Expand Down
1 change: 1 addition & 0 deletions apps/openhaystack/custom.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
<html>
<head>
<link rel="stylesheet" href="../../css/spectre.min.css">
<link rel="stylesheet" href="../../css/main.css">
</head>
<body>
<p>Follow the steps on <a href="https://github.com/seemoo-lab/openhaystack#how-to-use-openhaystack">https://github.com/seemoo-lab/openhaystack</a> to install OpenHaystack and get a unique base64 code</p>
Expand Down
1 change: 1 addition & 0 deletions apps/osmpoi/custom.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
<head>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" />
<link rel="stylesheet" href="../../css/spectre.min.css">
<link rel="stylesheet" href="../../css/main.css">
</head>
<style>
body {
Expand Down
1 change: 1 addition & 0 deletions apps/patriotclk/custom.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
<html>
<head>
<link rel="stylesheet" href="../../css/spectre.min.css">
<link rel="stylesheet" href="../../css/main.css">
<style>
.flag {
width : 100px;
Expand Down
1 change: 1 addition & 0 deletions apps/qrcode/custom.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
<html>
<head>
<link rel="stylesheet" href="../../css/spectre.min.css">
<link rel="stylesheet" href="../../css/main.css">
</head>
<body>
<b>Datasource: </b></br>
Expand Down
1 change: 1 addition & 0 deletions apps/route/custom.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
<html>
<head>
<link rel="stylesheet" href="../../css/spectre.min.css">
<link rel="stylesheet" href="../../css/main.css">
<style>li {line-height: 1;}</style>
</head>
<body>
Expand Down
Loading
Loading