|
225 | 225 | --color-button: #fafafa; |
226 | 226 | --color-code-bg: #ffffff; |
227 | 227 | --color-code-sidebar-bg: #f5f5f5; |
228 | | - --color-shadow: #00000030; |
| 228 | + --color-shadow: #00000026; |
229 | 229 | --color-secondary-bg: #f4f4f4; |
230 | 230 | --color-expand-button: #d8efff; |
231 | 231 | --color-placeholder-text: #aaa; |
|
248 | 248 | --color-accent: var(--color-primary-light-1); |
249 | 249 | --color-small-accent: var(--color-primary-light-6); |
250 | 250 | --color-active-line: #fffbdd; |
| 251 | + --color-overlay-backdrop: #080808c0; |
251 | 252 | accent-color: var(--color-accent); |
252 | 253 | color-scheme: light; |
253 | 254 | } |
@@ -705,6 +706,16 @@ a.label, |
705 | 706 | background: var(--color-active) !important; |
706 | 707 | } |
707 | 708 |
|
| 709 | +/* styles from removed fomantic transition module */ |
| 710 | +.hidden.transition { |
| 711 | + visibility: hidden; |
| 712 | + display: none; |
| 713 | +} |
| 714 | +.visible.transition { |
| 715 | + display: block !important; |
| 716 | + visibility: visible !important; |
| 717 | +} |
| 718 | + |
708 | 719 | .ui.message { |
709 | 720 | background: var(--color-box-body); |
710 | 721 | color: var(--color-text); |
@@ -796,7 +807,7 @@ a.label, |
796 | 807 | .ui.selection.active.dropdown:hover, |
797 | 808 | .ui.selection.active.dropdown .menu, |
798 | 809 | .ui.selection.active.dropdown:hover .menu { |
799 | | - border-color: var(--color-primary-light-2); |
| 810 | + border-color: var(--color-primary); |
800 | 811 | } |
801 | 812 |
|
802 | 813 | .ui.selection.dropdown .menu { |
@@ -1186,6 +1197,20 @@ img.ui.avatar, |
1186 | 1197 | box-shadow: none; |
1187 | 1198 | } |
1188 | 1199 |
|
| 1200 | +.ui.dropdown .menu, |
| 1201 | +.ui.upward.dropdown > .menu, |
| 1202 | +.ui.menu .dropdown.item .menu, |
| 1203 | +.ui.selection.active.dropdown .menu, |
| 1204 | +.ui.upward.selection.dropdown .menu, |
| 1205 | +.ui.selection.active.dropdown:hover .menu, |
| 1206 | +.ui.upward.active.selection.dropdown:hover .menu { |
| 1207 | + box-shadow: 0 6px 18px var(--color-shadow); |
| 1208 | +} |
| 1209 | + |
| 1210 | +.ui.dimmer { |
| 1211 | + background: var(--color-overlay-backdrop); |
| 1212 | +} |
| 1213 | + |
1189 | 1214 | /* Override semantic selector '.ui.menu:not(.vertical) .item > .button' */ |
1190 | 1215 | /* This fixes the commit graph button on the commits page */ |
1191 | 1216 | /* modal svg icons, copied from fomantic except width and height */ |
|
0 commit comments