chinwag/ChinwagUI
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adjusted post lines color in dark mode

Browse source
This commit is contained in:
Niléane 2023-07-25 23:00:49 +02:00
commit 50098b1524
No known key found for this signature in database
4 changed files with 16 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

8
TangerineUI-purple.css
View file

@ -36,7 +36,7 @@
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
--color-bg: #000000; --color-bg: #030303;
--color-fg: #d6d2e0; --color-fg: #d6d2e0;
--color-fg-muted: #655e6e; --color-fg-muted: #655e6e;
--color-secondary-bg: #1e162b; --color-secondary-bg: #1e162b;
@ -55,7 +55,7 @@
--color-accent-bg: #261f3c; --color-accent-bg: #261f3c;
--color-accent-fg: #ffffff; --color-accent-fg: #ffffff;
--color-lines: var(--color-content-secondary-separator); --color-lines: #343434;
} }
} }
:root { :root {
@ -1209,7 +1209,7 @@ body.layout-single-column {
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
@media screen and (max-width:1174px) { @media screen and (max-width:1174px) {
.layout-single-column .ui::after { .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 (prefers-color-scheme: dark) {
@media screen and (max-width:1174px) { @media screen and (max-width:1174px) {
.layout-single-column .columns-area__panels__pane--navigational .navigation-panel { .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; border: 0;
} }
.layout-single-column a.column-link--transparent.active, .layout-single-column a.column-link--transparent.active,

8
TangerineUI.css
View file

@ -36,7 +36,7 @@
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
--color-bg: #000000; --color-bg: #030303;
--color-fg: #e0d6d1; --color-fg: #e0d6d1;
--color-fg-muted: #6e635e; --color-fg-muted: #6e635e;
--color-secondary-bg: #282015; --color-secondary-bg: #282015;
@ -55,7 +55,7 @@
--color-accent-bg: #3c2a1f; --color-accent-bg: #3c2a1f;
--color-accent-fg: #ffffff; --color-accent-fg: #ffffff;
--color-lines: var(--color-content-secondary-bg); --color-lines: #343434;
} }
} }
:root { :root {
@ -1209,7 +1209,7 @@ body.layout-single-column {
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
@media screen and (max-width:1174px) { @media screen and (max-width:1174px) {
.layout-single-column .ui::after { .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 (prefers-color-scheme: dark) {
@media screen and (max-width:1174px) { @media screen and (max-width:1174px) {
.layout-single-column .columns-area__panels__pane--navigational .navigation-panel { .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; border: 0;
} }
.layout-single-column a.column-link--transparent.active, .layout-single-column a.column-link--transparent.active,

8
mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
View file

@ -36,7 +36,7 @@
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
--color-bg: #000000; --color-bg: #030303;
--color-fg: #d6d2e0; --color-fg: #d6d2e0;
--color-fg-muted: #655e6e; --color-fg-muted: #655e6e;
--color-secondary-bg: #1e162b; --color-secondary-bg: #1e162b;
@ -55,7 +55,7 @@
--color-accent-bg: #261f3c; --color-accent-bg: #261f3c;
--color-accent-fg: #ffffff; --color-accent-fg: #ffffff;
--color-lines: var(--color-content-secondary-separator); --color-lines: #343434;
} }
} }
:root { :root {
@ -1209,7 +1209,7 @@ body.layout-single-column {
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
@media screen and (max-width:1174px) { @media screen and (max-width:1174px) {
.layout-single-column .ui::after { .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 (prefers-color-scheme: dark) {
@media screen and (max-width:1174px) { @media screen and (max-width:1174px) {
.layout-single-column .columns-area__panels__pane--navigational .navigation-panel { .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; border: 0;
} }
.layout-single-column a.column-link--transparent.active, .layout-single-column a.column-link--transparent.active,

8
mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
View file

@ -36,7 +36,7 @@
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
--color-bg: #000000; --color-bg: #030303;
--color-fg: #e0d6d1; --color-fg: #e0d6d1;
--color-fg-muted: #6e635e; --color-fg-muted: #6e635e;
--color-secondary-bg: #282015; --color-secondary-bg: #282015;
@ -55,7 +55,7 @@
--color-accent-bg: #3c2a1f; --color-accent-bg: #3c2a1f;
--color-accent-fg: #ffffff; --color-accent-fg: #ffffff;
--color-lines: var(--color-content-secondary-bg); --color-lines: #343434;
} }
} }
:root { :root {
@ -1209,7 +1209,7 @@ body.layout-single-column {
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
@media screen and (max-width:1174px) { @media screen and (max-width:1174px) {
.layout-single-column .ui::after { .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 (prefers-color-scheme: dark) {
@media screen and (max-width:1174px) { @media screen and (max-width:1174px) {
.layout-single-column .columns-area__panels__pane--navigational .navigation-panel { .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; border: 0;
} }
.layout-single-column a.column-link--transparent.active, .layout-single-column a.column-link--transparent.active,