localhost_frssoft/bloat
1
0
Fork 0
mirror of https://gitea.phreedom.club/localhost_frssoft/bloat.git synced 2025-05-05 03:18:44 +00:00
Code Issues Projects Releases Wiki Activity

Add dark mode

Browse source
This commit is contained in:
r 2020-01-12 17:16:57 +00:00
parent 8607f16212
commit 3c6653a77b
15 changed files with 124 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

12
static/fluoride.js
View file

@ -1,8 +1,12 @@
var actionIcons = {
"like": "/static/icons/star-o.png",
"dark-like": "/static/icons/dark-star-o.png",
"unlike": "/static/icons/liked.png",
"dark-unlike": "/static/icons/liked.png",
"retweet": "/static/icons/retweet.png",
"unretweet": "/static/icons/retweeted.png"
"dark-retweet": "/static/icons/dark-retweet.png",
"unretweet": "/static/icons/retweeted.png",
"dark-unretweet": "/static/icons/retweeted.png"
};
var reverseActions = {
@ -31,7 +35,11 @@ function http(method, url, success, error) {
}
function updateActionForm(id, f, action) {
f.children[1].src = actionIcons[action];
if (Array.from(document.body.classList).indexOf("dark") > -1) {
f.children[1].src = actionIcons["dark-" + action];
} else {
f.children[1].src = actionIcons[action];
}
f.action = "/" + action + "/" + id;
f.dataset.action = action;
}

30
static/main.css
View file

@ -99,8 +99,8 @@
}
.status-action a:hover,
.status-action a:hover i {
opacity: 0.8;
.status-action input:hover {
opacity: 0.6;
}
.status-action a.status-time {
@ -442,3 +442,29 @@
z-index: 3;
margin: 0 8px 0 8px;
}
.dark {
background-color: #222222;
background-image: none;
color: #eaeaea;
}
.dark a {
color: #81a2be;
}
.dark .status-action a {
color: #999999;
}
.dark #post-content {
background-color: #333333;
border: 1px solid #444444;
color: #eaeaea;
}
.dark #reply-popup,
.dark #reply-to-popup {
background-color: #222222;
border-color: #444444;
}