PonyMirrors/philomena
1
0
Fork 0
mirror of https://github.com/philomena-dev/philomena.git synced 2025-03-17 17:10:03 +01:00
Code Issues Projects Releases Packages Wiki Activity

Fix and improve styling for different themes

Browse source
This commit is contained in:
MareStare 2025-03-15 00:33:18 +00:00
parent b51e2bc205
commit 1e0def08db
3 changed files with 13 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
assets/css/themes/base/dark.css
View file

@ -166,13 +166,13 @@
--poll-form-label-background: hsl(from $border-color h s calc(l + 8)); --poll-form-label-background: hsl(from $border-color h s calc(l + 8));
--tag-dropdown-hover-background: hsl(from $meta-color h s calc(l - 4)); --tag-dropdown-hover-background: hsl(from $meta-color h s calc(l - 4));
--autocomplete-history-color: $block-header-link-text-color --autocomplete-history-color: hsl(from var(--block-header-link-text-color) h s calc(l));
--autocomplete-history-match-color: hsl(from $block-header-link-text-color h s calc(l + 20)); --autocomplete-history-match-color: hsl(from var(--block-header-link-text-color) h s calc(l + 20));
--autocomplete-tag-color: $foreground-color; --autocomplete-tag-color: hsl(from var(--foreground-color) h s calc(l - 5));
--autocomplete-tag-match-color: hsl(from $foreground-color h s calc(l + 20)); --autocomplete-tag-match-color: hsl(from var(--foreground-color) h s calc(l + 20));
--autocomplete-tag-count-color: $foreground-half-color --autocomplete-tag-count-color: var(--foreground-half-color);
--autocomplete-match-selected-color: hsl(from $background-color h s calc(l + 10)); --autocomplete-match-selected-color: hsl(from var(--background-color) h s calc(l + 10));
} }
} }

12
assets/css/themes/base/light.css
View file

@ -163,13 +163,13 @@
--poll-form-label-background: hsl(from $base-color h calc(s - 16) calc(l + 36)); --poll-form-label-background: hsl(from $base-color h calc(s - 16) calc(l + 36));
--tag-dropdown-hover-background: hsl(from $foreground-color h s calc(l - 10)); --tag-dropdown-hover-background: hsl(from $foreground-color h s calc(l - 10));
--autocomplete-history-color: $block-header-link-text-color --autocomplete-history-color: var(--block-header-link-text-color);
--autocomplete-history-match-color: hsl(from $block-header-link-text-color h s calc(l + 20)); --autocomplete-history-match-color: hsl(from var(--block-header-link-text-color) h calc(s + 40) calc(l - 15));
--autocomplete-tag-color: $foreground-color; --autocomplete-tag-color: hsl(from var(--foreground-color) h s calc(l + 20));
--autocomplete-tag-match-color: hsl(from $foreground-color h s calc(l + 20)); --autocomplete-tag-match-color: hsl(from var(--foreground-color) h s calc(l - 20));
--autocomplete-tag-count-color: $foreground-half-color --autocomplete-tag-count-color: var(--foreground-half-color);
--autocomplete-match-selected-color: hsl(from $background-color h s calc(l + 10)); --autocomplete-match-selected-color: hsl(from var(--background-color) h s calc(l + 10));
} }
} }

2
assets/css/views/tags.css
View file

@ -61,7 +61,7 @@
} }
.autocomplete__item__tag { .autocomplete__item__tag {
color: var(--foreground-color); color: var(--autocomplete-tag-color);
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
white-space: pre; white-space: pre;