luckyimnotanigger/AnonymousOverflow
1
0
Fork 0
mirror of https://github.com/httpjamesm/AnonymousOverflow.git synced 2025-04-19 21:39:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add theme support using environment variable

Browse source
This commit is contained in:
httpjamesm 2024-07-25 09:57:47 -07:00
parent e35ffdcc07
commit bd969567a4
5 changed files with 43 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
public/globals.css
View file

@ -26,6 +26,32 @@
}
}
[data-theme="dark"] {
--main-bg: #1b1f26;
--text-color: #fff;
--muted-text-color: #b3b3b3;
--code-bg: #36383d;
--code-fg: #ffffff;
--input-bg: #2b303b;
--input-bg-hover: #3b404b;
--meta-bg: #525262;
--divider-color: #42464e;
--link-color: #92adff;
}
[data-theme="light"] {
--main-bg: #dbdbdb;
--text-color: #000;
--muted-text-color: #636363;
--code-bg: #36383d;
--code-fg: #ffffff;
--input-bg: #bcbcbc;
--input-bg-hover: #a8a8a8;
--meta-bg: #aaa8a8;
--divider-color: #b5b5b5;
--link-color: #335ad0;
}
a {
color: var(--link-color);
}
@ -78,4 +104,4 @@ details {
.fw-nowrap {
flex-wrap: nowrap;
}
}

6
src/routes/home.go
View file

@ -3,6 +3,7 @@ package routes
import (
"anonymousoverflow/config"
"fmt"
"os"
"regexp"
"strings"
@ -10,8 +11,13 @@ import (
)
func GetHome(c *gin.Context) {
theme := os.Getenv("THEME")
if theme == "" {
theme = "auto"
}
c.HTML(200, "home.html", gin.H{
"version": config.Version,
"theme": theme,
})
}

6
src/routes/question.go
View file

@ -101,6 +101,11 @@ func ViewQuestion(c *gin.Context) {
imagePolicy = "'self'"
}
theme := os.Getenv("THEME")
if theme == "" {
theme = "auto"
}
c.HTML(200, "question.html", gin.H{
"question": newFilteredQuestion,
"answers": answers,
@ -108,6 +113,7 @@ func ViewQuestion(c *gin.Context) {
"currentUrl": fmt.Sprintf("%s%s", os.Getenv("APP_URL"), c.Request.URL.Path),
"sortValue": params.SoSortValue,
"domain": domain,
"theme": theme,
})
}

4
templates/home.html
View file

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html>
<html data-theme="{{ .theme }}">
<head>
<title>AnonymousOverflow - Private frontend for StackOverflow</title>
@ -58,4 +58,4 @@
</div>
</body>
</html>
</html>

4
templates/question.html
View file

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html>
<html data-theme="{{ .theme }}">
<head>
<title>{{ .question.Title }} | AnonymousOverflow</title>
@ -92,4 +92,4 @@
{{ end }}
</body>
</html>
</html>