From ef5a67e7b8eadf1d5fe1a5b5ba08e41e15b503f2 Mon Sep 17 00:00:00 2001 From: jamesread Date: Sun, 26 Oct 2025 00:47:46 +0100 Subject: [PATCH 1/2] fix: Upgrade femtocrank for dark styles --- frontend/package-lock.json | 16 ++++++++-------- frontend/package.json | 4 ++-- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/frontend/package-lock.json b/frontend/package-lock.json index 51eec9c..7f95a08 100644 --- a/frontend/package-lock.json +++ b/frontend/package-lock.json @@ -16,8 +16,8 @@ "@vitejs/plugin-vue": "^6.0.1", "@xterm/addon-fit": "^0.10.0", "@xterm/xterm": "^5.5.0", - "iconify-icon": "^3.0.1", - "picocrank": "^1.6.2", + "iconify-icon": "^3.0.2", + "picocrank": "^1.6.3", "unplugin-vue-components": "^30.0.0", "vite": "^7.1.12", "vue-router": "^4.6.3" @@ -1784,9 +1784,9 @@ } }, "node_modules/iconify-icon": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/iconify-icon/-/iconify-icon-3.0.1.tgz", - "integrity": "sha512-M3/kH3C+e/ufhmQuOSYSb1Ri1ImJ+ZEQYcVRMKnlSc8Nrdoy+iY9YvFnplX8t/3aCRuo5wN4RVPtCSHGnbt8dg==", + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/iconify-icon/-/iconify-icon-3.0.2.tgz", + "integrity": "sha512-DYPAumiUeUeT/GHT8x2wrAVKn1FqZJqFH0Y5pBefapWRreV1BBvqBVMb0020YQ2njmbR59r/IathL2d2OrDrxA==", "license": "MIT", "dependencies": { "@iconify/types": "^2.0.0" @@ -2362,9 +2362,9 @@ "license": "ISC" }, "node_modules/picocrank": { - "version": "1.6.2", - "resolved": "https://registry.npmjs.org/picocrank/-/picocrank-1.6.2.tgz", - "integrity": "sha512-8adBUA8/iDwAP+RjM3Jr/UdXH/Dd0VbqtlxJYfAAL20T8tp+spjrtTMduYT7QIRx7jrxRyFHIV8G5q1B50u35g==", + "version": "1.6.3", + "resolved": "https://registry.npmjs.org/picocrank/-/picocrank-1.6.3.tgz", + "integrity": "sha512-uPFwirsgpEULwjyU2O68KRENJL8gN5Qb8om/f62y0MkSbEDGbbKoDNneeSXxsdn5POfgMno6v2AE0Z9gpUIpfw==", "license": "ISC", "dependencies": { "@hugeicons/core-free-icons": "^1.0.16", diff --git a/frontend/package.json b/frontend/package.json index b95392f..357ee66 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -29,8 +29,8 @@ "@vitejs/plugin-vue": "^6.0.1", "@xterm/addon-fit": "^0.10.0", "@xterm/xterm": "^5.5.0", - "iconify-icon": "^3.0.1", - "picocrank": "^1.6.2", + "iconify-icon": "^3.0.2", + "picocrank": "^1.6.4", "unplugin-vue-components": "^30.0.0", "vite": "^7.1.12", "vue-router": "^4.6.3" From 02ec8eeb65edb3c5015bac1349468e2104f8d818 Mon Sep 17 00:00:00 2001 From: jamesread Date: Sun, 26 Oct 2025 01:10:43 +0100 Subject: [PATCH 2/2] fix: Upgraded femtocrank to fix dark mode styles --- frontend/main.js | 1 + frontend/package-lock.json | 16 +++++----- frontend/resources/vue/ActionButton.vue | 16 ++++++++++ frontend/resources/vue/App.vue | 7 ++-- frontend/resources/vue/views/LogsListView.vue | 2 -- frontend/style.css | 32 ------------------- 6 files changed, 27 insertions(+), 47 deletions(-) diff --git a/frontend/main.js b/frontend/main.js index df978cf..66cbd78 100644 --- a/frontend/main.js +++ b/frontend/main.js @@ -1,6 +1,7 @@ 'use strict' import 'femtocrank/style.css' +import 'femtocrank/dark.css' import './style.css' import 'iconify-icon' diff --git a/frontend/package-lock.json b/frontend/package-lock.json index 7f95a08..48f4f14 100644 --- a/frontend/package-lock.json +++ b/frontend/package-lock.json @@ -17,7 +17,7 @@ "@xterm/addon-fit": "^0.10.0", "@xterm/xterm": "^5.5.0", "iconify-icon": "^3.0.2", - "picocrank": "^1.6.3", + "picocrank": "^1.6.4", "unplugin-vue-components": "^30.0.0", "vite": "^7.1.12", "vue-router": "^4.6.3" @@ -1643,9 +1643,9 @@ } }, "node_modules/femtocrank": { - "version": "2.4.3", - "resolved": "https://registry.npmjs.org/femtocrank/-/femtocrank-2.4.3.tgz", - "integrity": "sha512-rBuvg5NmG5YzfsHSCIwiNTO3RQlFdDLggLTvNw4u+vUkcRIU0OEFZpG2zyADEofXM9Ntsxzbn8jTf3i5iPwRgw==", + "version": "2.4.4", + "resolved": "https://registry.npmjs.org/femtocrank/-/femtocrank-2.4.4.tgz", + "integrity": "sha512-MG0s8QPivocTXCElfqvLCW0m9uRGlCauoyRr3obEu8mz7/s1LsUs46b29Xdn4DQpdu3eagWYj6rkuVqEO6g4TQ==", "license": "AGPL-3.0" }, "node_modules/fill-range": { @@ -2362,15 +2362,15 @@ "license": "ISC" }, "node_modules/picocrank": { - "version": "1.6.3", - "resolved": "https://registry.npmjs.org/picocrank/-/picocrank-1.6.3.tgz", - "integrity": "sha512-uPFwirsgpEULwjyU2O68KRENJL8gN5Qb8om/f62y0MkSbEDGbbKoDNneeSXxsdn5POfgMno6v2AE0Z9gpUIpfw==", + "version": "1.6.4", + "resolved": "https://registry.npmjs.org/picocrank/-/picocrank-1.6.4.tgz", + "integrity": "sha512-zD1wnkoUDAXZOUs9zKqS4rqz9mljeqFwM7QWx4ykXJsmH6iOLAIKh2AVlxa384oeXJXIWM9VLiySEnhQZmQmjA==", "license": "ISC", "dependencies": { "@hugeicons/core-free-icons": "^1.0.16", "@hugeicons/vue": "^1.0.3", "@vitejs/plugin-vue": "^6.0.1", - "femtocrank": "^2.4.3", + "femtocrank": "^2.4.4", "unplugin-vue-components": "^29.0.0", "vite": "^7.1.3", "vue": "^3.5.19", diff --git a/frontend/resources/vue/ActionButton.vue b/frontend/resources/vue/ActionButton.vue index bd34ec3..4aa3619 100644 --- a/frontend/resources/vue/ActionButton.vue +++ b/frontend/resources/vue/ActionButton.vue @@ -293,4 +293,20 @@ watch( top: 0; } +@media (prefers-color-scheme: dark) { + .action-button button { + background: #111; + border-color: #000; + box-shadow: 0 0 6px #000; + color: #fff; + } + + .action-button button:hover:not(:disabled) { + background: #222; + border-color: #000; + box-shadow: 0 0 6px #444; + color: #fff; + } +} + diff --git a/frontend/resources/vue/App.vue b/frontend/resources/vue/App.vue index 3421906..84760f8 100644 --- a/frontend/resources/vue/App.vue +++ b/frontend/resources/vue/App.vue @@ -35,9 +35,8 @@