additional new colour tweaks (#285)
@ -2,7 +2,7 @@
|
|||||||
|
|
||||||
> An alternative private front-end to Reddit, with its origins in [Libreddit](https://github.com/libreddit/libreddit).
|
> An alternative private front-end to Reddit, with its origins in [Libreddit](https://github.com/libreddit/libreddit).
|
||||||
|
|
||||||
![screenshot](https://i.ibb.co/QYbqTQt/libreddit-rust.png)
|
![screenshot](https://i.ibb.co/18vrdxk/redlib-rust.png)
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
Before Width: | Height: | Size: 4.3 KiB After Width: | Height: | Size: 4.3 KiB |
Before Width: | Height: | Size: 564 B After Width: | Height: | Size: 564 B |
BIN
static/logo.png
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
@ -1,7 +1,7 @@
|
|||||||
<svg version="1.1" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
|
<svg version="1.1" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
|
||||||
<g transform="matrix(1 0 0 -1 0 512)">
|
<g transform="matrix(1 0 0 -1 0 512)">
|
||||||
<circle cx="256" cy="256" r="256" fill="#1a1a1a"/>
|
<circle cx="256" cy="256" r="256" fill="#1a1a1a"/>
|
||||||
<path d="M144,96 v320 h224 v-70 h-152 V96 z" fill="#d74253"/>
|
<path d="M144,96 v320 h224 v-70 h-152 V96 z" fill="#d54455"/>
|
||||||
<path d="M240,96 v226 h70 v-156 h58 V96 z" fill="#f9f9f9"/>
|
<path d="M240,96 v226 h70 v-156 h58 V96 z" fill="#f9f9f9"/>
|
||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
|
Before Width: | Height: | Size: 317 B After Width: | Height: | Size: 317 B |
@ -41,7 +41,7 @@
|
|||||||
:root,
|
:root,
|
||||||
.dark {
|
.dark {
|
||||||
/* Default & fallback theme (dark) */
|
/* Default & fallback theme (dark) */
|
||||||
--accent: #d74253;
|
--accent: #d54455;
|
||||||
--green: #5cff85;
|
--green: #5cff85;
|
||||||
--text: white;
|
--text: white;
|
||||||
--foreground: #222;
|
--foreground: #222;
|
||||||
@ -62,7 +62,7 @@
|
|||||||
/* Browser-defined light theme */
|
/* Browser-defined light theme */
|
||||||
@media (prefers-color-scheme: light) {
|
@media (prefers-color-scheme: light) {
|
||||||
:root {
|
:root {
|
||||||
--accent: #aa2434;
|
--accent: #bb2b3b;
|
||||||
--green: #00a229;
|
--green: #00a229;
|
||||||
--text: black;
|
--text: black;
|
||||||
--foreground: #f5f5f5;
|
--foreground: #f5f5f5;
|
||||||
@ -192,7 +192,7 @@ nav.fixed_navbar {
|
|||||||
nav * {
|
nav * {
|
||||||
color: var(--text);
|
color: var(--text);
|
||||||
}
|
}
|
||||||
nav #reddit,
|
nav #red,
|
||||||
#code > span {
|
#code > span {
|
||||||
color: var(--accent);
|
color: var(--accent);
|
||||||
}
|
}
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
/* Black theme setting */
|
/* Black theme setting */
|
||||||
.black {
|
.black {
|
||||||
--accent: #aa2434;
|
--accent: #bb2b3b;
|
||||||
--green: #00a229;
|
--green: #00a229;
|
||||||
--text: white;
|
--text: white;
|
||||||
--foreground: #0f0f0f;
|
--foreground: #0f0f0f;
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
/* Dark theme setting */
|
/* Dark theme setting */
|
||||||
.dark{
|
.dark{
|
||||||
--accent: #d74253;
|
--accent: #d54455;
|
||||||
--green: #5cff85;
|
--green: #5cff85;
|
||||||
--text: white;
|
--text: white;
|
||||||
--foreground: #222;
|
--foreground: #222;
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
/* Light theme setting */
|
/* Light theme setting */
|
||||||
.light {
|
.light {
|
||||||
--accent: #aa2434;
|
--accent: #bb2b3b;
|
||||||
--green: #00a229;
|
--green: #00a229;
|
||||||
--text: black;
|
--text: black;
|
||||||
--foreground: #f5f5f5;
|
--foreground: #f5f5f5;
|
||||||
|
@ -38,7 +38,7 @@
|
|||||||
<nav class="
|
<nav class="
|
||||||
{% if prefs.fixed_navbar == "on" %} fixed_navbar{% endif %}">
|
{% if prefs.fixed_navbar == "on" %} fixed_navbar{% endif %}">
|
||||||
<div id="logo">
|
<div id="logo">
|
||||||
<a id="redlib" href="/"><span id="lib">red</span><span id="reddit">lib.</span></a>
|
<a id="redlib" href="/"><span id="red">red</span><span id="lib">lib.</span></a>
|
||||||
{% block subscriptions %}{% endblock %}
|
{% block subscriptions %}{% endblock %}
|
||||||
</div>
|
</div>
|
||||||
{% block search %}{% endblock %}
|
{% block search %}{% endblock %}
|
||||||
|