diff --git a/static/apple-touch-icon.png b/static/apple-touch-icon.png index 8e05d14..bf936d4 100644 Binary files a/static/apple-touch-icon.png and b/static/apple-touch-icon.png differ diff --git a/static/favicon.ico b/static/favicon.ico index 364071c..fcee247 100644 Binary files a/static/favicon.ico and b/static/favicon.ico differ diff --git a/static/favicon.png b/static/favicon.png index c5ee494..c2d0a0f 100644 Binary files a/static/favicon.png and b/static/favicon.png differ diff --git a/static/logo.png b/static/logo.png index 94a45d5..d43b242 100644 Binary files a/static/logo.png and b/static/logo.png differ diff --git a/static/logo.svg b/static/logo.svg index 8389136..f92a86a 100644 --- a/static/logo.svg +++ b/static/logo.svg @@ -1,7 +1,7 @@ + - diff --git a/static/style.css b/static/style.css index 1624f9d..ef4b487 100644 --- a/static/style.css +++ b/static/style.css @@ -41,7 +41,7 @@ :root, .dark { /* Default & fallback theme (dark) */ - --accent: red; + --accent: #d74253; --green: #5cff85; --text: white; --foreground: #222; @@ -62,7 +62,7 @@ /* Browser-defined light theme */ @media (prefers-color-scheme: light) { :root { - --accent: #9a0000; + --accent: #aa2434; --green: #00a229; --text: black; --foreground: #f5f5f5; @@ -616,6 +616,7 @@ aside { #feed_list > .selected { background-color: var(--accent); color: var(--foreground); + font-weight: 500; } #feed_list > a:not(.selected):hover { @@ -870,6 +871,7 @@ main > * > footer > a { #listing_options > a.selected { background: var(--accent); color: var(--foreground); + font-weight: 500; } #sort_options > a:not(.selected):hover, diff --git a/static/themes/black.css b/static/themes/black.css index c0b9367..e6f7d57 100644 --- a/static/themes/black.css +++ b/static/themes/black.css @@ -1,6 +1,6 @@ /* Black theme setting */ .black { - --accent: #9a0000; + --accent: #aa2434; --green: #00a229; --text: white; --foreground: #0f0f0f; diff --git a/static/themes/dark.css b/static/themes/dark.css index 4196894..d669dde 100644 --- a/static/themes/dark.css +++ b/static/themes/dark.css @@ -1,6 +1,6 @@ /* Dark theme setting */ .dark{ - --accent: red; + --accent: #d74253; --green: #5cff85; --text: white; --foreground: #222; diff --git a/static/themes/libredditBlack.css b/static/themes/libredditBlack.css new file mode 100644 index 0000000..a1ee049 --- /dev/null +++ b/static/themes/libredditBlack.css @@ -0,0 +1,14 @@ +/* Libreddit black theme setting */ +.libredditBlack { + --accent: #009a9a; + --green: #00a229; + --text: white; + --foreground: #0f0f0f; + --background: black; + --outside: black; + --post: black; + --panel-border: 2px solid #0f0f0f; + --highlighted: #0f0f0f; + --visited: #aaa; + --shadow: 0 1px 3px rgba(0, 0, 0, 0.1); +} \ No newline at end of file diff --git a/static/themes/libredditDark.css b/static/themes/libredditDark.css new file mode 100644 index 0000000..f88973b --- /dev/null +++ b/static/themes/libredditDark.css @@ -0,0 +1,14 @@ +/* Libreddit dark theme setting */ +.libredditDark{ + --accent: aqua; + --green: #5cff85; + --text: white; + --foreground: #222; + --background: #0f0f0f; + --outside: #1f1f1f; + --post: #161616; + --panel-border: 1px solid #333; + --highlighted: #333; + --visited: #aaa; + --shadow: 0 1px 3px rgba(0, 0, 0, 0.5); +} \ No newline at end of file diff --git a/static/themes/libredditLight.css b/static/themes/libredditLight.css new file mode 100644 index 0000000..ccb857d --- /dev/null +++ b/static/themes/libredditLight.css @@ -0,0 +1,19 @@ +/* Libreddit light theme setting */ +.libredditLight { + --accent: #009a9a; + --green: #00a229; + --text: black; + --foreground: #f5f5f5; + --background: #ddd; + --outside: #ececec; + --post: #eee; + --panel-border: 1px solid #ccc; + --highlighted: white; + --visited: #555; + --shadow: 0 1px 3px rgba(0, 0, 0, 0.1); +} + +html:has(> .libredditLight) { + /* Hint color theme to browser for scrollbar */ + color-scheme: light; +} \ No newline at end of file diff --git a/static/themes/light.css b/static/themes/light.css index d86c8e8..e2ab530 100644 --- a/static/themes/light.css +++ b/static/themes/light.css @@ -1,6 +1,6 @@ /* Light theme setting */ .light { - --accent: #9a0000; + --accent: #aa2434; --green: #00a229; --text: black; --foreground: #f5f5f5;