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

Darker dark mode

Browse source
This commit is contained in:
Niléane 2023-07-15 00:22:49 +02:00
commit d7db5310c3
No known key found for this signature in database
2 changed files with 20 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

20
TangerineUI-purple.css
View file

@ -1,5 +1,5 @@
/* TangerineUI 🍊 for Mastodon ・ Purple variant 🪻 /* TangerineUI 🍊 for Mastodon ・ Purple variant 🪻
version: 1.4.3 version: 1.5
A Tangerine redesign for Mastodon's Web UI. A Tangerine redesign for Mastodon's Web UI.
https://github.com/nileane/TangerineUI-for-Mastodon/ https://github.com/nileane/TangerineUI-for-Mastodon/
@ -36,21 +36,21 @@
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
--color-bg: #19191a; --color-bg: #000000;
--color-fg: #d6d2e0; --color-fg: #d6d2e0;
--color-fg-muted: #655e6e; --color-fg-muted: #655e6e;
--color-secondary-bg: #1e1d21; --color-secondary-bg: #0c0c0d;
--color-secondary-separator: #26232e; --color-secondary-separator: #26232e;
--color-content-bg: #212121; --color-content-bg: #0b0b0b;
--color-content-fg: #f2f2f2; --color-content-fg: #f2f2f2;
--color-content-fg-bold: #ffffff; --color-content-fg-bold: #ffffff;
--color-content-fg-muted: #737373; --color-content-fg-muted: #737373;
--color-content-secondary-bg: #2a2934; --color-content-secondary-bg: #1f1b22;
--color-content-secondary-separator: rgba(64, 62, 89, 0.4); --color-content-secondary-separator: rgba(64, 62, 89, 0.4);
--color-content-bg-focus: #2e2e2e; --color-content-bg-focus: #151515;
--color-accent: #6b6cfb; --color-accent: #7a7af9;
--color-accent-focus: #5a47ff; --color-accent-focus: #5a47ff;
--color-accent-bg: #261f3c; --color-accent-bg: #261f3c;
--color-accent-fg: #ffffff; --color-accent-fg: #ffffff;
@ -1129,7 +1129,7 @@ body.layout-single-column {
background-color: transparent; background-color: transparent;
height: 55px; height: 55px;
} }
.layout-single-column .ui:after { /* Set a backdrop blur background to both top bars */ .layout-single-column .ui::after { /* Set a backdrop blur background to both top bars */
-webkit-backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px); backdrop-filter: blur(12px);
background-color: rgba(242, 239, 245, .75); background-color: rgba(242, 239, 245, .75);
@ -1155,8 +1155,8 @@ 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: rgb(25, 25, 26, .7); background-color: rgb(0, 0, 0, .5);
} }
} }
} }

20
TangerineUI.css
View file

@ -1,5 +1,5 @@
/* TangerineUI 🍊 for Mastodon /* TangerineUI 🍊 for Mastodon
version: 1.4.3 version: 1.5
A Tangerine redesign for Mastodon's Web UI. A Tangerine redesign for Mastodon's Web UI.
https://github.com/nileane/TangerineUI-for-Mastodon/ https://github.com/nileane/TangerineUI-for-Mastodon/
@ -36,19 +36,19 @@
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
--color-bg: #19191a; --color-bg: #000000;
--color-fg: #e0d6d1; --color-fg: #e0d6d1;
--color-fg-muted: #6e635e; --color-fg-muted: #6e635e;
--color-secondary-bg: #211f1d; --color-secondary-bg: #0d0c0c;
--color-secondary-separator: #2e2823; --color-secondary-separator: #25201c;
--color-content-bg: #262627; --color-content-bg: #0b0b0b;
--color-content-fg: #f2f2f2; --color-content-fg: #f2f2f2;
--color-content-fg-bold: #ffffff; --color-content-fg-bold: #ffffff;
--color-content-fg-muted: #737373; --color-content-fg-muted: #737373;
--color-content-secondary-bg: #332f2c; --color-content-secondary-bg: #292623;
--color-content-secondary-separator: rgba(77, 73, 70, 0.4); --color-content-secondary-separator: rgba(77, 73, 70, 0.4);
--color-content-bg-focus: #2e2e2e; --color-content-bg-focus: #222222;
--color-accent: #e68933; --color-accent: #e68933;
--color-accent-focus: #ffa047; --color-accent-focus: #ffa047;
@ -1129,7 +1129,7 @@ body.layout-single-column {
background-color: transparent; background-color: transparent;
height: 55px; height: 55px;
} }
.layout-single-column .ui:after { /* Set a backdrop blur background to both top bars */ .layout-single-column .ui::after { /* Set a backdrop blur background to both top bars */
-webkit-backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px); backdrop-filter: blur(12px);
background-color: rgba(245, 242, 239, 0.75); background-color: rgba(245, 242, 239, 0.75);
@ -1155,8 +1155,8 @@ 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(24, 24, 25, 0.7); background-color: rgba(0, 0, 0, 0.5);
} }
} }
} }