24
24
25
25
html [data-theme = ' light' ] {
26
26
.table-action-menu-dropdown {
27
- @include shadow-m ;
27
+ box-shadow :
28
+ 0px 1px 2px 1px rgba (0 , 0 , 0 , 0.05 ),
29
+ 0px 4px 8px 0px rgba (0 , 0 , 0 , 0.1 );
28
30
}
29
31
}
30
32
31
33
.table-action-menu-dropdown {
32
34
z-index : 100 ;
33
35
display : block ;
34
36
position : fixed ;
35
- background : var (--color-base-0 );
37
+ background : var (--theme-input-bg );
36
38
min-width : 160px ;
37
- color : var (--color-base-800 );
38
39
border-radius : $style-radius-m ;
39
40
min-height : 40px ;
40
41
overflow-y : auto ;
42
+ box-shadow :
43
+ 0px 1px 2px 1px rgba (0 , 0 , 0 , 0.1 ),
44
+ 0px 4px 16px 0px rgba (0 , 0 , 0 , 0.2 ),
45
+ 0px -4px 8px 0px rgba (0 , 0 , 0 , 0.1 );
46
+
47
+ hr {
48
+ border : none ;
49
+ height : 1px ;
50
+ background-color : var (--theme-elevation-200 );
51
+ }
41
52
42
53
.item {
43
54
padding : 8px ;
44
- color : var (--color-base -900 );
45
- background : var (--color-base-0 );
55
+ color : var (--theme-elevation -900 );
56
+ background : var (--theme-input-bg );
46
57
cursor : pointer ;
47
58
font-size : 13px ;
48
59
font-family : var (--font-body );
@@ -56,7 +67,7 @@ html[data-theme='light'] {
56
67
width : 100% ;
57
68
58
69
& :hover {
59
- background : var (--color-base -100 );
70
+ background : var (--theme-elevation -100 );
60
71
}
61
72
}
62
73
}
0 commit comments