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

MultiColumn - Fixed background color for the purple variant

Browse source
This commit is contained in:
Niléane 2023-11-16 17:34:50 +01:00
commit 0891ff4f37
No known key found for this signature in database
4 changed files with 22 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

7
TangerineUI-purple.css
View file

@ -4300,7 +4300,12 @@ a:is(.active,
/* Multi-column layout */ /* Multi-column layout */
.layout-multiple-columns { .layout-multiple-columns {
--color-bg: #f5f2ef; --color-bg: #f2eff5;
}
@media (prefers-color-scheme: dark) {
.layout-multiple-columns {
--color-bg: #030303;
}
} }
:root:has(.layout-multiple-columns) *::-webkit-scrollbar { :root:has(.layout-multiple-columns) *::-webkit-scrollbar {
width: 4px; width: 4px;

5
TangerineUI.css
View file

@ -4302,6 +4302,11 @@ a:is(.active,
.layout-multiple-columns { .layout-multiple-columns {
--color-bg: #f5f2ef; --color-bg: #f5f2ef;
} }
@media (prefers-color-scheme: dark) {
.layout-multiple-columns {
--color-bg: #030303;
}
}
:root:has(.layout-multiple-columns) *::-webkit-scrollbar { :root:has(.layout-multiple-columns) *::-webkit-scrollbar {
width: 4px; width: 4px;
} }

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

@ -4300,7 +4300,12 @@ a:is(.active,
/* Multi-column layout */ /* Multi-column layout */
.layout-multiple-columns { .layout-multiple-columns {
--color-bg: #f5f2ef; --color-bg: #f2eff5;
}
@media (prefers-color-scheme: dark) {
.layout-multiple-columns {
--color-bg: #030303;
}
} }
:root:has(.layout-multiple-columns) *::-webkit-scrollbar { :root:has(.layout-multiple-columns) *::-webkit-scrollbar {
width: 4px; width: 4px;

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

@ -4302,6 +4302,11 @@ a:is(.active,
.layout-multiple-columns { .layout-multiple-columns {
--color-bg: #f5f2ef; --color-bg: #f5f2ef;
} }
@media (prefers-color-scheme: dark) {
.layout-multiple-columns {
--color-bg: #030303;
}
}
:root:has(.layout-multiple-columns) *::-webkit-scrollbar { :root:has(.layout-multiple-columns) *::-webkit-scrollbar {
width: 4px; width: 4px;
} }