Fixes #20044: Elevations stuck in light mode #685

New Issue

MrUnknownDE · 2026-04-05T17:10:11+02:00

MrUnknownDE commented

2026-04-05 17:10:11 +02:00

Originally created by @UnknownTy on 12/25/2025

Fixes: #20044

Modifies colorMode.ts to properly select the svg elements and updates their class when switching modes.
Also adds:

htmx:afterSwap event listener to automatically update svg color mode when loaded into a page
- Without this, elevations loaded after the page loads will not be updated and will remain stuck in light mode. For example the list of rack elevations side by side.
$rich-black-light; to svg's .scss to align with dark mode's background

Examples

Pre-Change: Post-Change:

*Originally created by @UnknownTy on 12/25/2025* ### Fixes: #20044  Modifies `colorMode.ts` to properly select the `svg` elements and updates their class when switching modes. Also adds: - `htmx:afterSwap` event listener to automatically update svg color mode when loaded into a page - Without this, elevations loaded _after_ the page loads will not be updated and will remain stuck in light mode. For example the list of rack elevations side by side. - `$rich-black-light;` to svg's `.scss` to align with dark mode's background <details><summary>Examples</summary> <p> Pre-Change: <img width="298" height="366" alt="pre-change-elevation" src="https://github.com/user-attachments/assets/73f12471-52d6-4c57-a20f-0d39977341e8" /> Post-Change: <img width="302" height="369" alt="post-change-elevation" src="https://github.com/user-attachments/assets/c70a7286-8ef8-414a-b5b7-a7e03895446e" /> </p> </details>

MrUnknownDE closed this issue

2026-04-05 17:10:11 +02:00

Sign in to join this conversation.

Branches Tags

main

21455-sql-indexes-audit

21357-register-model-actions

feature

20924-plugin-ui-components

21766-improve-test-coverage-for-sortable-table-columns

21157-export-template-public-models

21025-pre-render-config-contexts

21364-swagger

feature-ip-prefix-link

20911-dropdown-3

fix_module_substitution

21160-filterset

20911-dropdown-2

20044-elevation-stuck-lightmode

7604-filter-modifiers-v3

20660-script-load

19724-graphql

14884-script

19720-macaddress-interface-generic-relation

fix-19669-api-image-download

7604-filter-modifiers

19275-fixes-interface-bulk-edit

fix-17794-get_field_value_return_list

11507-show-aggregate-and-rir-on-api

9583-add_column_specific_search_field_to_tables

No Label

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github/netbox#685