From 50098b1524b3e46e4f2148b826eff2295aae56ad Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nil=C3=A9ane?= Date: Tue, 25 Jul 2023 23:00:49 +0200 Subject: [PATCH] Adjusted post lines color in dark mode --- TangerineUI-purple.css | 8 ++++---- TangerineUI.css | 8 ++++---- .../styles/tangerineui-purple/layout-single-column.scss | 8 ++++---- .../styles/tangerineui/layout-single-column.scss | 8 ++++---- 4 files changed, 16 insertions(+), 16 deletions(-) diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index 543890b..77ac4e9 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -36,7 +36,7 @@ } @media (prefers-color-scheme: dark) { :root { - --color-bg: #000000; + --color-bg: #030303; --color-fg: #d6d2e0; --color-fg-muted: #655e6e; --color-secondary-bg: #1e162b; @@ -55,7 +55,7 @@ --color-accent-bg: #261f3c; --color-accent-fg: #ffffff; - --color-lines: var(--color-content-secondary-separator); + --color-lines: #343434; } } :root { @@ -1209,7 +1209,7 @@ body.layout-single-column { @media (prefers-color-scheme: dark) { @media screen and (max-width:1174px) { .layout-single-column .ui::after { - background-color: rgba(0, 0, 0, .7); + background-color: rgba(3, 3, 3, .65); } } } @@ -1470,7 +1470,7 @@ body.layout-single-column { @media (prefers-color-scheme: dark) { @media screen and (max-width:1174px) { .layout-single-column .columns-area__panels__pane--navigational .navigation-panel { - background-color: rgba(24, 24, 25, 0.7); + background-color: rgba(3, 3, 3, 0.65); border: 0; } .layout-single-column a.column-link--transparent.active, diff --git a/TangerineUI.css b/TangerineUI.css index 8ca74c6..a204c5b 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -36,7 +36,7 @@ } @media (prefers-color-scheme: dark) { :root { - --color-bg: #000000; + --color-bg: #030303; --color-fg: #e0d6d1; --color-fg-muted: #6e635e; --color-secondary-bg: #282015; @@ -55,7 +55,7 @@ --color-accent-bg: #3c2a1f; --color-accent-fg: #ffffff; - --color-lines: var(--color-content-secondary-bg); + --color-lines: #343434; } } :root { @@ -1209,7 +1209,7 @@ body.layout-single-column { @media (prefers-color-scheme: dark) { @media screen and (max-width:1174px) { .layout-single-column .ui::after { - background-color: rgba(0, 0, 0, .7); + background-color: rgba(3, 3, 3, .65); } } } @@ -1470,7 +1470,7 @@ body.layout-single-column { @media (prefers-color-scheme: dark) { @media screen and (max-width:1174px) { .layout-single-column .columns-area__panels__pane--navigational .navigation-panel { - background-color: rgba(24, 24, 25, 0.7); + background-color: rgba(3, 3, 3, .65); border: 0; } .layout-single-column a.column-link--transparent.active, diff --git a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss index 543890b..77ac4e9 100644 --- a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss +++ b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss @@ -36,7 +36,7 @@ } @media (prefers-color-scheme: dark) { :root { - --color-bg: #000000; + --color-bg: #030303; --color-fg: #d6d2e0; --color-fg-muted: #655e6e; --color-secondary-bg: #1e162b; @@ -55,7 +55,7 @@ --color-accent-bg: #261f3c; --color-accent-fg: #ffffff; - --color-lines: var(--color-content-secondary-separator); + --color-lines: #343434; } } :root { @@ -1209,7 +1209,7 @@ body.layout-single-column { @media (prefers-color-scheme: dark) { @media screen and (max-width:1174px) { .layout-single-column .ui::after { - background-color: rgba(0, 0, 0, .7); + background-color: rgba(3, 3, 3, .65); } } } @@ -1470,7 +1470,7 @@ body.layout-single-column { @media (prefers-color-scheme: dark) { @media screen and (max-width:1174px) { .layout-single-column .columns-area__panels__pane--navigational .navigation-panel { - background-color: rgba(24, 24, 25, 0.7); + background-color: rgba(3, 3, 3, 0.65); border: 0; } .layout-single-column a.column-link--transparent.active, diff --git a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss index 8ca74c6..a204c5b 100644 --- a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss +++ b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss @@ -36,7 +36,7 @@ } @media (prefers-color-scheme: dark) { :root { - --color-bg: #000000; + --color-bg: #030303; --color-fg: #e0d6d1; --color-fg-muted: #6e635e; --color-secondary-bg: #282015; @@ -55,7 +55,7 @@ --color-accent-bg: #3c2a1f; --color-accent-fg: #ffffff; - --color-lines: var(--color-content-secondary-bg); + --color-lines: #343434; } } :root { @@ -1209,7 +1209,7 @@ body.layout-single-column { @media (prefers-color-scheme: dark) { @media screen and (max-width:1174px) { .layout-single-column .ui::after { - background-color: rgba(0, 0, 0, .7); + background-color: rgba(3, 3, 3, .65); } } } @@ -1470,7 +1470,7 @@ body.layout-single-column { @media (prefers-color-scheme: dark) { @media screen and (max-width:1174px) { .layout-single-column .columns-area__panels__pane--navigational .navigation-panel { - background-color: rgba(24, 24, 25, 0.7); + background-color: rgba(3, 3, 3, .65); border: 0; } .layout-single-column a.column-link--transparent.active,