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>
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/1223
Author: @silentoplayz
Created: 3/20/2024
Status: ❌ Closed
Base:
dev← Head:dev📝 Commits (4)
306e7e5Add files via uploadff11f5eUpdate General.svelte5f95d88Update +layout.svelte484cfbfUpdate General.svelte📊 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
This pull request introduces a new OLED Dark theme option in the Theme Settings for Open WebUI. The newly added
oled-dark.csstheme 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
oled-dark.cssinsrc/lib/components/chat/Settings/General.svelte.src/routes/+layout.sveltefor the theme.oled-dark.cssinstatic/themes/with the classes renamed and colors modified.oled-dark.cssfile that aren't present inRosé Pine&Rosé Pine Dawnthemes.Removed
🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.