diff --git a/src/pyj/book_list/search.pyj b/src/pyj/book_list/search.pyj index 396079e56d..450f8056f9 100644 --- a/src/pyj/book_list/search.pyj +++ b/src/pyj/book_list/search.pyj @@ -25,12 +25,12 @@ class SearchPanel: style += build_rule('#' + self.container_id + ' div.tag-menu:active', transform='scale(2)') # Breadcrumbs - style += build_rule('#' + self.container_id + ' ol.breadcrumbs', user_select='none', white_space='nowrap', box_shadow='0 0 5px 1px rgba(0, 0, 0, 0.35)', border_radius='10px', margin='1ex 1em', margin_bottom='0') + style += build_rule('#' + self.container_id + ' ol.breadcrumbs', user_select='none', white_space='nowrap', background_color=get_color('window-background2'), z_index='-1', border_radius='10px', margin='1ex 1em', margin_bottom='0') style += build_rule('#' + self.container_id + ' ol.breadcrumbs li', cursor='pointer', display='inline-block', line_height='26px', margin='0 9px 0 -10px', padding='0.5ex 1rem', position='relative') - style += build_rule('#' + self.container_id + ' ol.breadcrumbs li:hover', font_weight='bold', font_style='italic', color='red') - style += build_rule('#' + self.container_id + ' ol.breadcrumbs li:active', transform='scale(2)', color='red') + style += build_rule('#' + self.container_id + ' ol.breadcrumbs li:hover', color='red') + style += build_rule('#' + self.container_id + ' ol.breadcrumbs li:active', transform='scale(1.5)', color='red') style += build_rule(str.format('#{0} ol.breadcrumbs li:before, #{0} ol.breadcrumbs li:after', self.container_id), - border_right='2px solid currentColor', content='""', display='block', height='50%', position='absolute', left='0', top='0', right='0', z_index='-1', transform='skewX(45deg)') + border_right='2px solid currentColor', content='""', display='block', height='50%', position='absolute', left='0', top='0', right='0', transform='skewX(45deg)') style += build_rule('#' + self.container_id + ' ol.breadcrumbs li:after', bottom='0', top='auto', transform='skewX(-45deg)') style += build_rule(str.format('#{0} ol.breadcrumbs li:last-of-type:before, #{0} ol.breadcrumbs li:last-of-type:after', self.container_id), display='none') diff --git a/src/pyj/book_list/theme.pyj b/src/pyj/book_list/theme.pyj index be377c6297..6445075136 100644 --- a/src/pyj/book_list/theme.pyj +++ b/src/pyj/book_list/theme.pyj @@ -3,12 +3,14 @@ DARK = '#39322B' LIGHT = '#F6F3E9' -LIGHT_GRADIENT = 'linear-gradient(to bottom, ' + LIGHT + ', #b6b3a8)' +LIGHT_DARKER = '#b6b3a8' +LIGHT_GRADIENT = str.format('linear-gradient(to bottom, {}, {})', LIGHT, LIGHT_DARKER) def get_color(name): return { # General colors 'window-background': LIGHT, + 'window-background2': LIGHT_DARKER, 'window-foreground': DARK, # Top bar specific colors