66
77/* Favorite items styling */
88.favorite-item {
9- background-color : alpha ( @accent_color , 0.1 );
9+ background-color : color-mix (in srgb , var ( --accent-color ) 10 % , transparent );
1010}
1111
1212.favorite-item : hover {
13- background-color : alpha ( @accent_color , 0.15 );
13+ background-color : color-mix (in srgb , var ( --accent-color ) 15 % , transparent );
1414}
1515
1616/* History list row styling for favorites */
1717listbox row .favorite-item {
18- background-color : alpha ( @accent_color , 0.08 );
18+ background-color : color-mix (in srgb , var ( --accent-color ) 8 % , transparent );
1919}
2020
2121listbox row .favorite-item : hover {
22- background-color : alpha ( @accent_color , 0.12 );
22+ background-color : color-mix (in srgb , var ( --accent-color ) 12 % , transparent );
2323}
2424
2525listbox row .favorite-item : selected {
26- background-color : alpha ( @accent_color , 0.2 );
26+ background-color : color-mix (in srgb , var ( --accent-color ) 20 % , transparent );
2727}
2828
2929.example-text {
3030 font-style : italic;
31- color: @accent_color ;
31+ color : var ( --accent-color ) ;
3232}
3333
3434.pos-header {
@@ -52,10 +52,49 @@ listbox row.favorite-item:selected {
5252 padding-right : 6px ;
5353 padding-top : 1px ;
5454 padding-bottom : 1px ;
55- color: @accent_fg_color ;
56- background-color: @accent_bg_color ;
55+ color : var ( --accent-fg-color ) ;
56+ background-color : var ( --accent-bg-color ) ;
5757}
5858
5959.lemma-button : hover {
60- background-color : alpha (@accent_bg_color , 0.7 );
60+ background-color : color-mix (in srgb, var (--accent-bg-color ) 70% , transparent);
61+ }
62+
63+ entry .completion-entry {
64+ transition :
65+ border-bottom-left-radius 120ms cubic-bezier (0.2 , 0 , 0 , 1 ),
66+ border-bottom-right-radius 120ms cubic-bezier (0.2 , 0 , 0 , 1 );
67+ }
68+
69+ entry .completion-entry .completion-active {
70+ border-bottom-left-radius : 0 ;
71+ border-bottom-right-radius : 0 ;
72+ }
73+
74+ popover .completion-popover .background > contents {
75+ padding : 0 ;
76+ border-top-width : 0 ;
77+ border-top-left-radius : 0 ;
78+ border-top-right-radius : 0 ;
79+ }
80+
81+ popover .completion-popover scrolledwindow ,
82+ popover .completion-popover viewport ,
83+ popover .completion-popover list {
84+ background : transparent;
85+ }
86+
87+ popover .completion-popover list row {
88+ min-height : 0 ;
89+ padding : 0 ;
90+ border-radius : 0 ;
91+ }
92+
93+ popover .completion-popover list row : hover {
94+ background-color : color-mix (in srgb, currentColor 6% , transparent);
95+ }
96+
97+ popover .completion-popover list row : selected {
98+ background-color : color-mix (in srgb, currentColor 10% , transparent);
99+ color : inherit;
61100}
0 commit comments