discourse/discourse-rewind
1
0
Fork 0
mirror of https://github.com/discourse/discourse-rewind.git synced 2025-07-06 22:02:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

color scheme issue

Browse Source
This commit is contained in:
Jordan Vidrine 2025-01-13 11:52:21 -06:00
parent 823f908cff
commit 98c08d19b3
5 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
assets/stylesheets/common/rewind-header.scss
View File

@ -10,6 +10,16 @@
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
&.-light {
display: block;
}
&.-dark {
display: none;
}
}
@if is-dark-color-scheme() {
&.-dark { &.-dark {
display: none; display: none;
} }

2
assets/stylesheets/common/rewind.scss
View File

@ -50,7 +50,7 @@
.background-1 { .background-1 {
background: url(/plugins/discourse-rewind/images/blur-bg.png); background: url(/plugins/discourse-rewind/images/blur-bg.png);
@media (prefers-color-scheme: dark) { @if is-dark-color-scheme() {
opacity: 0.15; opacity: 0.15;
} }
background-size: contain; background-size: contain;

8
assets/stylesheets/common/top-words.scss
View File

@ -68,7 +68,7 @@
.rewind-card { .rewind-card {
box-shadow: 0 0 0 4px rgba(var(--mystery-color-light), 1); box-shadow: 0 0 0 4px rgba(var(--mystery-color-light), 1);
border: none; border: none;
@media (prefers-color-scheme: dark) { @if is-dark-color-scheme() {
background-color: var(--primary-200); background-color: var(--primary-200);
box-shadow: 0 0 0 4px rgba(var(--mystery-color-dark), 1); box-shadow: 0 0 0 4px rgba(var(--mystery-color-dark), 1);
} }
@ -97,13 +97,13 @@
} }
&:hover .rewind-card__inner { &:hover .rewind-card__inner {
box-shadow: 0px 3px 8px 2px rgba(var(--primary-rgb), 0.25); box-shadow: 0px 3px 8px 2px rgba(var(--primary-rgb), 0.25);
@media (prefers-color-scheme: dark) { @if is-dark-color-scheme() {
box-shadow: 0px 3px 8px 2px rgba(var(--secondary-rgb), 0.9); box-shadow: 0px 3px 8px 2px rgba(var(--primary-rgb), 0.25);
} }
} }
.rewind-card__inner { .rewind-card__inner {
box-shadow: 0px 0px 6px 2px rgba(var(--primary-rgb), 0.25); box-shadow: 0px 0px 6px 2px rgba(var(--primary-rgb), 0.25);
@media (prefers-color-scheme: dark) { @if is-dark-color-scheme() {
box-shadow: 0px 0px 6px 2px rgba(var(--secondary-rgb), 0.9); box-shadow: 0px 0px 6px 2px rgba(var(--secondary-rgb), 0.9);
} }
} }

2
assets/stylesheets/common/variables.scss
View File

@ -17,7 +17,7 @@
border: 2px solid var(--primary); border: 2px solid var(--primary);
border-radius: var(--rewind-border-radius); border-radius: var(--rewind-border-radius);
box-shadow: 4px 4px 0 0 rgba(var(--primary-rgb), 0.25); box-shadow: 4px 4px 0 0 rgba(var(--primary-rgb), 0.25);
@media screen and (prefers-color-scheme: dark) { @if is-dark-color-scheme() {
box-shadow: 0 4px 5px -2px rgba(var(--secondary-rgb), 0.5); box-shadow: 0 4px 5px -2px rgba(var(--secondary-rgb), 0.5);
} }
} }

BIN
public/images/rewind-avatar.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB