chore: add support for dark mode in monitoring page

2026-01-10 12:14:37 +01:00
parent 6e1eb25bbc
commit a0a4687aeb
4 changed files with 73 additions and 19 deletions
--- a/src/pages/VisProgPage/VisProg.module.css
+++ b/src/pages/VisProgPage/VisProg.module.css
@@ -126,3 +126,10 @@
    outline: red solid 2pt;
    filter: drop-shadow(0 0 0.25rem red);
 }
+
+.backButton {
+  background: var(--bg-surface);
+  box-shadow: var(--panel-shadow);
+  margin-top: 0.5rem;
+  margin-left: 0.5rem;
+}
--- a/src/pages/VisProgPage/VisProg.tsx
+++ b/src/pages/VisProgPage/VisProg.tsx
@@ -193,7 +193,7 @@ function VisProgPage() {
  if (showSimpleProgram) {
    return (
    <div>
-      <button onClick={() => setShowSimpleProgram(false)}>
+      <button className={styles.backButton} onClick={() => setShowSimpleProgram(false)}>
        Back to Editor ◀ 
      </button>
      <MonitoringPage/>