mirror of
https://github.com/philomena-dev/philomena.git
synced 2025-03-17 00:50:03 +01:00
Fix and improve styling for different themes
This commit is contained in:
parent
b51e2bc205
commit
1e0def08db
3 changed files with 13 additions and 13 deletions
|
@ -166,13 +166,13 @@
|
|||
--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));
|
||||
|
||||
--autocomplete-history-color: $block-header-link-text-color
|
||||
--autocomplete-history-match-color: hsl(from $block-header-link-text-color h s calc(l + 20));
|
||||
--autocomplete-history-color: hsl(from var(--block-header-link-text-color) h s calc(l));
|
||||
--autocomplete-history-match-color: hsl(from var(--block-header-link-text-color) h s calc(l + 20));
|
||||
|
||||
--autocomplete-tag-color: $foreground-color;
|
||||
--autocomplete-tag-match-color: hsl(from $foreground-color h s calc(l + 20));
|
||||
--autocomplete-tag-count-color: $foreground-half-color
|
||||
--autocomplete-tag-color: hsl(from var(--foreground-color) h s calc(l - 5));
|
||||
--autocomplete-tag-match-color: hsl(from var(--foreground-color) h s calc(l + 20));
|
||||
--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));
|
||||
}
|
||||
}
|
||||
|
|
|
@ -163,13 +163,13 @@
|
|||
--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));
|
||||
|
||||
--autocomplete-history-color: $block-header-link-text-color
|
||||
--autocomplete-history-match-color: hsl(from $block-header-link-text-color h s calc(l + 20));
|
||||
--autocomplete-history-color: var(--block-header-link-text-color);
|
||||
--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-match-color: hsl(from $foreground-color h s calc(l + 20));
|
||||
--autocomplete-tag-count-color: $foreground-half-color
|
||||
--autocomplete-tag-color: hsl(from var(--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: 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));
|
||||
}
|
||||
}
|
||||
|
|
|
@ -61,7 +61,7 @@
|
|||
}
|
||||
|
||||
.autocomplete__item__tag {
|
||||
color: var(--foreground-color);
|
||||
color: var(--autocomplete-tag-color);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
white-space: pre;
|
||||
|
|
Loading…
Add table
Reference in a new issue