mirror/Tangerine-UI
1
0
Fork 0
mirror of https://github.com/nileane/TangerineUI-for-Mastodon synced 2024-11-27 14:28:14 +09:00
Code

Adjusted post lines color in dark mode

Browse Source
This commit is contained in:
Niléane 2023-07-25 23:00:49 +02:00
parent 12edc4c19c
commit 50098b1524
No known key found for this signature in database
4 changed files with 16 additions and 16 deletions
Show Stats 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) {
: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,

8
TangerineUI.css
View File

@ -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,

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

@ -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,

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

@ -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,