* Add optional dark mode feature
This PR adds an optional dark mode to TeslaMate with three appearance options:
- Light (default): Always use light theme
- Follow System: Automatically match OS/browser dark mode preference
- Dark: Always use dark theme
Key features:
- Database-persisted theme preference in GlobalSettings
- Comprehensive dark mode styling for all UI components
- Monochrome map tiles in dark mode (Tesla-inspired aesthetic)
- Instant theme switching without page reload
- No flash of wrong theme on page load
- Defaults to light mode for existing users
Technical implementation:
- New theme_mode field in settings table (migration included)
- CSS custom properties for theme colors
- JavaScript theme detection and system preference monitoring
- LiveView hook for instant theme changes
- Inverted OSM map tiles with grayscale filter for dark mode
Maintains backward compatibility - existing installations will
default to light mode and users can opt-in to dark mode.
* Run treefmt to fix code formatting
* Extract translation strings for theme settings
* Add Dutch, French, and German translations for theme settings
- Dutch: Thema, Weergave, Licht, Donker, Volg systeem
- French: Thème, Apparence, Clair, Sombre, Suivre le système
- German: Design, Darstellung, Hell, Dunkel, Systemeinstellung folgen
* Address review feedback: default to system theme, add tests and documentation
* Fix white background showing at bottom in dark mode
* Make footer sticky at bottom of viewport
* Remove WARP.md from .gitignore
* Fix visibility of inverted light buttons in dark mode
Improved contrast for edit/delete buttons in Geo-Fences table
by adding proper dark mode styling for is-inverted is-light buttons.
Co-Authored-By: Warp <agent@warp.dev>
* Add icon color inheritance for inverted light buttons
Ensure edit (blue) and delete (red) button icons are colored properly.
Co-Authored-By: Warp <agent@warp.dev>
* CI: use master as default branch in reusable workflows
Fix paths-filter and PR triggers by replacing hardcoded 'main' with 'master'.
Co-Authored-By: Warp <agent@warp.dev>
* Revert CI branch changes per maintainer request
Restore 'main' references in reusable workflows. No CI changes in this PR.
Co-Authored-By: Warp <agent@warp.dev>
* Dark mode: hide empty table header background in car summary
Add .thead-transparent class to the summary table and override thead bg to match
card surface, avoiding the apparent 'divider' under the title in dark mode.
Co-Authored-By: Warp <agent@warp.dev>
* Dark mode: fix tabs hover/active styles for boxed tabs in Settings
Ensure hover doesn’t turn tabs white; use surface/surface-light colors and proper borders for .tabs.is-boxed.
Co-Authored-By: Warp <agent@warp.dev>
* Dark mode: override Bulma active navbar dropdown item background
Ensure .navbar-dropdown .navbar-item.is-active uses dark surface color instead of light-mode whitesmoke.
Co-Authored-By: Warp <agent@warp.dev>
---------
Co-authored-by: Warp <agent@warp.dev>
* feat(webview): show offline duration in extended view on mobile as well to improve UX
- only hide on screens smaller than 300px
* docs: update changelog
* ci: add treefmt as code formatting multiplexer
* style: linter findings in entrypoint.sh script
* style: linter findings for yaml and yml
* style: linter findings for json files
* style: linter findings for nix files
* style: linter findings for js files
* style: linter findings for dashboards.sh
* style: linter findings for md and mdx files
* chore: remove unused clang formatter in treefmt config
* style: linter findings for mdx files
* ci: exclude Grafana dashboard JSON files from prettier formatting
* Revert "style: linter findings for json files"
This reverts commit f40c2e1759.
* ci: exclude Grafana dashboard JSON files from all formatting as we use the grafana export style
* style: linter findings for json files
* doc: update changelog
* ci(refactor): use composite action to avoid duplication in elixir workflow
* doc: update changelog
* ci: prevent workflow runs for certain conditions and allow scheduled runs
* ci(refactor): use reusable workflow to check paths
* ci(fix): correct output syntax for check_paths workflow and setting base branch
* ci(refactor): use reusable workflows for streamlined DevOps pipeline
* ci(fix): add write permission for packages in DevOps workflow
* ci(test): test DevOps workflow
* ci(test): test DevOps workflow
* ci(fix): Update condition for spell_check, ensure_linting, elixir, and ghcr_build workflows to reflect empty result instead of false
* ci: revert test DevOps
* ci(refactor): allow ghcr_build parallel to elixir test
* ci(refactor): Remove redundant check_paths job from elixir.yml, elixir_test.yml, and spell_check.yml workflows, check is done in devops.yml
* feat: add treefmt-nix to nix flake (#4219 - @JakobLichterfeld)
* ci: ensure proper linting via treefmt
* ci(test): test ensure_linting workflow
* ci(fix): checkout code for spell_checker to access file to check
* ci(fix): allow impure in ensure_linting workflow
* Revert "ci(test): test ensure_linting workflow"
This reverts commit a67b17ec09.
* ci(fix): correct use of flake-utils for formatter and checks
Co-authored-by: scottbot95 <scottbot95@gmail.com>
* ci(fix): correct use of flake-utils for treefmt
Co-authored-by: scottbot95 <scottbot95@gmail.com>
* refactor: Remove unnecessary imports in flake
* ci(fix): correct syntax in flake
* ci(refactor): Remove unused code in flake.nix
* style: standardised style for input url in flake
* ci(fix): treefmt-nix config with existing options
* ci(feat): Add Nix binary cache and update treefmt command in CI workflow
* ci(refactor): Remove unused code in flake.nix
* fix: include devShell packages only on supported platforms
* fix: update hash for mix-deps package in flake.nix
* ci(fix): Update treefmt command in CI workflow
* ci(test): test ensure_linting workflow
* feat: ensure mix deps are present in devShell
* ci(feat): use flake-parts to enable treefmt-nix
* feat: use flake-parts
* fix: correct use of flake-parts for package build
* doc: update CI badge URL for devops workflow
* ci(fix): handle empty path filter output
* ci: remove --impure flag from treefmt command in CI workflow
* fix: correct treefmt.config settings in formatter.nix
* fix: correct flake-parts inputs, avoid with in imports
* fix: correct program name for mix-format in formatter.nix
* feat: devenv via flake-parts
* fix: correct use of legacy nix code with flake-parts
* ci(fix): correct nix develop command in ensure_linting.yml
* refactor: list imports explicitly in flake, rename folder to flake-modules to be precise
* style: use tabs for indent size to format sh
* style: use nixfmt-rfc-style
* Revert "style: use nixfmt-rfc-style"
This reverts commit 082056159e.
* style: use nixfmt style
* fix: remove glibcLocales from optional dependencies to avoid "A definition for option `packages."[definition 4-entry 16]"' is not of type `package'."
* fix: remove inotify-tools from optional dependencies to avoid "A definition for option `packages."[definition 4-entry 16]"' is not of type `package'."
* fix: Remove inotify-tools and glibcLocales from optional dependencie
* fix: correct file paths in flake.nix to version
* fix: add ELIXIR_ERL_OPTIONS to shell environment to force utf8 locale
* fix: add LOCALE_ARCHIVE to shell environment in flake.nix
* Revert "fix: add LOCALE_ARCHIVE to shell environment in flake.nix"
This reverts commit d45f6e32ee.
* ci(refactor): rename workflow to elixir_dep_verification_and_static_analysis.yml to better reflect the intention,, remove duplicate checks
* ci(debug): debug locale settings
* Revert "ci(debug): debug locale settings"
This reverts commit 9b402f3c5f.
* Revert "fix: add ELIXIR_ERL_OPTIONS to shell environment to force utf8 locale"
This reverts commit d02419cba4.
* fix: add LOCALE_ARCHIVE to shell environment in flake.nix
* Revert "fix: add LOCALE_ARCHIVE to shell environment in flake.nix"
This reverts commit 761b437e69.
* fix: add LANG=C.UTF-8 to shell environment in flake.nix
* fix: add mix local.rebar and mix local.hex commands to flake.nix
* fix: pin devenv to version without unix socket bug
* chore: update nixpkgs to nixos-24.05 and update dependencies
* doc: add treefmt config comments
* ci: do not expose treefmt formatter programs in devshell
* fix: correct use of module option to enable PostgreSQL server in flake.nix
* Revert "chore: update nixpkgs to nixos-24.05 and update dependencies"
This reverts commit a6ea3f25aa.
* feat: consistent use of erlang 26 and elixir 1_16 in flake
* ci: switch to macOS runner for linting workflow
* Revert "ci: do not expose treefmt formatter programs in devshell"
This reverts commit 1ecfa451dc.
* Revert "ci: switch to macOS runner for linting workflow"
This reverts commit 7b430667d8.
* ci: Remove nixpkgs channel specification in ensure_linting workflow
* ci(debug): Add debug output for PATH and NIX_PATH in flake.nix
* Revert "ci(debug): Add debug output for PATH and NIX_PATH in flake.nix"
This reverts commit 07faec5ddf.
* fix: avoid the need for impure for devenv
see #4245
* fix: remove invalid custom build.check for formatter and use default
* style: linter findings
* fix: Add emptyTest to avoid nix flake check test execution on non-Linux systems
* chore: Remove LANG=C.UTF-8 from enterShell in flake.nix
* ci(fix): Remove --impure flag from treefmt command in CI mode
* ci(fix): avoid impure mode in ensure_linting workflow
* style: linter findings
* ci(debug): debug elixir version and locale
* chore: Update flake.lock dependencies
* feat: use newer devenv as unix socket bug is fixed in upstream
https://github.com/cachix/devenv/issues/1497
* fix: set rebar3 path in devenv
* Revert "ci(debug): debug elixir version and locale"
This reverts commit 7ecdc77c16.
* ci: re-enable path check in DevOps workflow
* doc: update Development and Contributing guide with nix and treefmt
* ci: use PostgreSQL 17
* style: linter findings
* ci(fix): ensure cache name in build action does not contain invalid characters to avoid invalid reference format
* doc: update changelog
* Revert "ci(fix): ensure cache name in build action does not contain invalid characters to avoid invalid reference format"
This reverts commit 02abb0359d.
* ci: remove branch restriction for check_paths workflow to increase sec
* ci(fix): run ghcr build workflow only for specific conditions
- Ensure workflow only run if there are no changes to the .github folder
- Allow workflow to run on workflow call or PRs from forks
- Prevent duplicate runs for PRs from non-forks
- Avoid invalid reference format for cache name in PRs from our repository
* doc: update changelog
* fix: update hash for mix-deps package in flake.nix
* fix: disable flakeCheck for formatter, as mix format need the dep to be fetched beforehand
* ci(fix): run ghcr build workflow only for specific conditions
* fix: move nixosModules.default to top-level attribute set
* refactor: remove unnecessary config nesting in formatter.nix
* ci(fix): ensure version for buildx is set to correct name
---------
Co-authored-by: scottbot95 <scottbot95@gmail.com>
* Add URL_PATH environment variable for reverse proxy deployments
For example, this can be used to run TeslaMate behind a reverse proxy, using a
URL path such as "/teslamate".
* gettext: update pot and po files
Generated using:
mix gettext.extract --merge
* web: run mix format
* gettext: update pot and po files
Re-generating gettext files after running mix format.
Generated using:
mix gettext.extract --merge
This will add support for nix flakes. Which really helps with my
development on nixos. This has two basic parts:
1. DEVELOPMENT
After this you can use the following commands on computer with nix and a
patched version of direnv:
direnv allow
devenv up
And it will automatically start and instance of postgresql and mosquitto
for development.
And the environment variables are already configured for teslamate.
So then can start teslamate with:
npm install --prefix ./assets && npm run deploy --prefix ./assets
iex -S mix phx.server
This part is all working as designed. And pretty simple and straight
forward.
2. NIX PACKAGE OF TESLA
This is 99% complete, but some pain points I haven't addressed yet.
Because I don't yet know of good solutions.
* There are two checksums in flake.nix that needs to be updated whenever
mix.lock or package-lock.json changes.
Store API tokens encrypted in the database.
During the database migration a randomly generated key will be used encrypt the tokens if no ENCRYPTION_KEY environment variable was provided.
If the application is started without the presence of an ENCRYPTION_KEY (or if the key failed to decrypt the existing tokens), the UI will display a warning with further instructions.
* Enable zoom on live view of the car.
* Switch to using drag/pinch-to-zoom/scroll-to-zoom
* Remove data-zoom attrbiute as parameters are directly set in the JS.
* Directly set parameters for zoom instead of relying on attribute from DOM.
* Switch to use hover/tap to show/hide zoom control.
