github-starred/open-webui
2
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2026-05-07 03:18:23 -05:00
Code Issues 1.3k Packages Projects Releases 126 Wiki Activity

[PR #1223] [CLOSED] feat: OLED Dark Theme Option #43654

New Issue
Closed
opened 2026-04-29 17:43:29 -05:00 by GiteaMirror · 0 comments
GiteaMirror commented 2026-04-29 17:43:29 -05:00
Owner
Copy Link

📋 Pull Request Information

Original PR: https://github.com/open-webui/open-webui/pull/1223
Author: @silentoplayz
Created: 3/20/2024
Status: ❌ Closed

Base: dev ← Head: dev

📝 Commits (4)

📊 Changes

3 files changed (+460 additions, -1 deletions)

View changed files

📝 src/lib/components/chat/Settings/General.svelte (+2 -1)
📝 src/routes/+layout.svelte (+1 -0)
➕ static/themes/oled-dark.css (+457 -0)

📄 Description

Pull Request Checklist

  • Description: Briefly describe the changes 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: I have provided relevant documentation.
  • Dependencies: I have not updated the dependency versions in the documentation, as there are no new dependencies.

Description

This pull request introduces a new OLED Dark theme option in the Theme Settings for Open WebUI. The newly added oled-dark.css theme features mostly black (#000) UI elements like the background with white text with easy-to-read UI elements. This theme offers improved readability in low-light environments, but is still a major work in progress. I call upon all developers to contribute with helping to tidy up the theme's .CSS code.

Changelog Entry

Added/Changed/Fixed

  • Added a new theme name oled-dark.css in src/lib/components/chat/Settings/General.svelte.
  • Added a Stylesheet path in src/routes/+layout.svelte for the theme.
  • Created a new CSS file named oled-dark.css in static/themes/ with the classes renamed and colors modified.
  • Added many new CSS selectors to the oled-dark.css file that aren't present in Rosé Pine & Rosé Pine Dawn themes.

Removed

  • [No removals in this PR]

🔄 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/1223 **Author:** [@silentoplayz](https://github.com/silentoplayz) **Created:** 3/20/2024 **Status:** ❌ Closed **Base:** `dev` ← **Head:** `dev` --- ### 📝 Commits (4) - [`306e7e5`](https://github.com/open-webui/open-webui/commit/306e7e560befa43a964ace48b642e0183c23e954) Add files via upload - [`ff11f5e`](https://github.com/open-webui/open-webui/commit/ff11f5efd26d5fff72a98aae8a56045187f1db2a) Update General.svelte - [`5f95d88`](https://github.com/open-webui/open-webui/commit/5f95d8863fb914eb7ba169bdee2cd74ea861e3a8) Update +layout.svelte - [`484cfbf`](https://github.com/open-webui/open-webui/commit/484cfbfb7fb609a1b996e5f0449bde6c13e8e166) Update General.svelte ### 📊 Changes **3 files changed** (+460 additions, -1 deletions) <details> <summary>View changed files</summary> 📝 `src/lib/components/chat/Settings/General.svelte` (+2 -1) 📝 `src/routes/+layout.svelte` (+1 -0) ➕ `static/themes/oled-dark.css` (+457 -0) </details> ### 📄 Description ## Pull Request Checklist - [x] **Description:** Briefly describe the changes 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:** I have provided relevant documentation. - [x] **Dependencies:** I have not updated the dependency versions in the documentation, as there are no new dependencies. --- ## Description This pull request introduces a new OLED Dark theme option in the Theme Settings for Open WebUI. **The newly added `oled-dark.css` theme features mostly black (#000) UI elements like the background with white text with easy-to-read UI elements. This theme offers improved readability in low-light environments, but is still a major work in progress. I call upon all developers to contribute with helping to tidy up the theme's .CSS code.** --- ### Changelog Entry ### Added/Changed/Fixed - Added a new theme name `oled-dark.css` in `src/lib/components/chat/Settings/General.svelte`. - Added a Stylesheet path in `src/routes/+layout.svelte` for the theme. - Created a new CSS file named `oled-dark.css` in `static/themes/` with the classes renamed and colors modified. - Added many new CSS selectors to the `oled-dark.css` file that aren't present in `Rosé Pine` & `Rosé Pine Dawn` themes. ### Removed - [No removals in this PR] --- <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-29 17:43:29 -05:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
bug
confirmed
confirmed issue
core
documentation
enhancement
good first issue
help wanted
non-core
pull-request
Mirrored from GitHub Pull Request
 python
question
testing wanted
No Label pull-request
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
GiteaMirror ninjasurge
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/open-webui#43654
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?