[PR #85] [CLOSED] Adding a dark theme (#73) (CSS only) #513

New issue

Closed

opened 2026-02-25 23:34:34 +03:00 by kerem · 0 comments

kerem commented

2026-02-25 23:34:34 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/go-shiori/shiori/pull/85
Author: @gissehel
Created: 4/18/2018
Status: ❌ Closed

Base: master ← Head: 73

📝 Commits (2)

baf7cb0 CSS refactoring in order to provide a dark theme #73
6f92146 Fix some default colors that weren't looking good in a dark theme

📊 Changes

8 files changed (+468 additions, -226 deletions)

View changed files

📝 cmd/serve/assets-prod.go (+98 -66)
📝 view/css/stylesheet.css (+1 -1)
➕ view/less/color-theme.less (+320 -0)
📝 view/less/stylesheet.less (+3 -140)
➕ view/less/theme-dark.less (+14 -0)
➕ view/less/theme-light.less (+15 -0)
➕ view/less/themes.less (+15 -0)
📝 view/less/variable.less (+2 -19)

📄 Description

This PR intend to help solve #73 (Dark theme).

It only contains a css that can handle both "theme-light" and "theme-dark".

It's not fully functionnal (but doesn't break anything) as it require code to "install" the theme. Right now, only theme default theme (light theme) is shown by default, but by adding a class "theme-dark" to the body, the whole page turns into a dark theme.

As I'm not familiar with shiori design, I didn't do the last part.

_{🔄 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/go-shiori/shiori/pull/85 **Author:** [@gissehel](https://github.com/gissehel) **Created:** 4/18/2018 **Status:** ❌ Closed **Base:** `master` ← **Head:** `73` --- ### 📝 Commits (2) - [`baf7cb0`](https://github.com/go-shiori/shiori/commit/baf7cb0977eee818ed768f57d8a28f4027a531dd) CSS refactoring in order to provide a dark theme #73 - [`6f92146`](https://github.com/go-shiori/shiori/commit/6f9214658726702cf63f941d094716bba4c744ac) Fix some default colors that weren't looking good in a dark theme ### 📊 Changes **8 files changed** (+468 additions, -226 deletions) <details> <summary>View changed files</summary> 📝 `cmd/serve/assets-prod.go` (+98 -66) 📝 `view/css/stylesheet.css` (+1 -1) ➕ `view/less/color-theme.less` (+320 -0) 📝 `view/less/stylesheet.less` (+3 -140) ➕ `view/less/theme-dark.less` (+14 -0) ➕ `view/less/theme-light.less` (+15 -0) ➕ `view/less/themes.less` (+15 -0) 📝 `view/less/variable.less` (+2 -19) </details> ### 📄 Description This PR intend to help solve #73 (Dark theme). It only contains a css that can handle both "theme-light" and "theme-dark". It's not fully functionnal (but doesn't break anything) as it require code to "install" the theme. Right now, only theme default theme (light theme) is shown by default, but by adding a class "theme-dark" to the body, the whole page turns into a dark theme. As I'm not familiar with shiori design, I didn't do the last part. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>