From 4ad7352fcc9c3a4e986a93d287aa0f073b04fb62 Mon Sep 17 00:00:00 2001 From: deadvey Date: Fri, 24 Oct 2025 12:48:54 +0100 Subject: [PATCH] Updated some EJS and CSS to make it look a bit nicer (I am hopeless at UX) --- views/headers/tag.ejs | 2 +- views/posts/post.ejs | 4 ++-- views/posts/tag.ejs | 4 ++-- views/posts/timeline.ejs | 4 ++-- views/posts/user.ejs | 4 ++-- webroot/default.css | 33 +++++++++++++++++++++++++++++++++ 6 files changed, 42 insertions(+), 9 deletions(-) diff --git a/views/headers/tag.ejs b/views/headers/tag.ejs index 89633cb..9e7cf80 100644 --- a/views/headers/tag.ejs +++ b/views/headers/tag.ejs @@ -1,6 +1,6 @@

- <%= locale.posts_tagged %>: "<%- tag %>" + #<%- tag %>

<%- config.seperator %> diff --git a/views/posts/post.ejs b/views/posts/post.ejs index 7c0ed6d..9d7e3a4 100644 --- a/views/posts/post.ejs +++ b/views/posts/post.ejs @@ -1,7 +1,7 @@
-

+

'><%= post.title %> -

+
diff --git a/views/posts/tag.ejs b/views/posts/tag.ejs index e532c71..33939c1 100644 --- a/views/posts/tag.ejs +++ b/views/posts/tag.ejs @@ -1,7 +1,7 @@
-

+

'><%= post.title %> -

+
diff --git a/views/posts/timeline.ejs b/views/posts/timeline.ejs index e532c71..33939c1 100644 --- a/views/posts/timeline.ejs +++ b/views/posts/timeline.ejs @@ -1,7 +1,7 @@
-

+

'><%= post.title %> -

+
diff --git a/views/posts/user.ejs b/views/posts/user.ejs index e532c71..33939c1 100644 --- a/views/posts/user.ejs +++ b/views/posts/user.ejs @@ -1,7 +1,7 @@
-

+

'><%= post.title %> -

+
diff --git a/webroot/default.css b/webroot/default.css index 5a6843c..81da789 100644 --- a/webroot/default.css +++ b/webroot/default.css @@ -8,9 +8,42 @@ body { #post-edit img { width: 20px; } +input, textarea, button { + border: none; + border-radius: 5px; +} a { text-decoration: none; } a:hover { text-decoration: underline; } +@media (prefers-color-scheme: dark) { + body { + background-color: #333333; + color: #ffffff; + } + a { + color: #546BEB; + } + a:visited { + color: #EF46F1; + } + input, textarea, button { + background-color: #1E1E1E; + color: #ffffff; + } + hr { + color: white; + } +} + +@media (prefers-color-scheme: light) { + input, textarea, button { + background-color: #DEDEDE; + color: #000000; + } + hr { + color: black; + } +}