[PR #15101] [MERGED] FEAT: high contrast mode tools section #23717

New Issue

GiteaMirror · 2026-04-20T04:58:44-05:00

GiteaMirror commented

2026-04-20 04:58:44 -05:00

📋 Pull Request Information

Original PR: https://github.com/open-webui/open-webui/pull/15101
Author: @sinejespersen
Created: 6/18/2025
Status: ✅ Merged
Merged: 6/18/2025
Merged by: @tjbck

Base: dev ← Head: feature/high-contrast-mode-tools-section

📝 Commits (8)

3cdefff change div to h1, as it is the modal header
f36f943 screen readers: label button, and remove decorative svg
226a757 labels for inputs
d837e6e decorative svgs hidden from screen reader
99b153a add aria label to button
bd818b4 outline on switch button
27f7df8 accessibility: placeholder contrast on sensitiveinput
3ff5db2 accessibility: labels and placeholder contrast

📊 Changes

3 files changed (+55 additions, -19 deletions)

View changed files

📝 src/lib/components/AddServerModal.svelte (+47 -14)
📝 src/lib/components/common/SensitiveInput.svelte (+2 -3)
📝 src/lib/components/common/Switch.svelte (+6 -2)

📄 Description

Pull Request Checklist

Note to first-time contributors: Please open a discussion post in Discussions and describe your changes before submitting a pull request.

https://github.com/open-webui/open-webui/discussions/8908

Before submitting, make sure you've checked the following:

Target branch: Please verify that the pull request targets the dev branch.
Description: Provide a concise description of the changes made in this pull request.
Changelog: Ensure a changelog entry following the format of Keep a Changelog is added at the bottom of the PR description.
Documentation: Have you updated relevant documentation Open WebUI Docs, or other documentation sources?
Dependencies: Are there any new dependencies? Have you updated the dependency versions in the documentation?
Testing: Have you written and run sufficient tests to validate the changes?
Code review: Have you performed a self-review of your code, addressing any coding standard issues and ensuring adherence to the project's coding standards?
Prefix: To clearly categorize this pull request, prefix the pull request title using one of the following:
- BREAKING CHANGE: Significant changes that may affect compatibility
- build: Changes that affect the build system or external dependencies
- ci: Changes to our continuous integration processes or workflows
- chore: Refactor, cleanup, or other non-functional code changes
- docs: Documentation update or addition
- feat: Introduces a new feature or enhancement to the codebase
- fix: Bug fix or error correction
- i18n: Internationalization or localization changes
- perf: Performance improvement
- refactor: Code restructuring for better maintainability, readability, or scalability
- style: Changes that do not affect the meaning of the code (white space, formatting, missing semi-colons, etc.)
- test: Adding missing tests or correcting existing tests
- WIP: Work in progress, a temporary label for incomplete or ongoing work

Changelog Entry

Description

Change <div to <h1
Label buttons
Remove decorative svgs
Make colors high contrast on highContrastMode
Outline on switch button

Added

N/A

Changed

N/A

Deprecated

N/A

Removed

N/A

Fixed

N/A

Security

N/A

Breaking Changes

N/A

Additional Information

N/A

Screenshots or Videos

High contrast on

High contrast off

Contributor License Agreement

By submitting this pull request, I confirm that I have read and fully agree to the Contributor License Agreement (CLA), and I am providing my contributions under its terms.

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/open-webui/open-webui/pull/15101 **Author:** [@sinejespersen](https://github.com/sinejespersen) **Created:** 6/18/2025 **Status:** ✅ Merged **Merged:** 6/18/2025 **Merged by:** [@tjbck](https://github.com/tjbck) **Base:** `dev` ← **Head:** `feature/high-contrast-mode-tools-section` --- ### 📝 Commits (8) - [`3cdefff`](https://github.com/open-webui/open-webui/commit/3cdefff0d2cd48475062d16e2f84b96b3fbd9530) change div to h1, as it is the modal header - [`f36f943`](https://github.com/open-webui/open-webui/commit/f36f943a5498a96f74cf9e033a74b2bf0ce7de97) screen readers: label button, and remove decorative svg - [`226a757`](https://github.com/open-webui/open-webui/commit/226a7578c64e9ef5c329aca16271c8b08129c63a) labels for inputs - [`d837e6e`](https://github.com/open-webui/open-webui/commit/d837e6e57962ba6fba77cbb0ebcc4d234eb48ef4) decorative svgs hidden from screen reader - [`99b153a`](https://github.com/open-webui/open-webui/commit/99b153a1328ace94568b9d8e7121a9894524ac17) add aria label to button - [`bd818b4`](https://github.com/open-webui/open-webui/commit/bd818b45247359db0b93096207287a612b8009f3) outline on switch button - [`27f7df8`](https://github.com/open-webui/open-webui/commit/27f7df8ad64f9d4f10e7c89a4e7d735109acbfcf) accessibility: placeholder contrast on sensitiveinput - [`3ff5db2`](https://github.com/open-webui/open-webui/commit/3ff5db229be7b0355025bd23a145336a2646c706) accessibility: labels and placeholder contrast ### 📊 Changes **3 files changed** (+55 additions, -19 deletions) <details> <summary>View changed files</summary> 📝 `src/lib/components/AddServerModal.svelte` (+47 -14) 📝 `src/lib/components/common/SensitiveInput.svelte` (+2 -3) 📝 `src/lib/components/common/Switch.svelte` (+6 -2) </details> ### 📄 Description # Pull Request Checklist ### Note to first-time contributors: Please open a discussion post in [Discussions](https://github.com/open-webui/open-webui/discussions) and describe your changes before submitting a pull request. https://github.com/open-webui/open-webui/discussions/8908 **Before submitting, make sure you've checked the following:** - [x] **Target branch:** Please verify that the pull request targets the `dev` branch. - [x] **Description:** Provide a concise description of the changes made in this pull request. - [x] **Changelog:** Ensure a changelog entry following the format of [Keep a Changelog](https://keepachangelog.com/) is added at the bottom of the PR description. - [x] **Documentation:** Have you updated relevant documentation [Open WebUI Docs](https://github.com/open-webui/docs), or other documentation sources? - [x] **Dependencies:** Are there any new dependencies? Have you updated the dependency versions in the documentation? - [x] **Testing:** Have you written and run sufficient tests to validate the changes? - [x] **Code review:** Have you performed a self-review of your code, addressing any coding standard issues and ensuring adherence to the project's coding standards? - [x] **Prefix:** To clearly categorize this pull request, prefix the pull request title using one of the following: - **BREAKING CHANGE**: Significant changes that may affect compatibility - **build**: Changes that affect the build system or external dependencies - **ci**: Changes to our continuous integration processes or workflows - **chore**: Refactor, cleanup, or other non-functional code changes - **docs**: Documentation update or addition - **feat**: Introduces a new feature or enhancement to the codebase - **fix**: Bug fix or error correction - **i18n**: Internationalization or localization changes - **perf**: Performance improvement - **refactor**: Code restructuring for better maintainability, readability, or scalability - **style**: Changes that do not affect the meaning of the code (white space, formatting, missing semi-colons, etc.) - **test**: Adding missing tests or correcting existing tests - **WIP**: Work in progress, a temporary label for incomplete or ongoing work # Changelog Entry ### Description - Change `<div` to `<h1` - Label buttons - Remove decorative svgs - Make colors high contrast on highContrastMode - Outline on switch button ### Added N/A ### Changed N/A ### Deprecated N/A ### Removed N/A ### Fixed N/A ### Security N/A ### Breaking Changes N/A --- ### Additional Information N/A ### Screenshots or Videos **High contrast on** <img width="906" alt="Screenshot 2025-06-18 at 09 59 08" src="https://github.com/user-attachments/assets/d2b20466-2b79-4c70-8fee-cf092316ec20" /> <img width="965" alt="Screenshot 2025-06-18 at 09 58 43" src="https://github.com/user-attachments/assets/f9b8fdd0-0171-4455-9b51-f874017d8fc8" /> **High contrast off** <img width="915" alt="Screenshot 2025-06-18 at 09 59 29" src="https://github.com/user-attachments/assets/4229613d-0d0c-4f50-a87b-3feea178c6d5" /> <img width="917" alt="Screenshot 2025-06-18 at 09 59 20" src="https://github.com/user-attachments/assets/e1bcfbce-48cf-4f76-81e8-b1fe84b15d6c" /> ### Contributor License Agreement By submitting this pull request, I confirm that I have read and fully agree to the [Contributor License Agreement (CLA)](/CONTRIBUTOR_LICENSE_AGREEMENT), and I am providing my contributions under its terms. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

GiteaMirror added the pull-request label 2026-04-20 04:58:45 -05:00

GiteaMirror closed this issue

2026-04-20 04:58:47 -05:00

GiteaMirror referenced this issue

2026-04-20 07:00:29 -05:00

[PR #23717] [CLOSED] Feat katex2mathjax 18507 #27331

GiteaMirror referenced this issue

2026-04-25 14:42:54 -05:00

[PR #23717] [CLOSED] Feat katex2mathjax 18507 #42961

GiteaMirror referenced this issue

2026-04-30 03:04:38 -05:00

[PR #23717] [CLOSED] Feat katex2mathjax 18507 #50379