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: Have you updated relevant documentation?
Dependencies: Are there any new dependencies? Have you updated the dependency versions in the documentation?
Description
Add a true black background theme for low-light environments and improved usage with OLED screens. Closes#1110
Changelog Entry
Added
True black background theme (OLED Dark)
Changed
tailwind.config.js dark mode color palette to use a dynamic variable to toggle between regular dark mode and OLED dark
🔄 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/1325
**Author:** [@dannyl1u](https://github.com/dannyl1u)
**Created:** 3/27/2024
**Status:** ✅ Merged
**Merged:** 3/28/2024
**Merged by:** [@tjbck](https://github.com/tjbck)
**Base:** `dev` ← **Head:** `feat/oled-dark-theme`
---
### 📝 Commits (7)
- [`976c714`](https://github.com/open-webui/open-webui/commit/976c714063b10cceabb7cb7310cb52731382e2f0) feat: OLED dark theme
- [`c24d9d3`](https://github.com/open-webui/open-webui/commit/c24d9d3beab709479a88979f26728095f25d32ee) Add 'oled' theme option to themes list
- [`25c71d8`](https://github.com/open-webui/open-webui/commit/25c71d8ac2eadea2babb25e2cc077c843ac5aea0) Update theme options and persist OLED dark theme if selected
- [`dfeadf9`](https://github.com/open-webui/open-webui/commit/dfeadf9595e6893bf5134e55ad911527071098f5) ordering of themes in select menu, group dark themes together
- [`cf44209`](https://github.com/open-webui/open-webui/commit/cf442097300c42fb7d40dced3e51bfef351ec00a) refac: code style
- [`572eefe`](https://github.com/open-webui/open-webui/commit/572eefe18175c7a8b6643ceb2923a3f65c8cd586) use 🌃 emoji for oled-dark option
- [`67865fc`](https://github.com/open-webui/open-webui/commit/67865fc5adb230c0cfb74385482665b0caf87172) dynamically adjust --color-gray-950 value for OLED black sidebar
### 📊 Changes
**3 files changed** (+21 additions, -7 deletions)
<details>
<summary>View changed files</summary>
📝 `src/app.html` (+6 -1)
📝 `src/lib/components/chat/Settings/General.svelte` (+13 -3)
📝 `tailwind.config.js` (+2 -3)
</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:** Have you updated relevant documentation?
- [x] **Dependencies:** Are there any new dependencies? Have you updated the dependency versions in the documentation?
---
## Description
Add a true black background theme for low-light environments and improved usage with OLED screens. Closes #1110
---
### Changelog Entry
### Added
- True black background theme (OLED Dark)
### Changed
- `tailwind.config.js` dark mode color palette to use a dynamic variable to toggle between regular dark mode and OLED dark
---
<sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
📋 Pull Request Information
Original PR: https://github.com/open-webui/open-webui/pull/1325
Author: @dannyl1u
Created: 3/27/2024
Status: ✅ Merged
Merged: 3/28/2024
Merged by: @tjbck
Base:
dev← Head:feat/oled-dark-theme📝 Commits (7)
976c714feat: OLED dark themec24d9d3Add 'oled' theme option to themes list25c71d8Update theme options and persist OLED dark theme if selecteddfeadf9ordering of themes in select menu, group dark themes togethercf44209refac: code style572eefeuse 🌃 emoji for oled-dark option67865fcdynamically adjust --color-gray-950 value for OLED black sidebar📊 Changes
3 files changed (+21 additions, -7 deletions)
View changed files
📝
src/app.html(+6 -1)📝
src/lib/components/chat/Settings/General.svelte(+13 -3)📝
tailwind.config.js(+2 -3)📄 Description
Pull Request Checklist
Description
Add a true black background theme for low-light environments and improved usage with OLED screens. Closes #1110
Changelog Entry
Added
Changed
tailwind.config.jsdark mode color palette to use a dynamic variable to toggle between regular dark mode and OLED dark🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.